:root{color-scheme:dark;--bg:#08090c;--surface-1:#12151c;--surface-2:#171b24;--surface-3:#1e232e;--border:#242a36;--border-strong:#323a4a;--text-primary:#eef1f6;--text-secondary:#9aa4b6;--text-muted:#6b7486;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--good:#0ca30c;--warning:#fab219;--serious:#ec835a;--critical:#d03b3b;--live:#3987e5;--grid:#1c212b;--font-sans:ui-sans-serif,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;--radius:6px;--sidebar-w:208px;--header-h:52px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;-webkit-font-smoothing:antialiased}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"tnum";letter-spacing:-.01em}a{text-decoration:none}a,button{color:inherit}button{font-family:inherit}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--surface-1);border-right:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.brand{padding:14px 16px;border-bottom:1px solid var(--border)}.brand-name{font-size:15px;font-weight:650;letter-spacing:.14em}.brand-sub{font-size:10px;color:var(--text-muted);letter-spacing:.1em;margin-top:3px}.nav{padding:8px 0;flex:1 1}.nav-group-label{font-size:9.5px;letter-spacing:.13em;color:var(--text-muted);padding:12px 16px 5px}.nav-item{display:flex;align-items:center;gap:9px;padding:6px 16px;font-size:12.5px;letter-spacing:.045em;color:var(--text-secondary);cursor:pointer;border-left:2px solid transparent}.nav-item.active,.nav-item:hover{background:var(--surface-2);color:var(--text-primary)}.nav-item.active{border-left-color:var(--series-1)}.nav-badge{margin-left:auto;font-size:10px;padding:1px 5px;border-radius:9px;background:var(--surface-3);color:var(--text-secondary)}.nav-badge.alert{background:rgba(208,59,59,.18);color:var(--critical)}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.header{height:var(--header-h);border-bottom:1px solid var(--border);background:var(--surface-1);display:flex;align-items:center;gap:18px;padding:0 18px;position:-webkit-sticky;position:sticky;top:0;z-index:40}.header-seg{display:flex;flex-direction:column;gap:1px}.header-label{font-size:9px;letter-spacing:.12em;color:var(--text-muted)}.header-value{font-size:12.5px}.header-spacer{flex:1 1}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--live);display:inline-block;animation:pulse 2s ease-in-out infinite}.live-dot.stale{background:var(--text-muted);animation:none}.live-dot.warn{background:var(--warning)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.live-dot{animation:none}}.kbd{font-family:var(--font-mono);font-size:10.5px;border:1px solid var(--border-strong);border-radius:4px;padding:2px 5px;color:var(--text-muted);background:var(--surface-2)}.content{padding:18px;flex:1 1}.page-title{font-size:13px;letter-spacing:.14em;color:var(--text-secondary);margin:0 0 14px}.grid{display:grid;grid-gap:12px;gap:12px}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.panel{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.panel-head{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--border);background:var(--surface-2)}.panel-title{font-size:10.5px;letter-spacing:.13em;color:var(--text-secondary)}.panel-body{padding:12px}.panel.clickable{cursor:pointer;transition:border-color .14s ease}.panel.clickable:hover{border-color:var(--border-strong)}.metric-row{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.metric-value{font-size:27px;font-weight:600;line-height:1.05}.metric-value.sm{font-size:19px}.metric-unit{font-size:12px}.metric-sub,.metric-unit{color:var(--text-secondary)}.metric-sub{font-size:11.5px;margin-top:5px;display:flex;gap:10px;flex-wrap:wrap}.metric-na{color:var(--text-muted);font-size:18px}.chip{font-size:9px;letter-spacing:.1em;padding:2px 6px;border-radius:3px;border:1px solid var(--border-strong);color:var(--text-secondary);white-space:nowrap}.chip.live{color:var(--live);border-color:rgba(57,135,229,.45)}.chip.current{color:var(--good);border-color:rgba(12,163,12,.45)}.chip.delayed{color:var(--warning);border-color:rgba(250,178,25,.45)}.chip.historical{color:var(--serious);border-color:rgba(236,131,90,.4)}.chip.stale{color:var(--text-muted)}.chip.nominal{color:var(--good);border-color:rgba(12,163,12,.45)}.chip.degraded{color:var(--warning);border-color:rgba(250,178,25,.45)}.chip.critical,.chip.error,.chip.offline{color:var(--critical);border-color:rgba(208,59,59,.45)}.chip.disabled{color:var(--text-muted)}.chip.warning{color:var(--warning);border-color:rgba(250,178,25,.45)}.chip.info{color:var(--series-1);border-color:rgba(57,135,229,.45)}.chip.unusual{color:var(--critical);border-color:rgba(208,59,59,.45)}.chip.elevated{color:var(--warning);border-color:rgba(250,178,25,.45)}.chip.normal{color:var(--good);border-color:rgba(12,163,12,.45)}.table{width:100%;border-collapse:collapse;font-size:12px}.table th{text-align:left;font-size:9.5px;letter-spacing:.1em;color:var(--text-muted);font-weight:500;padding:7px 10px;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;background:var(--surface-2);z-index:1}.table td{padding:7px 10px;border-bottom:1px solid var(--grid);color:var(--text-secondary)}.table tr:hover td{background:var(--surface-2)}.table td.strong,.table tr:hover td{color:var(--text-primary)}.table-wrap{max-height:460px;overflow:auto}.conductor{display:flex;gap:3px;flex-wrap:wrap}.conductor button{background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);font-size:10.5px;letter-spacing:.08em;padding:4px 9px;border-radius:4px;cursor:pointer}.conductor button:hover{border-color:var(--border-strong);color:var(--text-primary)}.conductor button.active{background:rgba(57,135,229,.14);border-color:var(--series-1);color:var(--text-primary)}.event-card{border-left:2px solid var(--border-strong);background:var(--surface-2);border-radius:4px;padding:10px 12px;margin-bottom:8px}.event-card.critical{border-left-color:var(--critical)}.event-card.warning{border-left-color:var(--warning)}.event-card.info{border-left-color:var(--series-1)}.event-title{font-size:12.5px;margin-bottom:3px}.event-meta{font-size:11px;color:var(--text-secondary);display:flex;gap:12px;flex-wrap:wrap}.palette-backdrop{position:fixed;inset:0;background:rgba(4,5,8,.72);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:100}.palette{width:min(620px,92vw);background:var(--surface-1);border:1px solid var(--border-strong);border-radius:8px;overflow:hidden;box-shadow:0 18px 48px rgba(0,0,0,.6)}.palette input{width:100%;background:transparent;border:none;outline:none;padding:14px 16px;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border)}.palette-results{max-height:52vh;overflow-y:auto}.palette-item{padding:9px 16px;font-size:12.5px;cursor:pointer;display:flex;align-items:center;gap:10px;color:var(--text-secondary)}.palette-item.active,.palette-item:hover{background:var(--surface-2);color:var(--text-primary)}.palette-hint{font-size:10px;color:var(--text-muted);margin-left:auto}.map-shell{position:relative;height:calc(100vh - var(--header-h) - 36px);min-height:460px}.map-shell>.map-canvas{position:absolute;inset:0;border-radius:var(--radius);overflow:hidden}.map-panel{position:absolute;top:10px;right:10px;z-index:5;background:rgba(18,21,28,.93);border:1px solid var(--border);border-radius:var(--radius);padding:10px;width:195px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-height:calc(100% - 20px);overflow-y:auto}.layer-row{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:11.5px;color:var(--text-secondary);cursor:pointer}.layer-row:hover{color:var(--text-primary)}.layer-swatch{width:9px;height:9px;border-radius:2px;flex-shrink:0}.layer-count{margin-left:auto;font-size:10px;color:var(--text-muted)}.maplibregl-popup-content{background:var(--surface-2)!important;color:var(--text-primary)!important;border:1px solid var(--border-strong);border-radius:var(--radius)!important;font-family:var(--font-sans);font-size:12px;padding:10px 12px!important}.maplibregl-popup-tip{border-top-color:var(--surface-2)!important;border-bottom-color:var(--surface-2)!important}.maplibregl-popup-close-button{color:var(--text-secondary)!important;font-size:16px}.maplibregl-ctrl-group{background:var(--surface-2)!important;border:1px solid var(--border)}.maplibregl-ctrl-group button{filter:invert(.85)}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:340px;background:var(--surface-1);border:1px solid var(--border);border-radius:8px;padding:24px}.login-card input{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:9px 11px;color:var(--text-primary);font-size:13px;margin-top:5px;outline:none}.login-card input:focus{border-color:var(--series-1)}.login-card label{display:block;font-size:10px;letter-spacing:.1em;color:var(--text-muted);margin-top:13px}.btn{background:var(--series-1);border:none;border-radius:4px;color:#fff;font-size:12.5px;letter-spacing:.06em;padding:9px 14px;cursor:pointer;width:100%;margin-top:18px}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.sm{width:auto;padding:5px 10px;font-size:11px;margin-top:0}.btn.ghost{background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary)}.error-text{color:var(--critical);font-size:12px;margin-top:10px}.muted{color:var(--text-muted)}.dim{color:var(--text-secondary)}.mono{font-family:var(--font-mono)}.small{font-size:11px}.tiny{font-size:10px}.right{text-align:right}.nowrap{white-space:nowrap}.empty{padding:26px;text-align:center;color:var(--text-muted);font-size:12px}.prov{position:relative;cursor:help;border-bottom:1px dotted var(--border-strong)}.prov-pop{position:absolute;bottom:calc(100% + 7px);left:0;z-index:60;background:var(--surface-3);border:1px solid var(--border-strong);border-radius:5px;padding:8px 10px;width:236px;font-size:10.5px;line-height:1.5;color:var(--text-secondary);box-shadow:0 8px 22px rgba(0,0,0,.5)}.prov-pop b{color:var(--text-primary);font-weight:500}.prov-row{display:flex;justify-content:space-between;gap:10px}@media (max-width:1400px){.coords-inline{display:none}}@media (max-width:1150px){.header-seg.secondary{display:none}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width:900px){:root{--header-h:46px}.sidebar{position:fixed;top:0;left:0;bottom:0;transform:translateX(-100%);transition:transform .22s ease;z-index:95;width:232px;box-shadow:4px 0 24px rgba(0,0,0,.5)}.sidebar.open{transform:translateX(0)}.sidebar-scrim{position:fixed;inset:0;z-index:94;background:rgba(4,5,8,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.nav-toggle{display:inline-flex!important}.content{padding:12px}.header{gap:12px;padding:0 10px;overflow-x:auto}.header::-webkit-scrollbar{display:none}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px}.grid-2{grid-template-columns:1fr}.metric-value{font-size:23px}.metric-value.sm{font-size:17px}.page-title{font-size:11px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:560px}.map-shell{height:calc(100vh - var(--header-h) - 92px);min-height:380px}.map-panel{width:168px;top:8px;right:8px;padding:8px}.palette{width:94vw}.palette-backdrop{padding-top:8vh}.nav-item{padding:10px 16px;font-size:13px}.conductor button{padding:7px 12px;font-size:11px}.btn.sm{padding:8px 12px}.layer-row{padding:6px 0}}@media (max-width:520px){.grid-auto{grid-template-columns:1fr 1fr}.header-seg.optional{display:none}.metric-value{font-size:21px}.event-meta{gap:8px;font-size:10.5px}}.nav-toggle{display:none;align-items:center;justify-content:center;width:30px;height:28px;flex-shrink:0;background:var(--surface-2);border:1px solid var(--border);border-radius:5px;cursor:pointer;color:var(--text-secondary)}.nav-toggle:hover{color:var(--text-primary);border-color:var(--border-strong)}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}