:root{color-scheme:dark;font-family:Inter,"Plus Jakarta Sans","Microsoft YaHei",system-ui,sans-serif;background:#0b1020;color:#f5f7ff;--bg:#0b1020;--surface:#11182a;--line:#273653;--line-soft:rgba(130,154,194,.14);--text:#f5f7ff;--muted:#8f9bb8;--primary:#7c6cff;--mint:#56e0c0;--orange:#ff9a62;--danger:#ff7186;--shadow:0 24px 70px rgba(0,0,0,.28)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;min-width:320px;background:radial-gradient(circle at 70% -20%,#24365e 0,transparent 38%),var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(86,224,192,.45);outline-offset:2px}.hidden{display:none!important}.shell{min-height:100vh}.eyebrow{margin:0;color:#8392b2;font-size:.66rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.muted,.status{color:var(--muted);line-height:1.65}small{color:var(--muted);line-height:1.45}h1,h2,h3{margin:0;letter-spacing:-.035em}h1{font-size:1.35rem}h2{font-size:1.6rem}h3{font-size:1rem}.notice{min-height:1.25rem;color:#ffabb8}
.login-view{position:relative;display:grid;grid-template-columns:minmax(420px,520px) minmax(300px,1fr);gap:clamp(3rem,9vw,10rem);align-items:center;width:min(1220px,calc(100% - 48px));min-height:100vh;margin:auto;padding:56px 0;overflow:hidden}.login-view:before{content:"";position:absolute;z-index:-2;width:680px;height:680px;left:34%;top:13%;border:1px solid rgba(117,136,190,.12);border-radius:50%;box-shadow:0 0 0 90px rgba(117,136,190,.025),0 0 0 180px rgba(117,136,190,.018)}.login-orbit{position:absolute;z-index:-1;border-radius:50%;filter:blur(1px)}.orbit-one{width:280px;height:280px;left:-100px;top:6%;background:radial-gradient(circle,rgba(124,108,255,.28),transparent 66%)}.orbit-two{width:360px;height:360px;right:-90px;bottom:-80px;background:radial-gradient(circle,rgba(86,224,192,.12),transparent 65%)}.login-card{width:100%;padding:42px;border:1px solid rgba(136,159,204,.19);border-radius:28px;background:rgba(16,24,43,.82);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.brand-lockup{display:flex;align-items:center;gap:12px;color:var(--text)}.brand-lockup>span:last-child{display:grid;gap:2px}.brand-lockup strong{font-size:1.08rem;letter-spacing:-.03em}.brand-lockup small{color:#7484a4;font-size:.56rem;font-weight:800;letter-spacing:.18em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#897dff,#544be1);box-shadow:0 9px 24px rgba(124,108,255,.3)}.brand-mark svg{width:23px;height:23px;fill:currentColor}.login-copy{margin:72px 0 34px}.login-copy .eyebrow{margin-bottom:16px;color:var(--mint)}.login-copy h1{font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.08}.login-copy h1 em{color:#958bff;font-style:normal}.login-copy p:last-child{max-width:390px;margin:20px 0 0;font-size:.96rem}.stack{display:grid;gap:16px}label{display:grid;gap:8px;color:#dfe5f6;font-size:.84rem;font-weight:650}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:.82rem .9rem;color:var(--text);background:rgba(10,16,31,.72);outline:0;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input::placeholder{color:#596783}input:focus,select:focus,textarea:focus{border-color:var(--mint);background:#0e172b;box-shadow:0 0 0 4px rgba(86,224,192,.11)}.primary-action,button:not(.secondary):not(.text-button):not(.icon-button){display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:.78rem 1rem;border-radius:11px;color:#07131d;background:var(--mint);font-weight:800;box-shadow:0 10px 25px rgba(86,224,192,.16);transition:transform .18s ease,filter .18s ease}button:hover{filter:brightness(1.08);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.5;transform:none}.login-foot{display:flex;gap:8px;align-items:center;margin-top:22px;color:#71819e;font-size:.75rem}.secure-dot,.signal-line{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(86,224,192,.1)}.login-aside{padding:34px 0}.aside-kicker{color:#7080a2;font-size:.68rem;font-weight:800;letter-spacing:.17em}.login-aside h2{margin:20px 0 50px;font-size:clamp(2rem,4vw,3.7rem);line-height:1.1}.login-aside h2 span{color:#7889ad}.aside-stack{display:grid;gap:26px;max-width:430px}.aside-item{display:flex;align-items:center;gap:17px;padding-bottom:22px;border-bottom:1px solid var(--line-soft)}.aside-item>span:last-child{display:grid;gap:5px}.aside-item strong{font-size:.95rem}.aside-item small{font-size:.78rem}.mini-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(124,108,255,.35);border-radius:12px;color:#9e95ff;background:rgba(124,108,255,.14);font-size:.68rem;font-weight:800}.aside-foot{display:flex;gap:10px;align-items:center;margin-top:45px;color:#687693;font-size:.75rem}
.app-frame{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;min-height:100vh;padding:26px 16px 18px;border-right:1px solid var(--line-soft);background:rgba(12,18,34,.92)}.sidebar-head{display:flex;justify-content:space-between;align-items:flex-start;padding:0 10px 24px}.brand-lockup.compact .brand-mark{width:34px;height:34px;border-radius:10px}.brand-lockup.compact strong{font-size:.98rem}.brand-lockup.compact small{font-size:.52rem}.env-pill{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid rgba(86,224,192,.2);border-radius:999px;color:var(--mint);font-size:.58rem;font-weight:800;letter-spacing:.08em}.status-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;vertical-align:middle}.status-dot.on{background:var(--mint);box-shadow:0 0 11px rgba(86,224,192,.7)}.status-dot.off{background:var(--danger)}.workspace-switcher{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:11px;margin-bottom:22px;border:1px solid var(--line-soft);border-radius:13px;background:rgba(24,35,59,.5)}.workspace-switcher>span:nth-child(2){display:grid;gap:2px}.workspace-switcher strong{font-size:.75rem}.workspace-switcher small{font-size:.64rem}.workspace-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#ff9a62,#d8669f);font-weight:800}.chevron{color:#7887a5}.nav{display:grid;gap:4px}.nav-label{margin:14px 11px 6px;color:#5f6d89;font-size:.62rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.nav button{display:grid;grid-template-columns:23px 1fr auto;gap:10px;align-items:center;width:100%;min-height:42px;padding:0 11px;border:1px solid transparent;border-radius:10px;text-align:left;color:#95a3c0;background:transparent;font-size:.82rem;font-weight:650;transition:background .18s ease,color .18s ease,border-color .18s ease}.nav button:hover{color:#edf2ff;background:rgba(37,51,81,.55);transform:none}.nav button.active{color:#fff;border-color:rgba(124,108,255,.3);background:linear-gradient(90deg,rgba(124,108,255,.22),rgba(124,108,255,.06));box-shadow:inset 3px 0 #8c80ff}.nav-icon{width:17px;height:17px;color:#7383a2;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav button.active .nav-icon{color:#a59cff}.nav kbd{color:#71809c;font-size:.58rem}.sidebar-foot{margin-top:auto;padding:20px 4px 0}.help-card{display:flex;gap:9px;align-items:center;padding:12px 10px;border:1px solid rgba(86,224,192,.15);border-radius:12px;background:rgba(86,224,192,.055)}.help-card>span:last-child{display:grid;gap:3px}.help-card strong{font-size:.72rem}.help-card small{font-size:.62rem}.help-mark{display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(86,224,192,.35);border-radius:50%;color:var(--mint);font-weight:800}.main-area{min-width:0;background:linear-gradient(180deg,rgba(18,27,47,.52),rgba(11,16,32,.92))}.topbar{display:flex;justify-content:space-between;align-items:center;min-height:86px;padding:20px clamp(22px,4vw,54px);border-bottom:1px solid var(--line-soft);background:rgba(12,18,34,.54);backdrop-filter:blur(18px)}.topbar-title{display:flex;gap:13px;align-items:center}.topbar-title h1{margin-top:5px;font-size:1.05rem}.topbar-actions,.account{display:flex;align-items:center;gap:14px}.system-status{color:#7d8ba7;font-size:.72rem}.icon-button{position:relative;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:10px;color:#9aa8c2;background:var(--surface)}.icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-dot{position:absolute;top:7px;right:8px;width:5px;height:5px;border-radius:50%;background:var(--orange)}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#5a69ec,#9c6bea);font-size:.72rem;font-weight:800}.account>span:not(.avatar){color:#d9e0f2;font-size:.78rem;font-weight:650}.secondary{min-height:36px;padding:.55rem .8rem;border:1px solid var(--line);border-radius:9px;color:#bdc8df;background:rgba(26,39,64,.72);font-size:.76rem;font-weight:700;transition:background .18s ease,border-color .18s ease,transform .18s ease}.secondary:hover{border-color:#52698f;background:#233452;transform:translateY(-1px)}.text-button{padding:0;color:#9d94ff;background:transparent;font-weight:700}.content{width:min(1500px,100%);padding:clamp(26px,4vw,52px)}.toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:24px}.toolbar h2{margin-top:7px}.toolbar .status{max-width:720px;margin:9px 0 0;font-size:.82rem}.toolbar>button{align-self:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:18px}.card{margin-bottom:18px;padding:22px;border:1px solid var(--line-soft);border-radius:17px;background:linear-gradient(145deg,rgba(24,36,61,.8),rgba(15,23,41,.84));box-shadow:0 12px 32px rgba(0,0,0,.12)}.metric{color:#fff;font-size:2rem;font-weight:800;letter-spacing:-.06em}.card>.status{margin-top:5px;font-size:.76rem}.card h2,.card h3{margin-bottom:15px}.card h3{color:#bac7df}.table-wrap{overflow-x:auto;border:1px solid var(--line-soft);border-radius:12px}table{width:100%;min-width:650px;border-collapse:collapse}th,td{padding:14px 13px;text-align:left;border-bottom:1px solid var(--line-soft);font-size:.8rem;vertical-align:top}th{color:#7787a5;background:rgba(9,15,29,.35);font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}tr:last-child td{border-bottom:0}tr:hover td{background:rgba(124,108,255,.045)}td strong{color:#eef2ff;font-size:.82rem}td small{font-size:.68rem}code{color:#aeb8ff;word-break:break-all}.actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.badge{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid rgba(124,108,255,.25);border-radius:999px;color:#c7c0ff;background:rgba(124,108,255,.13);font-size:.68rem;font-weight:750}.danger,.danger-text{color:#ff9eae!important}.empty{padding:32px 12px;text-align:center;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:17px}.span-all{grid-column:1/-1}.check-field{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:rgba(10,16,31,.4)}.check-field input{width:auto}.check-field small{display:block}.settings-list{display:grid;gap:0}.settings-list label,.settings-readonly{display:grid;grid-template-columns:minmax(170px,.6fr) minmax(220px,1fr);align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid var(--line-soft)}.settings-list label span,.settings-readonly span{display:grid;gap:4px}.settings-list label span strong,.settings-readonly span strong{font-size:.82rem}.settings-list label span small,.settings-readonly span small{font-size:.72rem}.settings-readonly-list{margin-top:20px;padding-top:20px;border-top:1px solid var(--line-soft)}.settings-readonly-list h3{color:#98a6c0}.settings-readonly code{display:block;padding:11px;border:1px dashed var(--line);border-radius:9px;background:rgba(10,16,31,.45)}.mobile-brand{display:none;place-items:center;width:30px;height:30px;border-radius:9px;color:#fff;background:#6458e8;font-size:.65rem;font-weight:800}
@media(max-width:980px){.login-view{grid-template-columns:minmax(350px,520px);justify-content:center}.login-aside{display:none}.app-frame{grid-template-columns:220px minmax(0,1fr)}.system-status{display:none}}@media(max-width:720px){.login-view{width:min(100% - 28px,520px)}.login-card{padding:28px 22px}.login-copy{margin:54px 0 28px}.app-frame{grid-template-columns:1fr}.sidebar{min-height:auto;padding:14px;border-right:0;border-bottom:1px solid var(--line-soft)}.sidebar-head{padding-bottom:14px}.workspace-switcher,.sidebar-foot{display:none}.nav{display:flex;overflow-x:auto;gap:5px}.nav-label{display:none}.nav button{width:auto;min-width:max-content;padding:0 12px}.nav button kbd,.nav-icon{display:none}.topbar{min-height:68px;padding:14px 18px}.mobile-brand{display:grid}.account>span:not(.avatar),.icon-button{display:none}.content{padding:24px 16px}.toolbar{align-items:stretch}.toolbar>button{width:100%}.settings-list label,.settings-readonly{grid-template-columns:1fr;gap:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

@media (max-width: 820px) { .login-view { grid-template-columns: minmax(350px, 520px); justify-content: center; } .login-aside { display: none; } .app-frame { grid-template-columns: 220px minmax(0, 1fr); } .system-status { display: none; } }