:root{--bg:#090e16;--side:#0c1420;--panel:#121c29;--panel2:#162231;--text:#e9f1fc;--muted:#8899ac;--line:#253245;--mint:#39dfae;--blue:#6b99ff;--amber:#ffc46a;--red:#ff737c;--purple:#b9a1fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}h1,h2,p{margin:0}h1{font-size:clamp(26px,3vw,38px);letter-spacing:-1.4px;font-weight:750}h2{font-size:16px;letter-spacing:-.25px}.muted{color:var(--muted)}.hidden{display:none!important}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.1px;color:var(--mint);margin-bottom:8px}.shell{display:flex;min-height:100vh}.sidebar{background:var(--side);border-right:1px solid var(--line);width:242px;flex:0 0 242px;min-height:100vh;padding:26px 15px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:4px 12px;margin-bottom:45px}.brand b{display:block;font-size:20px;letter-spacing:-.9px}.brand small{display:block;letter-spacing:1.6px;font-size:9px;color:var(--muted);font-weight:750}.brand-icon,.brand-mark{width:36px;height:36px;border:1px solid #23594e;color:#ebfff8;border-radius:11px;display:grid;place-content:center;background:linear-gradient(135deg,#1b5049,#11252f);font-size:21px;font-weight:800;letter-spacing:-2px}.brand-icon span,.brand-mark span{color:var(--mint)}.section-label{font-size:10px;letter-spacing:1.4px;color:#63768b;font-weight:800;padding-left:15px;margin-bottom:12px}.sidebar nav{display:grid;gap:3px}.sidebar nav button{width:100%;padding:12px 13px;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid transparent;background:transparent;border-radius:9px;color:#a6b4c4;font-weight:550}.sidebar nav button:hover{background:#1a2838}.sidebar nav button.selected{color:#f1fff9;background:#1a342f;border-color:#265b4e;font-weight:750}.navico{color:#72879d;font-size:19px;width:18px;text-align:center;line-height:1}.selected .navico{color:var(--mint)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:22px 12px 0;display:flex;gap:10px;align-items:center}.sidebar-foot b{display:block;font-size:12px}.sidebar-foot small{display:block;color:var(--muted);font-size:11px}.status-ring{border:3px solid #26594b;border-radius:50%;width:22px;height:22px;position:relative}.status-ring:after{content:"";position:absolute;inset:4px;background:var(--mint);border-radius:50%}.main{min-width:0;flex:1}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 32px;background:rgba(10,16,25,.86);position:sticky;top:0;z-index:8;backdrop-filter:blur(15px)}.breadcrumbs{color:var(--muted);font-size:12px}.breadcrumbs span{margin:0 10px;color:#536477}.breadcrumbs strong{color:var(--text);font-weight:650}.top-actions{display:flex;align-items:center;gap:10px}.freshness{color:var(--muted);font-size:11px}.ghost{background:#15212f;border:1px solid #2b3c50;color:#e0edfa;border-radius:8px;padding:8px 13px;font-size:12px;font-weight:650}.ghost:hover{border-color:#4a607a}.icononly{font-size:18px;padding:4px 12px}.main-body{max-width:1480px;margin:auto;padding:31px 36px 18px}.page{display:none}.page.active{display:block}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading p{color:var(--muted);font-size:13px;margin-top:6px}.title-dot{color:var(--mint)}.pill{display:inline-flex;align-items:center;border:1px solid #225d4d;color:var(--mint);background:#132c27;padding:6px 11px;border-radius:30px;white-space:nowrap;font-size:11px;font-weight:750}.pill:before{content:"";height:6px;width:6px;background:currentColor;border-radius:50%;margin-right:7px}.pill.warn{background:#352717;color:#ffce83;border-color:#70522c}.pill.neutral{color:#bbcce0;background:#192536;border-color:#35455b}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:18px 19px;min-height:126px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;right:-23px;top:-24px;width:80px;height:80px;border:1px solid #2e4350;border-radius:50%;opacity:.6}.kpi-icon{font-size:18px;color:var(--mint);float:right}.kpi .klabel{font-size:12px;color:var(--muted);margin-bottom:10px}.kpi .kvalue{font-size:29px;font-weight:750;letter-spacing:-1.1px;line-height:1.1}.kpi .kmeta{font-size:11px;color:#8aa0b5;margin-top:9px}.kpi .kmeta.good{color:var(--mint)}.kpi .kmeta.warn{color:var(--amber)}.two-columns{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:15px}.top-gap{margin-top:17px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px;min-width:0;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 21px 13px}.panel-head p{color:var(--muted);font-size:11px;margin-top:3px}.mini-tag{font-size:10px;letter-spacing:1px;color:#8babcb;background:#203044;border:1px solid #35455d;border-radius:6px;padding:5px 8px;font-weight:700}.chart-area{height:225px;padding:7px 18px 0;position:relative}.chart-area.tall{height:380px}.chart-area canvas{width:100%;height:100%;display:block}.chart-summary{display:flex;flex-wrap:wrap;gap:10px 22px;padding:14px 20px 20px;color:var(--muted);font-size:11px}.chart-summary b{color:var(--text);font-weight:720}.donut-wrap{display:flex;justify-content:center;align-items:center;gap:37px;min-height:250px;padding:10px 15px 35px}.donut{width:163px;height:163px;flex:none;border-radius:50%;background:conic-gradient(var(--blue) 0 90%,var(--mint) 90% 100%);display:grid;place-items:center;position:relative}.donut:before{content:"";position:absolute;inset:21px;border-radius:50%;background:var(--panel)}.donut>span{font-size:35px;line-height:1;z-index:1;font-weight:750;letter-spacing:-1.5px;text-align:center}.donut small{font-size:11px;display:block;color:var(--muted);margin-top:8px;letter-spacing:0;font-weight:500}.legend{min-width:120px}.legend div{display:flex;align-items:center;gap:9px;margin-bottom:14px;font-size:12px;color:var(--muted)}.legend b{margin-left:auto;color:var(--text);font-size:16px}.legend-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.legend-dot.blue{background:var(--blue)}.legend-dot.mint{background:var(--mint)}.info-line{margin:-23px 20px 20px;border-top:1px solid var(--line);padding-top:11px;font-size:11px;color:var(--muted)}.mini-device-list{padding:0 20px 16px}.mini-device{padding:12px 0;border-bottom:1px solid #223044;display:flex;align-items:center;gap:12px}.mini-device:last-child{border:0}.device-icon{height:31px;width:34px;display:grid;place-items:center;background:#203146;border:1px solid #344760;border-radius:8px;color:#c2d7f2;font-size:16px}.mini-device .dname{font-size:12px;font-weight:650}.mini-device .dmeta{color:var(--muted);font-size:10px}.mini-device .state{margin-left:auto;font-size:11px}.state.online{color:var(--mint)}.state.offline{color:var(--red)}.risk-row{display:flex;gap:11px;border-top:1px solid var(--line);padding:15px 20px}.risk-row:first-child{border-top:0}.risk-icon{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#37271f;color:var(--amber)}.risk-row.critical .risk-icon{background:#3f242a;color:var(--red)}.risk-row b{font-size:12px}.risk-row p{margin-top:3px;font-size:11px;color:var(--muted)}.subtle-link{background:transparent;border:0;color:var(--mint);font-size:11px;font-weight:700}.subsection-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:750;margin-bottom:14px}.subsection-title span{font-size:11px;color:var(--muted);font-weight:500}.wifi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wifi-card{padding:19px 20px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.wifi-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.wifi-card h2{font-size:16px}.wifi-card p{color:var(--muted);font-size:12px;margin:7px 0 17px}.chips{display:flex;gap:5px;flex-wrap:wrap}.chip{border-radius:6px;padding:4px 8px;border:1px solid #344760;background:#203145;color:#b7cbe2;font-size:10px}.table-wrap{overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.table-wrap th{font-size:10px;color:#8192a6;font-weight:800;letter-spacing:.9px;padding:14px 19px;background:#172333}.table-wrap td{padding:13px 19px;border-top:1px solid var(--line);font-size:12px;color:#bfcbd9}.table-wrap td:first-child{font-weight:700;color:var(--text)}.table-wrap tr:hover td{background:#162437}.cell-note{font-size:10px;color:#8497ac;font-weight:400}.value-good{color:var(--mint)!important}.value-warn{color:var(--amber)!important}.value-bad{color:var(--red)!important}.controls{display:flex;gap:8px;flex-wrap:wrap}.controls input,.controls select{border:1px solid #304259;border-radius:8px;color:#c7d7e9;background:#101b29;padding:9px 12px;max-width:230px;min-width:0;font-size:11px}.controls input{width:210px}.findings{display:grid;gap:13px}.finding{display:grid;grid-template-columns:4px 1fr;overflow:hidden;border-radius:12px;border:1px solid var(--line);background:var(--panel)}.finding .edge{background:var(--amber)}.finding.high .edge{background:var(--red)}.finding.low .edge{background:var(--mint)}.finding-body{padding:18px 20px}.finding-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.finding h2{font-size:14px}.finding p{color:var(--muted);font-size:12px;line-height:1.65;margin-top:9px}.finding .next{margin-top:10px;color:#d4dfed;font-size:11px}.finding .severity{color:var(--amber);font-size:10px;font-weight:800;letter-spacing:1px}.finding.high .severity{color:var(--red)}.finding.low .severity{color:var(--mint)}.stats-list{padding:1px 20px 20px}.stats-list>div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}.stats-list>div:last-child{border-bottom:0}.stats-list span{font-size:12px;color:var(--muted)}.stats-list b{font-size:12px;font-weight:650;text-align:right}.help-text{font-size:12px;color:var(--muted);line-height:1.7;padding:16px 20px}.notice{padding:12px 16px;background:#332d21;border:1px solid #695737;border-radius:9px;margin-bottom:18px;color:#e9d09f;font-size:12px}.notice.success{background:#173329;border-color:#356e53;color:#aef3cf}footer{color:#53677d;font-size:10px;margin:34px 0 5px;letter-spacing:.4px}footer span{color:var(--mint);margin:0 9px}.auth-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 48% -30%,#193b3b,transparent 51%),#0a1019;padding:25px}.auth-card{width:100%;max-width:427px;padding:36px;background:#121d2b;border:1px solid #304052;border-radius:18px;box-shadow:0 32px 90px #0007}.auth-card .brand-mark{width:49px;height:49px;font-size:30px;margin-bottom:28px}.auth-card h1{font-size:30px;margin:6px 0 8px}.auth-card .muted{margin-bottom:27px;font-size:12px}.auth-card label{display:block;font-size:12px;font-weight:650;margin-bottom:17px}.auth-card input{display:block;width:100%;margin-top:7px;padding:12px 14px;color:#f4f8fc;background:#0b1522;border:1px solid #364b61;border-radius:8px;letter-spacing:1px}.primary{background:var(--mint);color:#0a221b;border:0;padding:12px 18px;border-radius:9px;font-weight:800}.full{width:100%;margin-top:5px}.auth-foot{font-size:11px;color:#8b9fb0;margin-top:25px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.dot.green{background:var(--mint)}.form-error{color:var(--red);font-size:12px;min-height:18px;margin-top:11px}@media(max-width:1120px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-columns{grid-template-columns:1fr}.sidebar{width:205px;flex-basis:205px}.main-body{padding:26px 23px}}@media(max-width:720px){.shell{display:block}.sidebar{position:relative;height:auto;min-height:0;width:100%;border-right:0;border-bottom:1px solid var(--line);padding:12px}.sidebar .brand{margin:0 0 10px}.sidebar nav{display:flex;overflow:auto;gap:4px}.sidebar nav button{white-space:nowrap;flex:none;width:auto;padding:8px 11px;font-size:11px}.sidebar .section-label,.sidebar-foot{display:none}.topbar{top:0;height:auto;min-height:52px;padding:10px 13px}.breadcrumbs{font-size:10px}.top-actions{gap:5px}.freshness{font-size:9px;max-width:80px}.ghost{padding:6px 9px}.ghost span{display:none}.main-body{padding:19px 13px}.page-heading{align-items:start;flex-direction:column}.wifi-grid,.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{padding:15px 13px;min-height:105px}.kpi .kvalue{font-size:24px}.panel-head{align-items:start;flex-direction:column}.donut-wrap{gap:15px}.donut{width:138px;height:138px}.donut:before{inset:19px}.chart-area{height:190px}.chart-area.tall{height:265px}.controls input{width:160px}.table-wrap td,.table-wrap th{padding:12px 13px}.wifi-card{padding:15px}.auth-card{padding:25px}}@media(max-width:390px){.wifi-grid{grid-template-columns:1fr}.donut-wrap{gap:7px}.kpi .kvalue{font-size:21px}}