:root{--bg-0: #07090D;--bg-1: #0D1117;--bg-2: #151B24;--bg-3: #1C2430;--border: #1E2733;--border-strong: #2A3644;--text: #E6EDF3;--text-mute: #8B98A8;--text-dim: #5C6B7D;--signal: #4ADE80;--signal-dim: #1F3D2A;--alert: #F59E0B;--alert-dim: #3D2E10;--critical: #EF4444;--critical-dim: #3D1515;--info: #38BDF8;--info-dim: #0F2A3D;--accent: #D4A853}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-0);color:var(--text);font-family:IBM Plex Sans,-apple-system,sans-serif;font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased;letter-spacing:.005em}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-0)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a4858}.app{display:grid;grid-template-columns:220px 1fr;grid-template-rows:48px 1fr;height:100vh;overflow:hidden}.topbar{grid-column:1 / -1;background:var(--bg-1);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:24px;font-size:12px}.topbar .brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:12px;width:204px;padding-right:16px;border-right:1px solid var(--border);height:100%}.topbar .brand-mark{width:20px;height:20px;background:var(--accent);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.topbar .brand-sub{color:var(--text-dim);font-weight:400;font-size:10px;letter-spacing:.1em}.topbar .status-cluster{display:flex;align-items:center;gap:20px;flex:1}.topbar .status-item{display:flex;align-items:center;gap:8px;color:var(--text-mute);font-family:IBM Plex Mono,monospace;font-size:11px}.topbar .status-item .label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.topbar .status-item .val{color:var(--text)}.topbar .right{display:flex;align-items:center;gap:16px;margin-left:auto}.op-chip{display:flex;align-items:center;gap:8px;padding:4px 10px;border:1px solid var(--border);background:var(--bg-2);font-size:11px}.op-chip .avatar{width:20px;height:20px;background:var(--bg-3);border:1px solid var(--border-strong);color:var(--accent);font-family:IBM Plex Mono,monospace;font-size:10px;display:grid;place-items:center;font-weight:600}.sidebar{background:var(--bg-1);border-right:1px solid var(--border);overflow-y:auto;padding:12px 0}.nav-section{padding:12px 16px 6px;color:var(--text-dim);font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:12px;padding:8px 16px;color:var(--text-mute);cursor:pointer;border-left:2px solid transparent;font-size:12.5px;user-select:none}.nav-item:hover{background:var(--bg-2);color:var(--text)}.nav-item.active{color:var(--text);background:var(--bg-2);border-left-color:var(--accent)}.nav-item .badge{margin-left:auto;background:var(--critical-dim);color:var(--critical);font-family:IBM Plex Mono,monospace;font-size:10px;padding:1px 6px;border:1px solid var(--critical);border-radius:2px}.nav-item .badge.alert{background:var(--alert-dim);color:var(--alert);border-color:var(--alert)}.nav-item .badge.info{background:var(--info-dim);color:var(--info);border-color:var(--info)}.nav-item svg{flex-shrink:0}.main{overflow-y:auto;background:var(--bg-0)}.screen{padding:16px;min-height:100%}.screen-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px;gap:16px}.screen-title{font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0}.screen-title .sub{color:var(--text-dim);font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:400;margin-left:12px;letter-spacing:.05em}.panel{background:var(--bg-1);border:1px solid var(--border)}.panel-header{padding:10px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-mute)}.panel-body{padding:14px}.panel-tools{display:flex;gap:6px;font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase}.panel-tools .dot{color:var(--signal);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.live-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;height:100%}.cam-tile{background:var(--bg-2);border:1px solid var(--border);position:relative;aspect-ratio:16/9;overflow:hidden}.cam-tile.focused{border-color:var(--accent)}.cam-tile .canvas{position:absolute;inset:0;background:repeating-linear-gradient(45deg,#0f1620 0 8px,#131b27 8px 16px)}.cam-tile .canvas.dim{background:repeating-linear-gradient(45deg,#0a0f16 0 8px,#0d131b 8px 16px)}.cam-tile .overlay-top{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;align-items:flex-start;font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--text);letter-spacing:.05em;text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none}.cam-tile .cam-id{background:#0009;border:1px solid var(--border-strong);padding:2px 6px;backdrop-filter:blur(4px)}.cam-tile .live-indicator{display:flex;align-items:center;gap:6px;background:#0009;border:1px solid var(--critical);padding:2px 6px;color:var(--critical);font-weight:600;letter-spacing:.1em}.cam-tile .live-indicator:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--critical);animation:pulse 1.5s ease-in-out infinite}.cam-tile .overlay-bottom{position:absolute;bottom:8px;left:8px;right:8px;display:flex;justify-content:space-between;align-items:flex-end;font-family:IBM Plex Mono,monospace;font-size:10px;pointer-events:none}.cam-tile .cam-loc{background:#0009;padding:3px 6px;border:1px solid var(--border-strong);color:var(--text-mute)}.cam-tile .cam-loc .name{color:var(--text)}.cam-tile .frame-count{background:#0009;padding:3px 6px;color:var(--text-dim);border:1px solid var(--border-strong)}.det-box{position:absolute;border:1.5px solid var(--signal);pointer-events:none}.det-box.alert{border-color:var(--alert)}.det-box.critical{border-color:var(--critical);animation:pulse 1s ease-in-out infinite}.det-box .label{position:absolute;top:-18px;left:-1.5px;background:var(--signal);color:#0a1a0f;padding:1px 5px;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:600;letter-spacing:.05em;white-space:nowrap}.det-box.alert .label{background:var(--alert);color:#1a1305}.det-box.critical .label{background:var(--critical);color:#fff}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.kpi{background:var(--bg-1);border:1px solid var(--border);padding:12px 14px}.kpi .label{color:var(--text-dim);font-size:10px;font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}.kpi .val{font-size:24px;font-weight:600;letter-spacing:-.01em;font-family:IBM Plex Mono,monospace}.kpi .val .unit{font-size:11px;color:var(--text-dim);margin-left:4px;font-weight:400}.kpi .delta{font-size:11px;font-family:IBM Plex Mono,monospace;color:var(--text-mute);margin-top:4px}.kpi .delta.up{color:var(--signal)}.kpi .delta.down{color:var(--critical)}.kpi .delta.warn{color:var(--alert)}.alert-list{display:flex;flex-direction:column}.alert-row{display:grid;grid-template-columns:4px 1fr auto;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);cursor:pointer;align-items:start}.alert-row:hover{background:var(--bg-2)}.alert-row .sev{width:3px;align-self:stretch;background:var(--text-dim)}.alert-row.critical .sev{background:var(--critical)}.alert-row.alert .sev{background:var(--alert)}.alert-row.info .sev{background:var(--info)}.alert-row .meta{min-width:0}.alert-row .type{font-size:12.5px;font-weight:500;color:var(--text);margin-bottom:3px}.alert-row .details{font-family:IBM Plex Mono,monospace;font-size:10.5px;color:var(--text-mute);letter-spacing:.02em}.alert-row .details .sep{color:var(--text-dim);margin:0 6px}.alert-row .time{font-family:IBM Plex Mono,monospace;font-size:10.5px;color:var(--text-dim);white-space:nowrap;padding-top:2px}.pill{display:inline-flex;align-items:center;gap:6px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:2px 8px;border:1px solid}.pill.signal{color:var(--signal);border-color:var(--signal);background:var(--signal-dim)}.pill.alert{color:var(--alert);border-color:var(--alert);background:var(--alert-dim)}.pill.critical{color:var(--critical);border-color:var(--critical);background:var(--critical-dim)}.pill.info{color:var(--info);border-color:var(--info);background:var(--info-dim)}.pill.mute{color:var(--text-mute);border-color:var(--border-strong);background:var(--bg-2)}.pill:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}.pill.no-dot:before{display:none}.btn{background:var(--bg-2);border:1px solid var(--border-strong);color:var(--text);padding:6px 12px;font-size:12px;letter-spacing:.02em;display:inline-flex;align-items:center;gap:8px;transition:background .1s}.btn:hover{background:var(--bg-3)}.btn.primary{background:var(--accent);color:#1a1305;border-color:var(--accent);font-weight:600}.btn.primary:hover{background:#e5b85e}.btn.critical{background:var(--critical-dim);color:var(--critical);border-color:var(--critical)}.btn.critical:hover{background:#4e1919}.btn.ghost{background:transparent}.btn.sm{padding:3px 8px;font-size:11px}.input{background:var(--bg-0);border:1px solid var(--border-strong);color:var(--text);padding:8px 12px;font-size:13px;width:100%}.input:focus{outline:none;border-color:var(--accent)}.table{width:100%;border-collapse:collapse;font-size:12px}.table th{text-align:left;padding:10px 14px;color:var(--text-dim);font-weight:500;font-family:IBM Plex Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--border);background:var(--bg-2)}.table td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text)}.table tr:hover td{background:var(--bg-2)}.table td.mono{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--text-mute)}.placeholder{background:repeating-linear-gradient(45deg,#0f1620 0 8px,#131b27 8px 16px);border:1px dashed var(--border-strong);display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-family:IBM Plex Mono,monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;text-align:center;padding:20px;min-height:100px}.divider{height:1px;background:var(--border);margin:12px 0}.row{display:flex;gap:8px}.col{display:flex;flex-direction:column;gap:8px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.bar-chart{display:flex;align-items:flex-end;gap:4px;height:100px}.bar-chart .bar{flex:1;background:var(--bg-3);border-top:2px solid var(--info);min-height:4px;position:relative}.bar-chart .bar.alert{border-top-color:var(--alert)}.bar-chart .bar.critical{border-top-color:var(--critical)}.bar-chart .bar.signal{border-top-color:var(--signal)}.timeline-track{height:40px;background:var(--bg-2);border:1px solid var(--border);position:relative;margin:8px 0}.timeline-marker{position:absolute;top:0;bottom:0;width:2px;background:var(--alert)}.timeline-marker.critical{background:var(--critical)}.timeline-marker.signal{background:var(--signal)}.timeline-playhead{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--accent)}.timeline-playhead:before,.timeline-playhead:after{content:"";position:absolute;left:-4px;width:10px;height:4px;background:var(--accent)}.timeline-playhead:before{top:0}.timeline-playhead:after{bottom:0}.audit-item{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid var(--border);font-size:12px}.audit-item:last-child{border-bottom:none}.audit-item .time{font-family:IBM Plex Mono,monospace;font-size:10.5px;color:var(--text-dim)}.audit-item .desc{color:var(--text)}.audit-item .desc .actor{color:var(--accent);font-family:IBM Plex Mono,monospace}.audit-item .desc .action{color:var(--text-mute)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-2);border:1px solid var(--border-strong);font-size:11px;color:var(--text);font-family:IBM Plex Mono,monospace;letter-spacing:.03em}.chip .key{color:var(--text-dim)}.chip .x{color:var(--text-dim);margin-left:4px;cursor:pointer}.chip .x:hover{color:var(--critical)}.chip.active{border-color:var(--accent);background:#d4a85314}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.result-card{background:var(--bg-1);border:1px solid var(--border);cursor:pointer}.result-card:hover{border-color:var(--border-strong)}.result-card .thumb{aspect-ratio:16/9;position:relative;background:repeating-linear-gradient(45deg,#0f1620 0 8px,#131b27 8px 16px);border-bottom:1px solid var(--border)}.result-card .meta{padding:8px 10px;font-size:11px}.result-card .meta .top{display:flex;justify-content:space-between;color:var(--text-mute);font-family:IBM Plex Mono,monospace;font-size:10px;margin-bottom:4px}.result-card .meta .desc{color:var(--text);font-size:11.5px}.result-card .conf-bar{height:2px;background:var(--bg-3);margin-top:6px}.result-card .conf-bar .fill{height:100%;background:var(--signal)}.heatmap{display:grid;grid-template-columns:repeat(24,1fr);gap:2px}.heatmap .cell{aspect-ratio:1;background:var(--bg-2)}.rule-node{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-2);border:1px solid var(--border);border-left:3px solid var(--accent);margin-bottom:6px;font-size:12.5px}.rule-node .op{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;padding:2px 6px;border:1px solid var(--border-strong);background:var(--bg-1)}.rule-node .val{color:var(--accent);font-family:IBM Plex Mono,monospace;font-size:12px}.rule-node .conn{color:var(--text-dim);font-family:IBM Plex Mono,monospace;font-size:10px;text-transform:uppercase}.ring-progress{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}.ring-progress svg{width:80px;height:80px}.ring-progress .val{font-family:IBM Plex Mono,monospace;font-size:22px;font-weight:600}.ring-progress .label{color:var(--text-dim);font-size:11px;font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.1em}.gis-map{background:var(--bg-2);border:1px solid var(--border);position:relative;min-height:320px;overflow:hidden}.gis-map .grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:40px 40px;opacity:.5}.gis-pin{position:absolute;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid var(--bg-0)}.gis-pin.signal{background:var(--signal);box-shadow:0 0 8px var(--signal)}.gis-pin.alert{background:var(--alert);box-shadow:0 0 8px var(--alert)}.gis-pin.critical{background:var(--critical);box-shadow:0 0 12px var(--critical);animation:pulse 1.5s ease-in-out infinite}.gis-pin.mute{background:var(--text-dim)}.gis-connector{position:absolute;height:1px;background:linear-gradient(90deg,var(--accent),transparent);transform-origin:left center;opacity:.6}