:root{--salt-navy: #1A2A4A;--salt-navy-mid: #1E3A5F;--salt-navy-light: #2A4A7A;--salt-gold: #C9A84C;--salt-gold-dim: #8A6E2F;--salt-gold-bg: rgba(201,168,76,.08);--salt-gold-bg2: rgba(201,168,76,.15);--bg: #F4F6F9;--bg-card: #FFFFFF;--bg-sidebar: #1A2A4A;--bg-topbar: #FFFFFF;--border: #E2E8F0;--border-mid: #CBD5E1;--text: #1A202C;--text-muted: #64748B;--text-dim: #94A3B8;--critical: #DC2626;--critical-bg: #FEF2F2;--high: #EA580C;--high-bg: #FFF7ED;--medium: #D97706;--medium-bg: #FFFBEB;--low: #16A34A;--low-bg: #F0FDF4;--info: #2563EB;--info-bg: #EFF6FF;--sidebar-w: 240px;--topbar-h: 56px;--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.05);--font: "Inter", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:3px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mono{font-family:var(--font-mono)}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.04em}.chip-critical{background:var(--critical-bg);color:var(--critical)}.chip-high{background:var(--high-bg);color:var(--high)}.chip-medium{background:var(--medium-bg);color:var(--medium)}.chip-low{background:var(--low-bg);color:var(--low)}.chip-info{background:var(--info-bg);color:var(--info)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);border:1px solid var(--border-mid);font-family:var(--font);font-size:13px;font-weight:500;cursor:pointer;background:var(--bg-card);color:var(--text-muted);transition:all .15s}.btn:hover{background:var(--bg);color:var(--text)}.btn-primary{background:var(--salt-navy);border-color:var(--salt-navy);color:#fff}.btn-primary:hover{background:var(--salt-navy-mid)}.btn-gold{background:var(--salt-gold-bg);border-color:var(--salt-gold-dim);color:var(--salt-gold)}.btn-gold:hover{background:var(--salt-gold-bg2)}.btn-danger{background:var(--critical-bg);border-color:var(--critical);color:var(--critical)}input,select,textarea{font-family:var(--font);font-size:13px;color:var(--text);background:var(--bg-card);border:1px solid var(--border-mid);border-radius:var(--radius);padding:7px 10px;width:100%;transition:border-color .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--salt-gold)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{background:var(--bg);color:var(--text-muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:8px 12px;border-bottom:1px solid var(--border);text-align:left}.data-table td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text)}.data-table tr:hover td{background:var(--bg)}.data-table tr:last-child td{border-bottom:none}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--salt-gold);border-radius:50%;animation:spin .7s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{background:var(--bg);border-radius:var(--radius);animation:pulse 1.5s ease infinite}