:root{--brand-midnight-navy: #07162B;--brand-deep-indigo: #0B2A4A;--brand-electric-azure: #2D7DFF;--brand-cyan-glow: #20E3FF;--brand-gradient: linear-gradient(120deg, #2D7DFF, #20E3FF);--surface-bg: var(--brand-midnight-navy);--surface-panel: var(--brand-deep-indigo);--surface-panel-2: rgba(11, 42, 74, .6);--surface-overlay: rgba(7, 22, 43, .85);--surface-border: rgba(32, 227, 255, .18);--text-primary: #F4F7FF;--text-secondary: #9DB2CE;--text-muted: #6E84A3;--text-inverse: #07162B;--glass-bg: rgba(11, 42, 74, .6);--glass-border: rgba(32, 227, 255, .18);--glass-blur: blur(20px);--glass-border-radius: 12px;--status-success: #7CFFB2;--status-warning: #FFB020;--status-danger: #FF4D5E;--status-info: #20E3FF;--status-muted: #6E84A3;--tier-1: #FF4D5E;--tier-2: #FFB020;--tier-3: #20E3FF;--font-body: "Inter", "Segoe UI", system-ui, sans-serif;--font-heading: "Segoe UI Variable", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--r-sm: 6px;--r-md: 10px;--r-lg: 12px;--r-xl: 16px;--r-pill: 999px;--t-fast: all .15s ease;--t-normal: all .22s ease;--t-slow: all .35s ease;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--shadow-glow: 0 0 24px rgba(45, 125, 255, .25)}[data-theme=light]{--surface-bg: #EEF2F8;--surface-panel: #FFFFFF;--surface-panel-2: rgba(255,255,255,.9);--surface-overlay: rgba(238,242,248,.95);--surface-border: rgba(45,125,255,.18);--text-primary: #0F172A;--text-secondary: #334155;--text-muted: #64748B;--text-inverse: #FFFFFF;--glass-bg: #FFFFFF;--glass-border: rgba(45,125,255,.22);--shadow-sm: 0 1px 4px rgba(15,23,42,.08);--shadow-md: 0 4px 16px rgba(15,23,42,.1);--shadow-lg: 0 8px 32px rgba(15,23,42,.12);--shadow-glow: 0 0 20px rgba(45,125,255,.18);--tier-1: #DC2626;--tier-2: #D97706;--tier-3: #0891B2;--status-success: #059669;--status-warning: #D97706;--status-danger: #DC2626;--status-info: #2D7DFF}[data-theme=light] body{background:var(--surface-bg);color:var(--text-primary)}[data-theme=light] .shell-nav{background:#fff!important;border-right:1px solid rgba(45,125,255,.15)!important}[data-theme=light] .shell-header{background:#fffffff7!important;border-bottom:1px solid rgba(45,125,255,.15)!important;box-shadow:0 1px 8px #0f172a0f}[data-theme=light] .glass{background:#fff;border:1px solid rgba(45,125,255,.2);box-shadow:0 2px 12px #0f172a12}[data-theme=light] .glass:hover{border-color:#20e3ff73;box-shadow:0 4px 20px #2d7dff1f}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-border-radius);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.wordmark{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}[data-theme=light] .wordmark{background:none;-webkit-text-fill-color:var(--brand-electric-azure);color:var(--brand-electric-azure)}.iq-gradient{background:linear-gradient(90deg,#2d7dff,#20e3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}[data-theme=light] .iq-gradient{background:none;-webkit-text-fill-color:#2D7DFF;color:#2d7dff}:focus-visible{outline:2px solid var(--brand-electric-azure);outline-offset:2px;border-radius:var(--r-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-bg)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:var(--brand-electric-azure)}:root{--nav-width: 220px;--nav-bg: var(--brand-midnight-navy);--nav-border: rgba(45, 125, 255, .12);--header-height: 56px;--header-bg: rgba(7, 22, 43, .92);--header-border: rgba(45, 125, 255, .12);--card-bg: var(--surface-panel);--card-radius: var(--r-lg);--card-padding: 20px;--bar-height: 6px;--bar-bg: rgba(45, 125, 255, .12);--bar-radius: var(--r-pill);--pill-padding: 3px 10px;--pill-radius: var(--r-pill);--pill-font: 11px;--drawer-width: 480px;--drawer-bg: var(--brand-deep-indigo);--drawer-border:rgba(45, 125, 255, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{height:100%;font-family:var(--font-body);font-size:14px;color:var(--text-primary);background:var(--surface-bg);line-height:1.5;overflow-x:hidden}#app{height:100%}a{color:var(--brand-electric-azure);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:var(--font-body)}.shell{display:grid;grid-template-columns:var(--nav-width) 1fr;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"nav   header" "nav   main";height:100vh;overflow:hidden}.shell-nav{grid-area:nav}.shell-header{grid-area:header}.shell-main{grid-area:main;overflow-y:auto;padding:28px 32px}.section-title{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 1100px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.shell{grid-template-columns:1fr}.shell-nav{display:none}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.pill{display:inline-flex;align-items:center;gap:5px;padding:var(--pill-padding);border-radius:var(--pill-radius);font-size:var(--pill-font);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pill.critical{background:#ef444426;color:#ef4444}.pill.high{background:#ef44441a;color:#f87171}.pill.medium{background:#f59e0b1a;color:#f59e0b}.pill.low{background:#22c55e1a;color:#22c55e}.pill.v2{background:#64748b1a;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--r-md);font-size:13px;font-weight:600;border:none;transition:var(--t-fast);white-space:nowrap}.btn-primary{background:var(--brand-gradient);color:#07162b}.btn-primary:hover{opacity:.9;box-shadow:var(--shadow-glow)}.btn-ghost{background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);border-color:var(--brand-electric-azure)}