:root{--bg:#f4f6fa;--card:#fff;--ink:#172238;--muted:#7e899b;--line:#e5e9f1;--nav:#0b1322;--blue:#5269ef;--green:#19a66f;--red:#db5367}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Segoe UI",Tahoma,Arial,sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:265px 1fr}#sidebar{height:100vh;position:sticky;top:0;background:linear-gradient(180deg,#0a1220,#101d32);color:#fff;padding:26px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:grid;grid-template-columns:48px 1fr;column-gap:12px;align-items:center;padding:0 7px 25px;border-bottom:1px solid #ffffff12}.brand>b{grid-row:1/3;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#5574ff,#755df3);font-size:13px;box-shadow:0 12px 25px #5368ef44}.brand span{font-size:13px;font-weight:700}.brand small{font-size:10px;color:#7e8da6}nav{display:grid;gap:5px;margin-top:22px}nav button{border:0;background:transparent;color:#93a1b8;padding:12px 14px;border-radius:11px;text-align:right;font:inherit;font-size:12px;cursor:pointer}nav button:hover,nav button.active{color:#fff;background:#ffffff0a}nav button.active{box-shadow:inset -2px 0 #6678ff;background:linear-gradient(90deg,#5366ea22,#5366ea08)}.secure{margin-top:auto;border:1px solid #7386ff2d;background:#5368ef14;border-radius:15px;padding:13px;display:flex;align-items:center;gap:10px}.secure i{width:35px;height:35px;border-radius:10px;background:#6075ff1f;color:#90a0ff;display:grid;place-items:center}.secure strong,.secure span{display:block}.secure strong{font-size:11px}.secure span{font-size:9px;color:#8b99ae;margin-top:4px;line-height:1.5}main{min-width:0}header{height:72px;background:#ffffffeb;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}header>div:first-of-type{display:flex;gap:8px;font-size:11px;color:#8a94a4}header>div:first-of-type strong{color:#29364b}.live{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;font-size:10px;color:#647084}.live i,.stats article>i{width:8px;height:8px;border-radius:50%;background:#aeb7c5;box-shadow:0 0 0 4px #aeb7c51c}.live i.ok,.stats i.ok{background:var(--green);box-shadow:0 0 0 4px #19a66f18}.live i.bad,.stats i.bad{background:var(--red);box-shadow:0 0 0 4px #db536718}#menu{display:none;border:0;background:transparent;font-size:20px}.content{max-width:1500px;margin:auto;padding:32px}.hero{min-height:185px;border-radius:25px;padding:34px 38px;background:radial-gradient(circle at 12% 15%,#725df170,transparent 28%),linear-gradient(135deg,#18243d,#0c1628 65%,#142744);color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 20px 45px #17264520}.hero small{color:#9baaff;font-size:10px}.hero h1{margin:9px 0;font-size:29px}.hero p{margin:0;color:#9aa8bd;font-size:12px}.phase{width:122px;height:122px;border-radius:28px;border:1px solid #ffffff17;background:#ffffff0a;display:grid;place-items:center;align-content:center}.phase b{font-size:43px}.phase span{font-size:9px;color:#8f9db4}.notice{margin-top:17px;border:1px solid #f1dfb6;background:#fffaf0;border-radius:14px;padding:14px 17px;display:flex;gap:10px;align-items:center;font-size:10px;color:#8d7755}.notice b{color:#6e5a38}.hidden{display:none!important}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.stats article{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px 18px;box-shadow:0 8px 24px #1c263608}.stats span,.stats small{display:block;color:#8c96a6;font-size:10px}.stats b{display:block;margin:12px 0 5px;font-size:18px}.stats article>i{position:absolute;left:18px;top:20px}.stats small{font-size:8px}.title{display:flex;align-items:end;justify-content:space-between;margin:31px 2px 14px}.title small{color:#929bac;font-size:9px}.title h2{margin:4px 0 0;font-size:18px}.title>div:last-child{display:flex;gap:5px}.title em{font-style:normal;background:#e9edf5;color:#69758b;padding:6px 8px;border-radius:18px;font-size:8px}.modules{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.module{min-height:127px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px;cursor:pointer;transition:.2s}.module:hover{transform:translateY(-2px);box-shadow:0 16px 40px #1c263612;border-color:#d7dced}.module .head{display:flex;justify-content:space-between}.module .icon{width:38px;height:38px;border-radius:11px;background:#edf0ff;color:#5367d8;display:grid;place-items:center;font-size:9px;font-weight:800}.module .lock{font-size:8px;color:#98a2b0;background:#f2f4f7;padding:5px 7px;border-radius:15px}.module h3{font-size:11px;margin:12px 0 5px}.module p{font-size:9px;color:#909aaa;line-height:1.6;margin:0}.module small{display:block;color:#3fa77c;font-size:8px;margin-top:11px}.bottom{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:20px}.bottom article{background:#fff;border:1px solid var(--line);border-radius:17px;padding:19px}.bottom h3{font-size:14px;margin:0 0 17px}.row{display:grid;grid-template-columns:140px 1fr 40px;gap:10px;align-items:center;margin:11px 0;font-size:9px;color:#737f91}.row>i{height:6px;border-radius:8px;background:#edf0f5;overflow:hidden}.row>i>b{display:block;height:100%;width:100%;background:linear-gradient(90deg,#4661e6,#765fe9)}.row strong{text-align:left}.bottom ul{list-style:none;padding:0;margin:0;display:grid;gap:12px;color:#667286;font-size:10px}.shade{position:fixed;inset:0;background:#07101f66;backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.25s;z-index:40}.shade.open{opacity:1;visibility:visible}.drawer{position:fixed;left:0;top:0;height:100vh;width:min(410px,92vw);background:#fff;padding:36px 29px;transform:translateX(-105%);transition:.28s;z-index:50;box-shadow:20px 0 60px #06102025}.drawer.open{transform:none}#close{position:absolute;left:20px;top:20px;border:0;background:#f1f3f7;border-radius:9px;width:33px;height:33px;font-size:19px}.drawer-icon{width:57px;height:57px;border-radius:16px;background:#eef0ff;color:#5268dc;display:grid;place-items:center;font-size:11px;font-weight:800;margin-top:24px}.drawer>small{display:block;color:#98a1af;font-size:9px;margin-top:19px}.drawer h2{font-size:22px;margin:7px 0}.drawer p{font-size:10px;color:#7f8999;line-height:1.8}.locked{margin:22px 0;padding:14px;background:#f7f9fc;border:1px solid #edf0f5;border-radius:13px}.locked b,.locked span{display:block}.locked b{font-size:10px}.locked span{font-size:9px;color:#8c96a5;margin-top:4px;line-height:1.6}.disabled{width:100%;border:0;background:#1a2942;color:#fff;border-radius:11px;padding:12px;font:inherit;font-size:10px;cursor:not-allowed}@media(max-width:1150px){.stats{grid-template-columns:repeat(2,1fr)}.modules{grid-template-columns:repeat(3,1fr)}}@media(max-width:880px){.shell{grid-template-columns:1fr}#sidebar{position:fixed;right:0;width:265px;transform:translateX(105%);transition:.25s}#sidebar.open{transform:none}#menu{display:block}header{padding:0 17px}.content{padding:19px}.modules{grid-template-columns:repeat(2,1fr)}.bottom{grid-template-columns:1fr}}@media(max-width:570px){.content{padding:13px}.hero{padding:24px}.hero h1{font-size:21px}.phase{display:none}.stats,.modules{grid-template-columns:1fr 1fr;gap:8px}.stats article,.module{padding:13px}.title>div:last-child{display:none}.row{grid-template-columns:105px 1fr 35px}}@media(max-width:380px){.stats,.modules{grid-template-columns:1fr}}
.admin-entry{display:grid;grid-template-columns:34px 1fr;column-gap:9px;align-items:center;text-decoration:none;color:#c7d2e6;border:1px solid #ffffff12;background:#ffffff08;border-radius:12px;padding:10px 11px;margin-top:auto;margin-bottom:9px}.admin-entry>b{grid-row:1/3;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#6578ff1c;color:#94a3ff}.admin-entry>span{font-size:11px;font-weight:700}.admin-entry>small{font-size:8px;color:#7e8da6;margin-top:2px}.admin-entry:hover{background:#6578ff16;border-color:#6578ff35}.admin-entry+.secure{margin-top:0}

.access-entry{display:grid;grid-template-columns:34px 1fr;column-gap:9px;align-items:center;text-decoration:none;color:#c7d2e6;border:1px solid #ffffff12;background:#ffffff08;border-radius:12px;padding:10px 11px;margin-top:auto;margin-bottom:9px}.access-entry>b{grid-row:1/3;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#4fd59d16;color:#75ddb1}.access-entry>span{font-size:11px;font-weight:700}.access-entry>small{font-size:8px;color:#7e8da6;margin-top:2px}.access-entry:hover{background:#4fd59d10;border-color:#4fd59d30}.access-entry+.admin-entry{margin-top:0}


/* live-ui-wave-2-home */
:root{--shadow-soft:0 12px 34px rgba(20,37,65,.08);--shadow-hover:0 20px 48px rgba(18,39,72,.13)}
body{font-size:14px;background:linear-gradient(180deg,#eef3f9 0,#f7f9fc 300px,#f3f6fb 100%)}
.shell{grid-template-columns:292px minmax(0,1fr)}
#sidebar{padding:22px 16px;height:100vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#34445f transparent;gap:0}
#sidebar::-webkit-scrollbar{width:6px}#sidebar::-webkit-scrollbar-thumb{background:#34445f;border-radius:999px}
.brand{grid-template-columns:52px 1fr;padding:2px 8px 22px;position:sticky;top:-22px;z-index:3;background:linear-gradient(180deg,#0a1220 82%,transparent)}.brand>b{width:52px;height:52px;border-radius:16px;font-size:14px}.brand span{font-size:14px}.brand small{font-size:10px}
nav{gap:6px;margin:18px 0 14px}nav button{padding:12px 14px;font-size:12.5px;border-radius:12px;font-weight:700}
.access-entry,.admin-entry{margin-top:0;margin-bottom:7px;grid-template-columns:38px 1fr;column-gap:10px;padding:10px 11px;border-radius:13px;transition:.16s ease}.access-entry>b,.admin-entry>b{width:38px;height:38px;border-radius:10px}.access-entry>span,.admin-entry>span{font-size:11.5px}.access-entry>small,.admin-entry>small{font-size:9px;line-height:1.4}.access-entry:hover,.admin-entry:hover{transform:translateX(-2px)}
.secure{margin-top:12px;flex:0 0 auto;padding:14px}.secure strong{font-size:11.5px}.secure span{font-size:9px}
header{height:76px;padding:0 clamp(18px,3vw,38px);box-shadow:0 5px 18px rgba(27,46,77,.035)}header>div:first-of-type{font-size:12px}.live{font-size:10.5px;padding:10px 13px;border-radius:11px}
.content{max-width:1580px;padding:34px clamp(18px,3vw,44px) 70px}.hero{min-height:220px;padding:40px 44px;border-radius:28px;background:radial-gradient(circle at 14% 18%,#735df287,transparent 31%),radial-gradient(circle at 82% 10%,#2d6fad33,transparent 30%),linear-gradient(135deg,#1b2945,#0b1527 66%,#142b4a);box-shadow:0 24px 58px rgba(19,38,68,.16)}.hero small{font-size:11px}.hero h1{font-size:35px;margin:11px 0}.hero p{font-size:13px;line-height:1.8;max-width:780px}.phase{width:138px;height:138px;border-radius:32px;box-shadow:inset 0 1px #ffffff18}.phase b{font-size:48px}.phase span{font-size:10px}
.notice{font-size:11px;padding:15px 18px;border-radius:15px}.stats{gap:14px;margin-top:20px}.stats article{border-radius:18px;padding:19px 20px;box-shadow:var(--shadow-soft);transition:.16s ease}.stats article:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.stats span{font-size:10px;font-weight:700}.stats b{font-size:22px;margin:13px 0 5px}.stats small{font-size:9px}
.title{margin-top:36px;margin-bottom:16px}.title small{font-size:10px}.title h2{font-size:21px}.title em{font-size:9px;padding:7px 9px}
.modules{gap:13px}.module{min-height:150px;border-radius:18px;padding:17px;box-shadow:0 7px 22px rgba(25,46,78,.04)}.module:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:#d3ddeb}.module .icon{width:43px;height:43px;border-radius:12px;font-size:10px}.module .lock{font-size:8.5px;padding:5px 8px}.module h3{font-size:12.5px;margin:14px 0 6px}.module p{font-size:10px;line-height:1.7}.module small{font-size:9px;margin-top:12px}
.bottom{gap:14px;margin-top:24px}.bottom article{border-radius:19px;padding:21px;box-shadow:var(--shadow-soft)}.bottom h3{font-size:15px}.row{font-size:10px;margin:12px 0}.bottom ul{font-size:11px;gap:13px}
.drawer{width:min(440px,94vw);padding:38px 31px}.drawer h2{font-size:25px}.drawer p{font-size:11px}.locked b{font-size:11px}.locked span{font-size:9.5px}.disabled{font-size:11px;min-height:42px}
@media(max-width:1150px){.shell{grid-template-columns:270px minmax(0,1fr)}.modules{grid-template-columns:repeat(3,1fr)}}
@media(max-width:880px){.shell{grid-template-columns:1fr}#sidebar{width:min(290px,88vw)}.content{padding:22px 16px 60px}.hero{min-height:190px;padding:30px}.hero h1{font-size:28px}}
@media(max-width:570px){header{height:64px}.content{padding:13px 10px 52px}.hero{min-height:170px;padding:25px 22px;border-radius:22px}.hero h1{font-size:23px}.hero p{font-size:11px}.stats,.modules{grid-template-columns:1fr 1fr}.stats article{padding:14px}.module{min-height:135px;padding:14px}.module h3{font-size:11.5px}}
@media(max-width:390px){.stats,.modules{grid-template-columns:1fr}.hero h1{font-size:22px}}


/* live-ui-wave-9-home-search */
.module-tools{display:flex;align-items:center;gap:11px;margin:0 0 14px}.module-search{position:relative;display:flex;align-items:center;flex:1;max-width:620px}.module-search span{position:absolute;right:13px;color:#7c8ea7;font-size:20px;pointer-events:none}.module-search input{width:100%;min-height:43px;border:1px solid #d8e0ec;background:#fff;color:#15233a;border-radius:13px;padding:10px 42px 10px 13px;font:inherit;font-size:12px;outline:none;box-shadow:0 7px 20px rgba(30,53,84,.045);transition:.15s ease}.module-search input:focus{border-color:#8aa8d8;box-shadow:0 0 0 3px rgba(76,113,185,.12),0 10px 24px rgba(30,53,84,.07)}.module-filter-count{font-size:10px;color:#63758e;border:1px solid #d8e0ec;background:#fff;border-radius:999px;padding:8px 10px;white-space:nowrap}.recent-wrap{margin:0 0 15px;border:1px solid #dce4ef;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:17px;padding:13px 14px;box-shadow:0 8px 24px rgba(28,51,82,.045)}.recent-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px}.recent-head span{font-size:11px;font-weight:900;color:#253653}.recent-head small{font-size:9px;color:#7c8ca1}.recent-modules{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.recent-module{flex:0 0 auto;display:flex;align-items:center;gap:8px;border:1px solid #d8e2ef;background:#fff;color:#21334e;border-radius:12px;padding:9px 11px;cursor:pointer;font:inherit;box-shadow:none;transition:.15s ease}.recent-module:hover{transform:translateY(-1px);border-color:#c2d1e5;box-shadow:0 8px 18px rgba(30,53,84,.07)}.recent-module b{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#edf3fb;font-size:8px;color:#416088}.recent-module span{font-size:10.5px;font-weight:800}.module-empty{grid-column:1/-1;padding:34px 18px;text-align:center;border:1px dashed #ccd8e8;border-radius:16px;background:#fafcff;color:#71829a}.module-empty b,.module-empty span{display:block}.module-empty b{font-size:13px;color:#344761}.module-empty span{margin-top:5px;font-size:10px}.hidden{display:none!important}
@media(max-width:570px){.module-tools{align-items:stretch;flex-direction:column}.module-search{max-width:none;width:100%}.module-filter-count{align-self:flex-start}.recent-wrap{padding:11px}.recent-head{align-items:flex-start;flex-direction:column}.recent-module{padding:8px 9px}}


/* live-ui-wave-10-home-a11y */
:where(a,button,input,[tabindex]):focus-visible{outline:3px solid #7ea5eb;outline-offset:3px}.module:focus-visible{outline:3px solid #6e91ce;outline-offset:3px}.recent-module:focus-visible,.module-search input:focus-visible{outline:3px solid #7ea5eb;outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.module:hover,.recent-module:hover,.stats article:hover{transform:none}}@media(forced-colors:active){.hero,.module,.stats article,.bottom article,.recent-wrap,.recent-module,.module-search input{border:1px solid CanvasText}.module .icon,.phase,.live i{forced-color-adjust:auto}}