:root{--bg:#0a0a0a;--bg-2:#0d0d0d;--surface:#131313;--surface-2:#1a1a1a;--line:#2a2a2a;--line-soft:#202020;--ink:#f2f2f2;--ink-dim:#b8b8b8;--muted:#7a7a7a;--amber:#fff;--amber-ink:#0a0a0a;--accent-2:#d8d8d8;--crit:#ef4444;--crit-bg:#ef444424;--high:#eab308;--high-bg:#eab30821;--med:#d4d4d4;--med-bg:#d4d4d41a;--low:#a3a3a3;--low-bg:#a3a3a31a;--ok:#22c55e;--ok-bg:#22c55e24;--info:#8a8a8a;--radius:10px;--radius-lg:14px;--shadow-1:0 1px 2px #00000080;--shadow-2:0 12px 32px #0000008c;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 12% -10%, #ffffff09, transparent 60%), radial-gradient(900px 500px at 100% 0%, #ffffff05, transparent 55%), var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5;overflow-x:hidden}#app{min-height:100vh;display:flex}::selection{background:#ffffff40}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);border:2px solid var(--bg);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}a{color:inherit}button{font-family:inherit}:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:4px}.mono{font-family:var(--font-mono)}.tabular{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-head h1{letter-spacing:-.2px;text-wrap:balance;margin:0 0 4px;font-size:21px;font-weight:800}.page-head p{color:var(--muted);margin:0;font-size:13px}.head-actions{flex-wrap:wrap;gap:8px;display:flex}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink-dim);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:7px;padding:8px 13px;font-size:12.5px;font-weight:600;transition:all .12s;display:inline-flex}.btn svg{width:14px;height:14px}.btn:hover{color:var(--ink);border-color:var(--muted);transform:translateY(-1px)}.btn.primary{color:#0a0a0a;background:linear-gradient(155deg,#fff,#d4d4d4);border-color:#0000;box-shadow:0 6px 16px #ffffff1a}.btn.primary:hover{color:#0a0a0a;filter:brightness(1.06)}.btn.ghost{background:0 0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);overflow:hidden}.panel-head{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.panel-head h2{align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.panel-head h2 svg{width:15px;height:15px;color:var(--muted)}.panel-sub{color:var(--muted);font-size:11.5px}.panel-body.pad{padding:16px}.badge{letter-spacing:.2px;text-transform:uppercase;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.badge.critical{color:var(--crit);background:var(--crit-bg)}.badge.high{color:var(--high);background:var(--high-bg)}.badge.medium{color:var(--med);background:var(--med-bg)}.badge.low{color:var(--low);background:var(--low-bg)}.badge.info{color:var(--info);background:var(--surface-2)}.status-pill{border:1px solid var(--line);white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.status-pill.new{color:var(--crit);border-color:#ef444466}.status-pill.acknowledged{color:#fff;border-color:#ffffff59}.status-pill.in_progress{color:var(--high);border-color:#eab30866}.status-pill.resolved{color:var(--ok);border-color:#22c55e66}.status-pill.false_positive{color:var(--muted);border-color:var(--line)}.sev-dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.sev-dot.critical{background:var(--crit);box-shadow:0 0 0 3px var(--crit-bg)}.sev-dot.high{background:var(--high);box-shadow:0 0 0 3px var(--high-bg)}.sev-dot.medium{background:var(--med);box-shadow:0 0 0 3px var(--med-bg)}.sev-dot.low{background:var(--low);box-shadow:0 0 0 3px var(--low-bg)}.mini-avatar{background:var(--surface-2);border:1px solid var(--line);width:20px;height:20px;color:var(--muted);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.live-pill{font-family:var(--font-mono);letter-spacing:.5px;color:var(--ok);background:var(--ok-bg);border:1px solid #22c55e4d;border-radius:20px;align-items:center;gap:7px;padding:5px 10px 5px 8px;font-size:11px;font-weight:700;display:flex}.live-dot{background:var(--ok);border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{box-shadow:0 0 #22c55e8c}50%{box-shadow:0 0 0 5px #22c55e00}}.cam-card{aspect-ratio:16/10;border:1px solid var(--line-soft);cursor:pointer;background:#060606;border-radius:9px;position:relative;overflow:hidden}.cam-feed,.cam-feed .layer{position:absolute;inset:0}.cam-bbox{border:1.5px solid #fff;border-radius:1px;position:absolute;box-shadow:0 0 0 1px #00000080}.cam-bbox:before{content:attr(data-tag);font-family:var(--font-mono);letter-spacing:.2px;color:#0a0a0a;white-space:nowrap;background:#fff;border-radius:2px;padding:1px 4px;font-size:7.5px;font-weight:700;position:absolute;top:-14px;left:0}.cam-bbox-meta{pointer-events:none;flex-direction:column;gap:1px;display:flex;position:absolute;top:calc(100% + 2px);left:0}.cam-bbox-meta span{font-family:var(--font-mono);letter-spacing:.2px;color:#ededed;white-space:nowrap;background:#0a0a0ab8;border-radius:2px;padding:1px 4px;font-size:7px;font-weight:700}.cam-bbox.alert{border-color:var(--crit);animation:1s ease-in-out infinite bbox-alert}.cam-bbox.alert:before{background:var(--crit);color:#fff}.cam-bbox.alert~.cam-bbox-meta span{color:#ffe1e2}@keyframes bbox-alert{0%,to{opacity:1}50%{opacity:.45}}.cam-hud{pointer-events:none;flex-direction:column;justify-content:space-between;padding:6px 7px;display:flex;position:absolute;inset:0}.cam-hud-top,.cam-hud-bottom{justify-content:space-between;align-items:center;display:flex}.cam-hud-bottom{align-items:flex-end}.cam-name{font-family:var(--font-mono);color:#fff;letter-spacing:.3px;background:#00000073;border-radius:3px;padding:2px 5px;font-size:9px;font-weight:700}.cam-rec{font-family:var(--font-mono);color:#fff;align-items:center;gap:3px;font-size:8.5px;font-weight:700;display:flex}.cam-rec i{background:var(--crit);border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite pulse-dot}.cam-time{font-family:var(--font-mono);color:#ffffffbf;background:#0006;border-radius:2px;padding:1px 4px;font-size:8px}.cam-status-dot{border:1.5px solid #0006;border-radius:50%;width:7px;height:7px}.cam-status-dot.online{background:var(--ok)}.cam-status-dot.offline{background:var(--crit)}.cam-status-dot.degraded{background:var(--high)}.cam-readout{flex-direction:column;align-items:flex-end;gap:1px;display:flex;position:absolute;bottom:26px;right:7px}.cam-readout span{font-family:var(--font-mono);letter-spacing:.3px;color:#ffffff8c;text-shadow:0 1px 2px #000c;font-size:7px;font-weight:700}.cam-offline-msg{color:var(--muted);background:#050505;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.cam-offline-msg svg{opacity:.5;width:20px;height:20px}.cam-offline-msg span{font-family:var(--font-mono);letter-spacing:.4px;font-size:9px;font-weight:700}.sidebar[data-v-9368b1ca]{background:var(--surface);border-right:1px solid var(--line);z-index:40;flex-direction:column;flex:none;width:236px;height:100vh;transition:width .18s;display:flex;position:sticky;top:0}.sidebar.collapsed[data-v-9368b1ca]{width:68px}.brand[data-v-9368b1ca]{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:18px 18px 16px;display:flex;position:relative}.sidebar.collapsed .brand[data-v-9368b1ca]{justify-content:center;padding:18px 0 16px}.brand-mark[data-v-9368b1ca]{background:linear-gradient(155deg,#fff,#cfcfcf);border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 4px 14px #ffffff1f}.brand-text[data-v-9368b1ca]{flex-direction:column;gap:1px;min-width:0;display:flex}.brand-text b[data-v-9368b1ca]{letter-spacing:.2px;white-space:nowrap;font-size:13.5px;font-weight:800}.brand-text span[data-v-9368b1ca]{color:var(--muted);font-size:10.5px;font-family:var(--font-mono);letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}.collapse-btn[data-v-9368b1ca]{border:1px solid var(--line);background:var(--surface-2);width:22px;height:22px;color:var(--muted);cursor:pointer;border-radius:6px;flex:none;justify-content:center;align-items:center;margin-left:auto;display:flex}.collapse-btn[data-v-9368b1ca]:hover{color:var(--ink);border-color:var(--muted)}.sidebar.collapsed .collapse-btn[data-v-9368b1ca]{background:var(--surface);box-shadow:var(--shadow-1);position:absolute;top:22px;right:-11px}.nav[data-v-9368b1ca]{flex-direction:column;flex:1;gap:2px;padding:14px 10px;display:flex;overflow:hidden auto}.sidebar.collapsed .nav[data-v-9368b1ca]{align-items:center;padding:14px 8px}.nav-label[data-v-9368b1ca]{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:var(--muted);white-space:nowrap;padding:14px 10px 6px;font-size:10px}.nav-item[data-v-9368b1ca]{cursor:pointer;color:var(--ink-dim);white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex;position:relative}.sidebar.collapsed .nav-item[data-v-9368b1ca]{justify-content:center;width:40px;height:40px;padding:0}.nav-item[data-v-9368b1ca]:hover{background:var(--surface-2);color:var(--ink)}.nav-item.active[data-v-9368b1ca]{background:var(--surface-2);color:var(--ink);border-color:var(--line)}.nav-item.active[data-v-9368b1ca]:before{content:"";background:var(--amber);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-10px}.sidebar.collapsed .nav-item.active[data-v-9368b1ca]:before{left:-8px}.nav-badge[data-v-9368b1ca]{font-family:var(--font-mono);background:var(--crit-bg);color:var(--crit);border-radius:20px;margin-left:auto;padding:1px 6px;font-size:10.5px;font-weight:700}.sidebar.collapsed .nav-badge[data-v-9368b1ca]{margin-left:0;padding:1px 5px;font-size:9px;position:absolute;top:2px;right:2px}.sidebar-foot[data-v-9368b1ca]{border-top:1px solid var(--line-soft);align-items:center;gap:9px;padding:12px 14px;display:flex}.sidebar.collapsed .sidebar-foot[data-v-9368b1ca]{flex-direction:column;gap:10px;padding:12px 8px}.avatar[data-v-9368b1ca]{border:1px solid var(--line);color:#fff;background:linear-gradient(135deg,#3a3a3a,#1e1e1e);border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.who[data-v-9368b1ca]{min-width:0}.who b[data-v-9368b1ca]{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;display:block;overflow:hidden}.who span[data-v-9368b1ca]{color:var(--muted);font-size:10.5px}.logout-btn[data-v-9368b1ca]{border:1px solid var(--line);background:var(--surface-2);width:30px;height:30px;color:var(--muted);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;margin-left:auto;transition:all .12s;display:flex}.sidebar.collapsed .logout-btn[data-v-9368b1ca]{margin-left:0}.logout-btn[data-v-9368b1ca]:hover{color:var(--crit);background:var(--crit-bg);border-color:#ef444466}@media (width<=860px){.sidebar[data-v-9368b1ca]{box-shadow:var(--shadow-2);transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:236px!important}.sidebar.open[data-v-9368b1ca]{transform:translate(0)}.collapse-btn[data-v-9368b1ca]{display:none}}.topbar[data-v-a059bdb4]{z-index:30;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft);align-items:center;gap:16px;padding:12px 24px;display:flex;position:sticky;top:0}.menu-btn[data-v-a059bdb4]{display:none}.crumb[data-v-a059bdb4]{color:var(--muted);align-items:center;gap:6px;font-size:12.5px;display:flex}.crumb b[data-v-a059bdb4]{color:var(--ink);font-weight:600}.crumb .sep[data-v-a059bdb4]{opacity:.5}.topbar-spacer[data-v-a059bdb4]{flex:1}.clock[data-v-a059bdb4]{font-family:var(--font-mono);color:var(--ink-dim);border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:6px 10px;font-size:12px}@media (width<=860px){.menu-btn[data-v-a059bdb4]{border:1px solid var(--line);background:var(--surface);width:32px;height:32px;color:var(--ink-dim);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.clock[data-v-a059bdb4]{display:none}}.toast-stack[data-v-629efb07]{z-index:200;flex-direction:column;gap:8px;width:320px;max-width:calc(100vw - 32px);display:flex;position:fixed;bottom:20px;right:20px}.toast[data-v-629efb07]{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--crit);box-shadow:var(--shadow-2);border-radius:9px;gap:10px;padding:11px 13px;display:flex}.toast-icon[data-v-629efb07]{background:var(--crit-bg);width:28px;height:28px;color:var(--crit);border-radius:7px;flex:none;justify-content:center;align-items:center;display:flex}.toast b[data-v-629efb07]{margin-bottom:2px;font-size:12.5px;display:block}.toast p[data-v-629efb07]{color:var(--muted);margin:0;font-size:11.5px}.toast-close[data-v-629efb07]{color:var(--muted);cursor:pointer;background:0 0;border:none;flex:none;margin-left:auto;padding:0}.toast-enter-active[data-v-629efb07]{transition:all .3s cubic-bezier(.2,.8,.2,1)}.toast-leave-active[data-v-629efb07]{transition:all .2s;position:absolute}.toast-enter-from[data-v-629efb07],.toast-leave-to[data-v-629efb07]{opacity:0;transform:translate(30px)}.main[data-v-e0794167]{flex-direction:column;flex:1;min-width:0;display:flex}.content[data-v-e0794167]{flex-direction:column;gap:20px;width:100%;max-width:1680px;margin:0 auto;padding:22px 24px 60px;display:flex}.mobile-overlay[data-v-e0794167]{display:none}@media (width<=860px){.mobile-overlay[data-v-e0794167]{z-index:39;opacity:0;pointer-events:none;background:#04070e80;transition:opacity .2s;display:block;position:fixed;inset:0}.mobile-overlay.open[data-v-e0794167]{opacity:1;pointer-events:auto}.content[data-v-e0794167]{padding:16px 14px 50px}}