:root{--bg: #080d18;--surface: #0f1826;--surface2: #162034;--border: #1c2d47;--gold: #c9a84c;--gold2: #e8c96a;--gold-dim: #8a6f2e;--red: #e05252;--amber: #f59e0b;--green: #34d399;--blue: #60a5fa;--purple: #a78bfa;--text: #dde4f0;--muted: #5a6b88;--muted2: #3a4a62;--font-head: "Syne", sans-serif;--font-mono: "IBM Plex Mono", monospace;--font-body: "DM Sans", sans-serif;--radius: 10px}html.light-mode{--bg: #f0f4fa;--surface: #ffffff;--surface2: #e8edf7;--border: #d0d9ec;--gold: #b8902a;--gold2: #c9a84c;--gold-dim: #b8902a;--red: #dc2626;--amber: #d97706;--green: #059669;--blue: #2563eb;--purple: #7c3aed;--text: #1a2340;--muted: #6b7a99;--muted2: #9ba8c0}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:13.5px;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--muted2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-header{background:linear-gradient(135deg,#08111f,#0c1a30);border-bottom:1px solid var(--border);padding:0 28px;position:sticky;top:0;z-index:200}.header-inner{display:flex;align-items:center;justify-content:space-between;height:56px;gap:16px}.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo-mark{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--gold),var(--gold2));display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:800;font-size:17px;color:#050a10;flex-shrink:0}.logo-text{font-family:var(--font-head);font-weight:700;font-size:15px}.logo-ver{font-size:10px;color:var(--muted);font-family:var(--font-mono);margin-top:1px}.app-nav{background:var(--surface);border-bottom:1px solid var(--border);padding:0 28px;display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.app-nav::-webkit-scrollbar{display:none}.nav-tab{padding:11px 18px;font-size:12px;font-family:var(--font-head);font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;border:none;background:none;transition:.18s;white-space:nowrap;letter-spacing:.2px;display:flex;align-items:center;gap:6px;text-decoration:none}.nav-tab:hover{color:var(--text)}.nav-tab.active{color:var(--gold);border-bottom:2px solid var(--gold)}.app-main{padding:22px 28px 40px;max-width:1700px;margin:0 auto;width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:14px}.card-title{font-family:var(--font-head);font-size:13px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:20px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;position:relative;overflow:hidden;transition:.2s}.kpi:hover{background:#121f35}.kpi:after{content:"";position:absolute;top:0;left:0;right:0;height:2px}.kpi.gold:after{background:linear-gradient(90deg,var(--gold),transparent)}.kpi.green:after{background:linear-gradient(90deg,var(--green),transparent)}.kpi.red:after{background:linear-gradient(90deg,var(--red),transparent)}.kpi.amber:after{background:linear-gradient(90deg,var(--amber),transparent)}.kpi-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-family:var(--font-mono);margin-bottom:7px}.kpi-val{font-family:var(--font-head);font-size:24px;font-weight:800;line-height:1}.kpi-val.c-gold{color:var(--gold)}.kpi-val.c-green{color:var(--green)}.kpi-val.c-red{color:var(--red)}.kpi-val.c-amber{color:var(--amber)}.kpi-sub{font-size:10px;margin-top:5px;color:var(--muted);font-family:var(--font-mono)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:9.5px;font-family:var(--font-mono);font-weight:600;white-space:nowrap}.badge.green{background:#062016;color:var(--green);border:1px solid #0c3820}.badge.red{background:#1a0808;color:var(--red);border:1px solid #3a1010}.badge.amber{background:#1a1203;color:var(--amber);border:1px solid #3a2806}.badge.blue{background:#060e1a;color:var(--blue);border:1px solid #0c1e3a}.badge.gold{background:#100e03;color:var(--gold);border:1px solid #2a2206}.badge.gray{background:var(--surface2);color:var(--muted);border:1px solid var(--border)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:7px;font-size:12px;font-family:var(--font-head);font-weight:600;cursor:pointer;border:none;transition:.15s}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#050a10}.btn-gold:hover{filter:brightness(1.1)}.btn-ghost{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--gold)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.page-title{font-family:var(--font-head);font-size:20px;font-weight:800;letter-spacing:-.3px}.page-sub{font-size:11px;color:var(--muted);margin-top:3px;font-family:var(--font-mono)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.fade-in{animation:fadeIn .2s ease}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--green);animation:pulse 2s infinite;display:inline-block}.form-label{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-family:var(--font-mono);margin-bottom:6px}.form-input,.form-select,.form-textarea{width:100%;padding:8px 11px;border-radius:6px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:12px;font-family:var(--font-body);outline:none;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--gold)}.form-textarea{font-family:var(--font-mono);min-height:70px;resize:vertical}.form-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.form-row>.form-field{flex:1;min-width:140px}.fd-table{width:100%;border-collapse:collapse;font-size:12px}.fd-table thead th{text-align:left;padding:10px 12px;background:var(--surface2);color:var(--muted);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1}.fd-table tbody td{padding:9px 12px;border-bottom:1px solid var(--border);color:var(--text)}.fd-table tbody tr:hover{background:var(--surface2)}.fd-table .num{text-align:right;font-family:var(--font-mono)}.fd-table .c-red{color:var(--red)}.fd-table .c-green{color:var(--green)}.fd-table .c-amber{color:var(--amber)}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:14px;align-items:center}.filter-bar label{font-size:10px;color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px}.empty{padding:40px 20px;text-align:center;color:var(--muted);font-family:var(--font-mono);font-size:12px}.empty .emoji{font-size:32px;margin-bottom:8px;display:block}.sev-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.sev-dot.crit{background:var(--red)}.sev-dot.warn{background:var(--amber)}.sev-dot.info{background:var(--blue)}.section-grid{display:grid;gap:14px}.section-grid.two-col{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}@media(max-width:800px){.app-main{padding:12px 12px 40px}.app-header{padding:0 14px}.app-nav{padding:0 8px}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.kpi-grid{grid-template-columns:1fr}}