:root{--surface-1:#fcfcfb;--page:#f9f9f7;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#898781;--grid:#e1e0d9;--baseline:#c3c2b7;--border:#0b0b0b1a;--series-1:#2a78d6;--series-2:#1baf7a;--seq-100:#cde2fb;--seq-200:#9ec5f4;--seq-300:#6da7ec;--seq-400:#3987e5;--seq-500:#256abf;--seq-600:#184f95;--seq-700:#0d366b;--good:#0ca30c;--warning:#fab219;--serious:#ec835a;--critical:#d03b3b;--good-text:#006300;--accent:#2a78d6;--sidebar-bg:#10151d;--sidebar-ink:#c9d2de;--sidebar-active:#3987e52e;--shadow:0 1px 3px #0b0b0b12}:root[data-theme=dark]{--surface-1:#1a1a19;--page:#0d0d0d;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--grid:#2c2c2a;--baseline:#383835;--border:#ffffff1a;--series-1:#3987e5;--series-2:#199e70;--good-text:#0ca30c;--accent:#3987e5;--sidebar-bg:#10151d;--shadow:0 1px 3px #0006}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--page);max-width:100%;color:var(--text-primary);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;overflow-x:hidden}.app-shell{height:100%;display:flex;overflow:hidden}.sidebar{background:var(--sidebar-bg);width:232px;min-width:232px;color:var(--sidebar-ink);flex-direction:column;gap:4px;padding:20px 12px;display:flex}.brand{align-items:center;gap:10px;padding:0 10px 18px;display:flex}.brand-badge{color:#fff;background:linear-gradient(135deg,#2a78d6,#184f95);border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.brand h1{color:#fff;font-size:14px;font-weight:700;line-height:1.25}.brand p{color:#7d8896;font-size:11px}.nav-section{text-transform:uppercase;letter-spacing:.08em;color:#5f6b7a;padding:14px 10px 6px;font-size:10.5px}.nav-item{color:var(--sidebar-ink);cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:13.5px;text-decoration:none;display:flex}.nav-item:hover{background:#ffffff0f}.nav-item.active{background:var(--sidebar-active);color:#fff;font-weight:600}.nav-item svg{opacity:.85;flex-shrink:0}.nav-item .pill{background:var(--critical);color:#fff;border-radius:99px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:700}.sidebar-footer{border-top:1px solid #ffffff14;align-items:center;gap:10px;margin-top:auto;padding:12px 10px 0;display:flex}.avatar{color:#fff;background:#33506e;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.sidebar-footer .who div:first-child{color:#fff;font-size:13px;font-weight:600}.sidebar-footer .who div:last-child{color:#7d8896;font-size:11px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--surface-1);border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:14px 24px;display:flex}.topbar h2{font-size:17px;font-weight:700}.topbar .clock{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:13px}.topbar .spacer{flex:1}.status-chip{color:var(--text-secondary);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.status-chip .dot{background:var(--good);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.icon-btn{border:1px solid var(--border);background:var(--surface-1);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;border-radius:8px;place-items:center;display:grid;position:relative}.icon-btn:hover{background:var(--page)}.icon-btn .badge{background:var(--critical);color:#fff;border-radius:99px;place-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-5px;right:-5px}.sos-btn{background:var(--critical);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:700;display:inline-flex}.sos-btn:hover{filter:brightness(1.08)}.content{flex:1;padding:22px 24px 40px;overflow-y:auto}.view{display:none}.view.active{display:block}.card{background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px}.card-head{align-items:center;gap:10px;padding:14px 16px 0;display:flex}.card-head h3{font-size:14px;font-weight:700}.card-head .sub{color:var(--text-muted);font-size:12px}.card-head .right{align-items:center;gap:8px;margin-left:auto;display:flex}.card-body{padding:14px 16px 16px}.stat-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px;display:grid}.stat-tile{padding:14px 16px}.stat-tile .label{color:var(--text-secondary);margin-bottom:6px;font-size:12.5px}.stat-tile .value{font-size:28px;font-weight:650;line-height:1.1}.stat-tile .value.hero{font-size:48px}.stat-tile .delta{margin-top:6px;font-size:12px;font-weight:600}.delta.up-good,.delta.down-good{color:var(--good-text)}.delta.up-bad{color:var(--critical)}.stat-tile .delta .vs{color:var(--text-muted);font-weight:400}.stat-tile .spark{margin-top:8px}.grid-2{grid-template-columns:1.6fr 1fr;gap:16px;margin-bottom:16px;display:grid}.grid-2-even{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (max-width:1100px){.grid-2,.grid-2-even{grid-template-columns:1fr}}.sev{border-radius:99px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.sev svg{flex-shrink:0}.sev.critical{background:color-mix(in srgb, var(--critical) 14%, transparent);color:var(--critical)}.sev.serious{background:color-mix(in srgb, var(--serious) 16%, transparent);color:#b4552e}:root[data-theme=dark] .sev.serious{color:var(--serious)}.sev.warning{background:color-mix(in srgb, var(--warning) 18%, transparent);color:#8a6205}:root[data-theme=dark] .sev.warning{color:var(--warning)}.sev.good{background:color-mix(in srgb, var(--good) 13%, transparent);color:var(--good-text)}.sev.neutral{background:color-mix(in srgb, var(--text-muted) 15%, transparent);color:var(--text-secondary)}.alert-item{border-top:1px solid var(--grid);gap:12px;padding:12px 16px;display:flex}.alert-item:first-child{border-top:none}.alert-item .ic{border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.ic.critical{background:color-mix(in srgb, var(--critical) 14%, transparent);color:var(--critical)}.ic.serious{background:color-mix(in srgb, var(--serious) 16%, transparent);color:var(--serious)}.ic.warning{background:color-mix(in srgb, var(--warning) 20%, transparent);color:#8a6205}:root[data-theme=dark] .ic.warning{color:var(--warning)}.ic.good{background:color-mix(in srgb, var(--good) 13%, transparent);color:var(--good)}.alert-item .body{flex:1;min-width:0}.alert-item .t{flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.alert-item .m{color:var(--text-secondary);margin-top:2px;font-size:12.5px}.alert-item .meta{color:var(--text-muted);flex-wrap:wrap;gap:10px;margin-top:4px;font-size:11.5px;display:flex}.alert-item .actions{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.btn{font:inherit;border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:7px;padding:6px 12px;font-size:12.5px;font-weight:600}.btn:hover{background:var(--page)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.08);background:var(--accent)}.btn.sm{padding:4px 10px;font-size:12px}.countdown{color:var(--critical);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.map-wrap{position:relative}.map-legend{color:var(--text-secondary);flex-wrap:wrap;gap:14px;padding:10px 16px 14px;font-size:12px;display:flex}.map-legend span{align-items:center;gap:6px;display:inline-flex}.lg-dot{border-radius:50%;width:10px;height:10px}svg .zone{fill:color-mix(in srgb, var(--text-muted) 10%, transparent);stroke:var(--baseline);stroke-width:1px;rx:6}svg .zone:hover{fill:color-mix(in srgb, var(--accent) 14%, transparent);cursor:pointer}svg .zone-label{fill:var(--text-secondary);pointer-events:none;font-family:system-ui,sans-serif;font-size:10.5px}svg .road{stroke:var(--grid);stroke-width:8px;fill:none;stroke-linecap:round}.pin-pulse{transform-origin:50%;animation:1.6s ease-out infinite pinpulse}@keyframes pinpulse{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(2.4)}}.cam-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.cam{border:1px solid var(--border);background:#000;border-radius:12px;position:relative;overflow:hidden}.cam canvas{width:100%;height:160px;display:block}.cam .noise-fallback{background-image:repeating-linear-gradient(0deg,#ffffff0b 0 1px,#0000 1px 3px),linear-gradient(160deg,#1c1e22,#050506 70%);width:100%;height:160px}.cam .overlay{pointer-events:none;flex-direction:column;justify-content:space-between;height:160px;padding:10px;display:flex;position:absolute;top:0;left:0;right:0}.cam .top-row,.cam .bot-row{justify-content:space-between;align-items:center;display:flex}.cam .tag{color:#fff;letter-spacing:.03em;background:#0000008c;border-radius:5px;padding:2px 8px;font-size:10.5px;font-weight:700}.cam .rec{color:#fff;background:#0000008c;border-radius:5px;align-items:center;gap:5px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.cam .rec:before{content:"";background:#ff4d4d;border-radius:50%;width:7px;height:7px;animation:1.4s infinite pulse}.cam .offline-cover{color:#6b7480;background:#14161a;place-items:center;gap:4px;height:160px;font-size:12.5px;font-weight:600;display:grid;position:absolute;top:0;left:0;right:0}.cam-foot{background:var(--surface-1);justify-content:space-between;align-items:center;padding:9px 12px;display:flex}.cam-foot .n{font-size:12.5px;font-weight:600}.cam-foot .z{color:var(--text-muted);font-size:11.5px}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--grid);padding:8px 12px;font-size:11.5px;font-weight:600}td{border-bottom:1px solid var(--grid);color:var(--text-primary);vertical-align:middle;padding:10px 12px}td.num{font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:none}tbody tr:hover{background:color-mix(in srgb, var(--accent) 5%, transparent)}.muted{color:var(--text-muted)}.small{font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid .full{grid-column:1/-1}label.fl{color:var(--text-secondary);margin-bottom:5px;font-size:12.5px;font-weight:600;display:block}input[type=text],select,textarea,input[type=search]{width:100%;font:inherit;color:var(--text-primary);background:var(--page);border:1px solid var(--border);border-radius:8px;outline:none;padding:9px 11px;font-size:13.5px}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:84px}.check-row{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.attach-zone{border:1.5px dashed var(--baseline);text-align:center;color:var(--text-muted);cursor:pointer;border-radius:10px;padding:18px;font-size:12.5px}.attach-zone:hover{border-color:var(--accent);color:var(--accent)}.filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.filters select,.filters input[type=search]{width:auto;min-width:150px}.seg{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{font:inherit;background:var(--surface-1);color:var(--text-secondary);cursor:pointer;border:none;padding:7px 13px;font-size:12.5px;font-weight:600}.seg button.on{background:var(--accent);color:#fff}.chart-box{position:relative}.chart-box svg{width:100%;height:auto;display:block}.legend{color:var(--text-secondary);flex-wrap:wrap;gap:16px;padding:4px 0 10px;font-size:12.5px;display:flex}.legend .key{align-items:center;gap:7px;display:inline-flex}.legend .swatch{border-radius:2px;width:14px;height:3px}.legend .swatch.sq{border-radius:3px;width:11px;height:11px}.tooltip{z-index:50;pointer-events:none;background:var(--surface-1);border:1px solid var(--border);border-radius:9px;min-width:130px;padding:9px 12px;font-size:12.5px;display:none;position:fixed;box-shadow:0 4px 14px #0000002e}.tooltip.show{display:block}.tooltip .tt-title{margin-bottom:5px;font-weight:700}.tooltip .tt-row{color:var(--text-secondary);align-items:center;gap:7px;padding:2px 0;display:flex}.tooltip .tt-row .swatch{border-radius:3px;flex-shrink:0;width:9px;height:9px}.tooltip .tt-row b{color:var(--text-primary);font-variant-numeric:tabular-nums;margin-left:auto}svg text.axis{fill:var(--text-muted);font-family:system-ui,sans-serif;font-size:11px}svg text.dlabel{fill:var(--text-secondary);font-family:system-ui,sans-serif;font-size:11px;font-weight:600}svg line.gl{stroke:var(--grid);stroke-width:1px}svg line.bl{stroke:var(--baseline);stroke-width:1px}.hm-scale{color:var(--text-muted);align-items:center;gap:8px;margin-top:8px;font-size:11.5px;display:flex}.hm-scale .ramp{background:linear-gradient(to right, var(--seq-100), var(--seq-400), var(--seq-700));border-radius:4px;flex:0 0 120px;height:8px}:root[data-theme=dark] .hm-scale .ramp{background:linear-gradient(to right, var(--seq-700), var(--seq-400), var(--seq-100))}.bc-item{border-top:1px solid var(--grid);padding:12px 16px}.bc-item:first-child{border-top:none}.bc-item .h{flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.bc-item .h .time{color:var(--text-muted);margin-left:auto;font-size:11.5px;font-weight:400}.bc-item p{color:var(--text-secondary);margin-top:4px;font-size:13px}.toast-wrap{z-index:100;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{width:100%;font:inherit;background:var(--surface-1);color:var(--text-primary);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:10px;min-width:260px;max-width:360px;padding:12px 16px;font-size:13px;transition:opacity .4s;animation:.25s slidein;display:block;box-shadow:0 6px 20px #00000040}.toast.critical{border-left-color:var(--critical)}.toast.good{border-left-color:var(--good)}.toast b{margin-bottom:2px;display:block}@keyframes slidein{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}.modal-back{z-index:90;background:#00000073;place-items:center;display:none;position:fixed;inset:0}.modal-back.open{display:grid}.modal{width:min(480px,92vw);max-height:85vh;overflow-y:auto}.modal .card-body{padding-top:6px}.empty{text-align:center;color:var(--text-muted);padding:26px 16px;font-size:13px}.mb16{margin-bottom:16px}.qr-pass{border:1px solid var(--grid);border-radius:10px;align-items:center;gap:14px;margin-top:12px;padding:14px;display:flex}.qr-box{width:84px;height:84px;image-rendering:pixelated;border-radius:6px;flex-shrink:0;overflow:hidden}