:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#172033;--muted:#667085;--line:#e5eaf1;--panel:#fff;--accent:#2563eb;--accent-soft:#eff6ff;--accent-line:#bfdbfe}body{color:var(--ink);background:#f5f7fa}body:before{display:none}.shell{grid-template-columns:224px minmax(0,1fr)}.sidebar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-color:#e7ebf1;height:100vh;padding:24px 16px;position:sticky;top:0}.brand{margin:0 8px 32px}.brand-mark{background:#fff;border-color:#dce4ef;box-shadow:0 5px 16px #0f172a12}.brandType{display:grid}.brandType strong{color:#111827;font-size:15px}.brandType small{color:#98a2b3;letter-spacing:.05em;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:500}.nav{gap:3px}.nav a{color:#667085;padding:10px 12px;font-weight:550;position:relative}.nav a:hover{color:#1d4ed8;background:#f5f8fd}.nav a.active{color:#1d4ed8;box-shadow:none;background:#eef4ff}.nav a.active:before{content:"";background:#2563eb;border-radius:0 3px 3px 0;width:3px;position:absolute;top:9px;bottom:9px;left:-16px}.signOut{position:absolute;bottom:22px;left:16px;right:16px}.signOut button{color:#667085;background:#fff;border-color:#e4e7ec;width:100%}.main{max-width:1600px;padding:32px clamp(22px,3vw,48px) 64px}.operations{flex-direction:column;gap:18px;display:flex}.overviewHero,.operationsPulse{display:none}.notice{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;order:-2;margin:0}.workspaceOverview{order:-1;gap:18px;display:grid}.workspaceHeader{justify-content:space-between;align-items:flex-end;gap:24px;padding:4px 2px 2px;display:flex}.workspaceKicker,.panelKicker{color:#2563eb;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:750;display:block}.workspaceHeader h1{color:#101828;letter-spacing:-.035em;margin:0;font-size:clamp(28px,3vw,40px);font-weight:650}.workspaceHeader p{color:#667085;margin:7px 0 0;font-size:14px}.liveBadge{color:#475467;background:#fff;border:1px solid #d9e3ef;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-size:11px;font-weight:650;display:inline-flex}.liveBadge i,.goodDot{background:#19b978;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #19b9781c,0 0 9px #19b978a6}.overviewKpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.overviewKpis article{background:#fff;border:1px solid #e3e9f0;border-radius:14px;min-height:126px;padding:20px;position:relative;overflow:hidden;box-shadow:0 4px 14px #10182809}.overviewKpis article:after{content:"";background:#19b978;border-radius:50%;width:8px;height:8px;position:absolute;top:20px;right:20px;box-shadow:0 0 10px #19b9788c}.overviewKpis article.needsAttention:after{background:#f59e0b;box-shadow:0 0 10px #f59e0b73}.overviewKpis span{color:#667085;font-size:12px;font-weight:600;display:block}.overviewKpis strong{color:#101828;margin:10px 0 5px;font-size:30px;line-height:1;display:block}.overviewKpis small{color:#98a2b3;font-size:11px}.overviewPanels{grid-template-columns:minmax(320px,1.15fr) minmax(280px,.85fr);gap:12px;display:grid}.overviewPanel{background:#fff;border:1px solid #e3e9f0;border-radius:14px;min-width:0;padding:20px;box-shadow:0 4px 14px #10182808}.overviewPanel>header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.overviewPanel h2{color:#1d2939;margin:0;font-size:15px}.overviewPanel header>span{color:#98a2b3;font-size:10px}.healthScore{color:#059669;font-size:24px}.healthTrack{background:#edf1f5;border-radius:999px;height:7px;overflow:hidden}.healthTrack i{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#10b981);height:100%;display:block}.healthBreakdown{color:#667085;gap:20px;margin:13px 0 16px;font-size:10px;display:flex}.healthBreakdown span{align-items:center;gap:7px;display:flex}.warnDot{background:#f59e0b;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 7px #f59e0b66}.attentionList{gap:8px;display:grid}.attentionList>div,.overviewPanel article,.allClear{background:#f8fafc;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;display:grid}.attentionList strong,.overviewPanel article strong{color:#344054;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;display:block;overflow:hidden}.attentionList small,.overviewPanel article small{color:#98a2b3;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;display:block;overflow:hidden}.attentionList>div>span,.overviewPanel article>span,.overviewPanel time{color:#98a2b3;text-transform:capitalize;font-size:9px}.severityDot{background:#f59e0b;border-radius:50%;width:7px;height:7px}.severityDot.critical{background:#ef4444}.allClear>i{color:#047857;background:#dff8ed;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;font-style:normal;display:grid}.allClear.awaitingData>i{color:#175cd3;background:#eaf2ff}.recentEvents>div,.routeHealth>div,.serviceHealth>div{gap:7px;display:grid}.overviewPanel article>i:not(.goodDot):not(.warnDot){background:#60a5fa;border-radius:50%;width:6px;height:6px}.overviewEmpty{color:#98a2b3;text-align:center;background:#f8fafc;border-radius:9px;margin:0;padding:22px;font-size:11px}.topologyPanel{order:-1;margin:0}.topologyPanel .panel-head{padding:18px 20px}.topologyPanel .panel-head h2{color:#1d2939}.topologyCanvas{background-color:#fbfcfe;background-image:linear-gradient(#eaf0f6 1px,#0000 1px),linear-gradient(90deg,#eaf0f6 1px,#0000 1px);background-size:24px 24px;border:0;min-height:370px}.topologyZone{color:#475467;background:#f1f5f9a8;border-color:#dbe5ef}.topologyNode{color:#344054;background:#fff;border-color:#d5e0eb;box-shadow:0 6px 15px #1018281a}.topologyNode small{color:#98a2b3}.topologyNode.online .nodeStatus,.liveDot{background:#16c47f!important;box-shadow:0 0 0 3px #16c47f1f,0 0 10px #16c47fbf!important}.topologyLinks .routeLink{stroke:#3b82f6}.topologyLinks .failoverLink{stroke:#94a3b8}.topologyLinks .wifiLink{stroke:#8b5cf6}.topologyLegend{color:#667085;background:#fffffff0;border-color:#e3e9f0}.stat,.panel{color:#344054;background:#fff;border-color:#e3e9f0;box-shadow:0 4px 14px #10182809}.panel-head,.editorToolbar,.floorMessage{border-color:#e7ebf1}.panel-head h2,.actionCard h2,.auditRow strong,.deviceCard strong,.state strong{color:#1d2939}.secondary,.actionCard p,.auditRow small,.deviceCard span,.deviceCard small,.state{color:#667085}input,select,textarea{color:#344054!important;background:#fff!important;border-color:#d8e0ea!important}button{color:#344054;background:#fff;border-color:#d8e0ea}button:not(.quiet):not(.danger):hover{border-color:#93b4e8}.actionCard>button,.integrationForm button{color:#fff;background:#2563eb;border-color:#2563eb}.status.online{color:#047857}.online .dot{background:#16c47f;box-shadow:0 0 9px #16c47fbf}.auditRow,.deviceCard,.telemetryLaunchGrid button{border-color:#edf0f4}.editorToolbar{background:#f8fafc}.editorToolbar button,.floorActions button,.roomInspector button{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.editorToolbar select,.editorField select{color:#344054;background:#fff}.secret{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.secret code{color:#1e3a8a;background:#fff}@media (max-width:1050px){.overviewKpis{grid-template-columns:1fr 1fr}.overviewPanels{grid-template-columns:1fr}}@media (max-width:760px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{height:126px;min-height:0;max-height:126px;padding:16px 18px;display:block;position:relative;overflow:hidden}.brand{margin:0;padding-right:82px}.nav{align-items:stretch;height:40px;margin-top:14px}.nav a{height:40px}.nav a.active:before{display:none}.signOut{width:76px;margin:0;padding:0;position:absolute;inset:18px 18px auto auto}.signOut button{white-space:nowrap;width:100%;padding:8px 10px;font-size:12px}.main{padding:24px 16px 48px}.workspaceHeader{flex-direction:column;align-items:flex-start}.overviewKpis{grid-template-columns:1fr 1fr}.overviewKpis article{min-height:112px;padding:16px}.topologyCanvas{min-height:450px}.healthBreakdown{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width:460px){.overviewKpis{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.workspaceOverview *{transition:none!important;animation:none!important}}