:root{color-scheme:dark;--bg:#0b0e14;--surface:#11161e;--raised:#171d27;--line:#242c38;--muted:#8490a3;--text:#e9eef5;--accent:#00ceb2;--purple:#a38bfa;--blue:#65a8fa;--amber:#f6bb6a;--red:#fa818e;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:var(--accent);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{color:inherit}svg{vertical-align:middle}.icon{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.boot{height:100vh;display:grid;place-content:center;text-align:center;justify-items:center;color:var(--muted)}.spinner{height:25px;width:25px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#0e1219;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:30px 17px 18px}.brand{display:block;padding:0 12px 30px}.brand img{width:177px;height:auto}.workspace{padding:13px;border:1px solid var(--line);border-radius:9px;display:flex;gap:10px;align-items:center;margin:0 0 32px;background:#141a23}.workspace-icon{background:#00ceb214;color:var(--accent);padding:8px;border-radius:8px}.workspace strong{font-size:12px;display:block}.workspace small{font-size:10px;color:var(--muted)}.nav-label{text-transform:uppercase;color:#58677c;font-size:10px;font-weight:700;letter-spacing:1.7px;padding:0 13px;margin:0 0 10px}.nav{display:grid;gap:5px}.nav button{border:0;background:none;padding:11px 13px;display:flex;gap:12px;align-items:center;text-align:left;color:#97a3b6;border-radius:7px;font-size:13px}.nav button:hover{background:#19212a;color:white}.nav button.active{background:#00ceb210;color:var(--accent)}.nav button .count{margin-left:auto;background:#00ceb21c;border-radius:5px;font-size:10px;padding:1px 6px}.sidebar-bottom{margin-top:auto}.system-box{padding:14px;background:linear-gradient(120deg,#101f24,#131923);border:1px solid #20353a;border-radius:9px;margin-bottom:18px}.system-box strong{font-size:11px;display:flex;align-items:center;gap:7px}.system-box p{font-size:10px;color:var(--muted);margin:7px 0 0}.dot{width:6px;height:6px;display:inline-block;background:var(--accent);border-radius:50%;box-shadow:0 0 8px #00ceb230}.dot.off{background:var(--muted);box-shadow:none}.profile{display:flex;align-items:center;gap:10px;padding:14px 4px 0;border-top:1px solid var(--line)}.avatar{width:33px;height:33px;display:grid;place-items:center;background:#243039;border:1px solid #32454b;border-radius:9px;font-size:11px;font-weight:600;color:#b7f6e9;flex-shrink:0}.profile-info{overflow:hidden;flex:1}.profile-info strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-info small{font-size:10px;color:var(--muted)}.icon-button{background:none;border:0;padding:7px;border-radius:7px;color:var(--muted)}.icon-button:hover{background:var(--raised);color:var(--text)}.topbar{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--line);gap:15px}.breadcrumb{color:var(--muted);display:flex;align-items:center;gap:13px;font-size:12px}.breadcrumb span:last-child{color:var(--text)}.topbar-right{display:flex;align-items:center;gap:18px}.pill{display:inline-flex;align-items:center;gap:7px;background:#00ceb20a;border:1px solid #00ceb225;color:#7ee6d2;border-radius:20px;font-size:10px;letter-spacing:.2px;padding:5px 10px;white-space:nowrap}.pill.neutral{background:#202633;color:#9ba8bb;border-color:#323b49}.content{max-width:1530px;padding:33px 36px 25px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:600;margin:0 0 7px}h1{font-size:27px;line-height:1.3;letter-spacing:-1px;font-weight:600;margin:0 0 7px}h2{font-size:16px;letter-spacing:-.3px;font-weight:600;margin:0}h3{margin:0;font-size:14px;font-weight:550}p{margin:0}.subtitle{color:var(--muted);font-size:12px}.heading-actions{display:flex;align-items:center;gap:10px}.btn{border:1px solid var(--line);border-radius:7px;padding:9px 13px;background:#171d27;display:inline-flex;gap:8px;align-items:center;justify-content:center;white-space:nowrap;font-size:12px;font-weight:550}.btn:hover{border-color:#465263;background:#202936}.btn.primary{background:var(--accent);border-color:var(--accent);color:#052c26}.btn.primary:hover{background:#19dec1}.btn.danger{color:var(--red);border-color:#fa818e35;background:#fa818e09}.btn .icon{height:15px;width:15px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:30px}.stat{background:linear-gradient(125deg,#141a23,#11161e);border:1px solid var(--line);border-radius:10px;padding:18px 19px;overflow:hidden}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#a1aebf;font-size:11px;margin-bottom:15px}.stat-top .icon{color:#697b90;width:17px;height:17px}.stat-value{display:flex;gap:7px;align-items:baseline;font-size:29px;line-height:1.2;letter-spacing:-1px;font-weight:600}.stat-value span{font-size:12px;color:var(--muted);font-weight:400;letter-spacing:0}.stat-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:10px;color:var(--muted);margin-top:13px}.stat-bottom b{color:var(--accent);font-weight:500}.spark{width:75px;height:22px}.spark path{stroke:var(--accent);fill:none;stroke-width:1.5}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-heading h2{display:flex;gap:9px;align-items:center}.small-count{font-size:10px;color:#93a0b4;background:var(--raised);border:1px solid var(--line);padding:1px 6px;border-radius:5px}.search{position:relative}.search>.icon{position:absolute;top:10px;left:11px;width:15px;height:15px;color:var(--muted)}.search input{width:220px;padding:8px 12px 8px 34px;background:var(--surface);border:1px solid var(--line);border-radius:7px;color:var(--text);font-size:11px}.vm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:30px}.vm-card{position:relative;overflow:hidden;padding:19px;background:var(--surface);border:1px solid var(--line);border-radius:10px;text-align:left;transition:border-color .15s,background .15s}.vm-card:hover{border-color:#586677;background:#151d27}.vm-card.selected{border-color:#00ceb280;background:linear-gradient(110deg,#11242380,#11161e 70%)}.vm-card.selected:before{content:"";position:absolute;left:0;top:17px;bottom:17px;width:2px;background:var(--accent);border-radius:4px}.vm-top{display:flex;gap:10px;align-items:center;margin-bottom:22px}.vm-icon{display:grid;place-items:center;background:#1c2632;color:#9cb4ce;border-radius:8px;width:35px;height:35px}.selected .vm-icon{background:#00ceb212;color:var(--accent)}.vm-title{min-width:0;flex:1}.vm-title strong{font-size:12px;font-weight:550;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vm-title small{font-size:10px;color:var(--muted)}.vm-top .pill{font-size:9px;padding:3px 7px}.vm-bars{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bar-label{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;margin-bottom:8px}.bar-label b{font-weight:500;color:#b4becb}.bar-svg{width:100%;height:4px;display:block}.bar-track{stroke:#25303d;stroke-width:4;stroke-linecap:round}.bar-fill{stroke:var(--accent);stroke-width:4;stroke-linecap:round}.purple{color:var(--purple)}.bar-fill.purple{stroke:var(--purple)}.vm-bottom{display:flex;justify-content:space-between;margin-top:17px;padding-top:12px;border-top:1px solid #242c3870;color:#76869b;font-size:9px}.inspector{border-top:1px solid var(--line);padding-top:25px}.inspector-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.inspector-title{display:flex;align-items:center;gap:10px}.inspector-title h2{font-size:17px}.inspector-title p{font-size:10px;color:var(--muted);margin-top:4px}.tabs{display:flex;gap:3px;border:1px solid var(--line);padding:4px;border-radius:8px;background:#0d121a}.tabs button{background:none;border:0;color:var(--muted);border-radius:5px;font-size:10px;padding:7px 12px}.tabs button.active{background:#25313b;color:#d9e8ec;box-shadow:0 1px 3px #0003}.charts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chart-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;padding:18px 20px 10px;min-width:0}.chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.chart-head h3{font-size:11px;color:#abb6c6;display:flex;gap:7px;align-items:center}.chart-head .icon{height:14px;width:14px}.chart-number{font-size:23px;margin-top:6px;font-weight:550;letter-spacing:-.6px}.chart-number small{font-size:11px;font-weight:400;color:var(--muted);letter-spacing:0}.legend{display:flex;gap:12px;font-size:9px;color:var(--muted);margin-top:3px;white-space:nowrap}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.legend .secondary{background:var(--purple)}.graph{position:relative;height:170px;margin-top:10px}.graph svg{width:100%;height:100%;overflow:visible}.grid-line{stroke:#263140;stroke-width:.6;stroke-dasharray:3 4}.axis-label{fill:#6e7f94;font-family:inherit;font-size:9px}.line-primary{stroke:var(--accent);fill:none;stroke-width:1.8;stroke-linejoin:round}.line-secondary{stroke:var(--purple);fill:none;stroke-width:1.7;stroke-linejoin:round}.chart-tooltip{pointer-events:none;position:absolute;top:2px;left:40%;padding:7px 10px;border-radius:6px;background:#26333f;box-shadow:0 4px 15px #0005;font-size:10px;z-index:2;white-space:nowrap}.chart-tooltip[hidden]{display:none}.no-chart{height:140px;display:grid;place-items:center;color:var(--muted);font-size:11px;text-align:center;padding:25px}.detail-strip{display:flex;gap:26px;padding:14px 0 6px;color:var(--muted);font-size:10px;flex-wrap:wrap}.detail-strip strong{font-weight:500;color:#b6c2d2;margin-left:5px}.footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:28px;padding-top:17px;color:#58687b;font-size:10px;gap:10px}.footer span{display:flex;align-items:center;gap:6px}.footer .icon{width:12px;height:12px}.error-banner{display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid #fa818e40;background:#fa818e0a;border-radius:8px;margin:0 0 20px;color:#f2a5ad;font-size:12px}.error-banner span{flex:1}.empty{padding:55px 20px;text-align:center;border:1px dashed var(--line);border-radius:10px;color:var(--muted);grid-column:1/-1}.empty>.icon{width:32px;height:32px;margin-bottom:13px;color:#5f7488}.empty h3{color:#ced6e1;margin-bottom:7px}.empty p{font-size:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--surface)}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;font-weight:500;color:var(--muted);background:#151c26;padding:13px 20px;border-bottom:1px solid var(--line)}td{padding:17px 20px;font-size:12px;border-bottom:1px solid #242c3870}tr:last-child td{border:0}.user-cell{display:flex;align-items:center;gap:11px}.user-cell strong{display:block;font-size:12px;font-weight:550}.user-cell small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.tag{background:#1b2632;color:#a6bdd4;border:1px solid #2b3c4d;padding:3px 7px;border-radius:5px;font-size:10px;display:inline-block;margin-right:4px}.muted{color:var(--muted)}.table-actions{display:flex;gap:8px;justify-content:flex-end}.notice{font-size:11px;color:var(--muted);padding:15px 0;display:flex;align-items:center;gap:8px}.notice .icon{width:15px;height:15px;flex-shrink:0}.login{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh}.login-art{padding:55px 65px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 35% 60%,#063b3844,transparent 65%),#0e141c;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.login-art:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#354357 1px,transparent 1px),linear-gradient(90deg,#354357 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(transparent,#000,transparent);pointer-events:none}.login-art>*{z-index:1}.login-art img{width:240px}.login-art h1{font-size:43px;line-height:1.18;letter-spacing:-1.8px;font-weight:500;margin:24px 0 20px;max-width:440px}.login-art h1 em{font-style:normal;color:var(--accent)}.login-art p{font-size:14px;line-height:1.8;color:#97a7b7;max-width:365px}.login-art footer{font-size:10px;color:#6b7b8e}.server-art{height:140px;width:270px;margin:40px 0;transform:perspective(600px) rotateY(-15deg) rotateX(12deg);position:relative}.server-slot{height:43px;border:1px solid #2d6864;border-radius:7px;background:linear-gradient(120deg,#1b333d,#132129);margin-bottom:8px;box-shadow:10px 10px 0 #06161580,0 0 35px #00ceb20a;display:flex;align-items:center;padding:0 17px;gap:7px}.server-slot i{height:4px;width:34px;border-radius:3px;background:#3d626b}.server-slot i:nth-child(2){width:20px}.server-slot b{margin-left:auto;height:5px;width:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent)}.login-form-wrap{display:grid;place-items:center;padding:50px}.login-form{width:100%;max-width:355px}.login-mark{display:inline-flex;padding:12px;background:#00ceb210;color:var(--accent);border:1px solid #00ceb225;border-radius:12px;margin-bottom:22px}.login-mark .icon{width:24px;height:24px}.login-form h2{font-size:26px;letter-spacing:-.8px;margin-bottom:8px}.login-form>.subtitle{margin-bottom:32px}.field{margin-bottom:18px}.field label{display:block;font-size:11px;color:#bec8d7;margin-bottom:8px;font-weight:500}.field input{background:#10161f;border:1px solid #2c3645;border-radius:7px;width:100%;color:var(--text);padding:12px 13px;font-size:12px}.field input::placeholder{color:#536378}.field input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px #00ceb20b}.input-wrap{position:relative}.input-wrap input{padding-right:40px}.input-wrap .icon-button{position:absolute;right:5px;top:5px}.login-form .btn.primary{width:100%;padding:12px;margin-top:7px}.login-help{font-size:10px;color:var(--muted);text-align:center;margin-top:25px;display:flex;align-items:center;justify-content:center;gap:7px}.login-help .icon{width:13px;height:13px}.form-error{color:var(--red);font-size:12px;min-height:18px;margin-bottom:10px}.mobile-logo{display:none}dialog{padding:0;border:1px solid #354151;border-radius:14px;background:#121923;color:var(--text);max-width:600px;width:calc(100% - 32px);max-height:90vh;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#05090dcc;backdrop-filter:blur(5px)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;border-bottom:1px solid var(--line)}.modal-header h2{font-size:18px}.modal-body{padding:23px 25px}.modal-footer{padding:17px 25px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px;background:#0f151e}.modal-body .subtitle{margin-bottom:23px;font-size:12px;line-height:1.7}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.checkbox{display:flex;align-items:center;gap:9px;font-size:12px;padding:10px 0}.checkbox input{accent-color:var(--accent);width:15px;height:15px}.assignment-list{max-height:225px;overflow:auto;background:#0d131d;border:1px solid var(--line);border-radius:7px;padding:5px 12px}.assignment-list .checkbox{padding:10px 0;border-bottom:1px solid #242c3870;justify-content:space-between;gap:10px}.assignment-list label{display:flex;align-items:center;gap:10px;flex:1}.assignment-list small{font-size:9px;color:var(--muted)}.assignment-list .disabled{opacity:.4}.field-note{font-size:10px;color:var(--muted);margin-top:7px;line-height:1.6}#notifications{position:fixed;bottom:25px;right:25px;z-index:10;display:grid;gap:8px;max-width:min(420px,90vw)}.toast{background:#1e3033;border:1px solid #376159;border-radius:9px;box-shadow:0 8px 30px #0006;padding:15px 20px;font-size:12px;animation:appear .2s}.toast.error{background:#35232b;border-color:#6b3646}@keyframes appear{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.mobile-menu{display:none}.spin .icon{animation:spin 1s linear infinite}.loading-block{min-height:200px;display:grid;place-content:center;justify-items:center;gap:15px;font-size:12px;color:var(--muted)}.filter-meta{font-size:10px;color:var(--muted)}.audit-event{font-size:11px;color:#bec8d7}.badge-error{color:var(--red);background:#fa818e10;border-color:#fa818e30}@media(min-width:1600px){.vm-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.shell{grid-template-columns:205px minmax(0,1fr)}.brand img{width:150px}.sidebar{padding-left:12px;padding-right:12px}.content{padding:26px}.topbar{padding:0 26px}.vm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{gap:10px}.stat{padding:15px}.stat-value{font-size:25px}.stat-bottom{font-size:9px}.spark{width:45px}.login-art{padding:40px}.login-art h1{font-size:36px}.chart-card{padding:15px}.legend{gap:7px}}@media(max-width:800px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;width:238px;z-index:5;transform:translateX(-100%);transition:transform .2s;box-shadow:10px 0 80px #0008}.sidebar.open{transform:translateX(0)}.mobile-menu{display:block}.topbar{height:62px;padding:0 20px}.breadcrumb{font-size:10px;gap:8px}.topbar-right{gap:7px}.topbar-right .pill{display:none}.content{padding:25px 20px}.page-heading{align-items:flex-start}h1{font-size:24px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:25px;gap:12px}.stat-bottom .spark{width:65px}.login{grid-template-columns:1fr}.login-art{display:none}.login-form-wrap{min-height:100vh;padding:30px}.mobile-logo{display:block;width:200px;margin-bottom:45px}.inspector-head{align-items:flex-start;flex-direction:column}.tabs{width:100%}.tabs button{flex:1}.chart-number{font-size:21px}.charts{gap:12px}.footer{font-size:9px}.filter-meta{display:none}}@media(max-width:540px){.vm-grid{grid-template-columns:1fr}.charts{grid-template-columns:1fr}.heading-actions .btn{padding:8px;font-size:10px}.heading-actions .btn .icon{width:13px}.page-heading{gap:9px}.subtitle{font-size:11px}.eyebrow{font-size:9px}.search input{width:155px}.section-heading h2{font-size:14px}.stat{padding:14px}.stat-value{font-size:25px}.stat-bottom{font-size:9px}.stat-bottom .spark{width:45px}.stat-top{font-size:10px}.detail-strip{gap:13px}.footer{flex-direction:column;gap:6px}.field-row{grid-template-columns:1fr;gap:0}.modal-header,.modal-body{padding:20px}.chart-card{padding:18px}.notice{font-size:10px;align-items:flex-start}.page-heading .heading-actions{margin-top:7px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.vm-bottom .icon{width:10px;height:10px;margin-right:3px}.system-box .icon{width:13px;height:13px}.profile .icon-button{padding:4px}.profile .icon-button .icon{width:15px;height:15px}