:root{--bg-root: #0a0c10;--bg-panel: #12151c;--bg-card: #181c25;--bg-elevated: #1e2330;--bg-hover: #252a37;--bg-active: #2c3345;--border-subtle: #1e2330;--border-default: #2a3040;--border-strong: #3a4258;--text-primary: #e8eaf0;--text-secondary: #8b92a8;--text-muted: #5a6280;--text-inverse: #0a0c10;--critical: #ff3b3b;--critical-dim: #3a1515;--high: #ff8c42;--high-dim: #3a2a15;--medium: #f0c040;--medium-dim: #3a3015;--low: #4ade80;--low-dim: #153a20;--accent: #5b8def;--accent-dim: #152040;--accent-bright: #7da8ff;--v1: #ff6b6b;--v2: #ffa94d;--v3: #ffd43b;--v4: #69db7c;--v5: #38d9a9;--v6: #4dabf7;--v7: #748ffc;--v8: #da77f2;--font-display: "JetBrains Mono", monospace;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg-root);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.app-layout{display:grid;grid-template-columns:240px 1fr;height:100vh;overflow:hidden}.main-content{overflow-y:auto;padding:var(--sp-6)}.sidebar{background:var(--bg-panel);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow-y:auto}.sidebar-header{padding:var(--sp-5) var(--sp-4);border-bottom:1px solid var(--border-subtle)}.sidebar-header h1{font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-bright)}.sidebar-header .subtitle{font-size:11px;color:var(--text-muted);margin-top:var(--sp-1)}.sidebar-nav{padding:var(--sp-3) 0;flex:1}.nav-section-label{font-family:var(--font-display);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:var(--sp-4) var(--sp-4) var(--sp-2)}.nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);cursor:pointer;color:var(--text-secondary);font-size:13px;transition:all .15s ease;border-left:2px solid transparent}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--bg-active);color:var(--accent-bright);border-left-color:var(--accent)}.nav-item svg{width:16px;height:16px;flex-shrink:0}.nav-item .nav-badge{margin-left:auto;font-family:var(--font-mono);font-size:10px;padding:1px 6px;border-radius:10px;background:var(--bg-elevated);color:var(--text-muted)}.pipeline-status{padding:var(--sp-4);border-top:1px solid var(--border-subtle);font-size:11px}.pipeline-status .stage-row{display:flex;align-items:center;gap:var(--sp-2);padding:2px 0}.stage-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.stage-dot.completed{background:var(--low)}.stage-dot.running{background:var(--medium);animation:pulse 1.5s infinite}.stage-dot.pending{background:var(--high)}.stage-dot.idle{background:var(--border-default)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.view-header{margin-bottom:var(--sp-6)}.view-header h2{font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.02em}.view-header .view-desc{color:var(--text-secondary);font-size:13px;margin-top:var(--sp-1)}.metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-6)}.metric-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--sp-4) var(--sp-5)}.metric-card .metric-label{font-size:11px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--sp-2)}.metric-card .metric-value{font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1}.metric-card .metric-sub{font-size:12px;color:var(--text-secondary);margin-top:var(--sp-2)}.panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--sp-6)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-subtle)}.panel-header h3{font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.panel-body{padding:var(--sp-5)}.panel-body.dense{padding:0}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;font-family:var(--font-display);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-default);position:sticky;top:0;background:var(--bg-card)}.data-table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle);vertical-align:top}.data-table tr:hover td{background:var(--bg-hover)}.data-table tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:3px}.badge-critical{background:var(--critical-dim);color:var(--critical)}.badge-high{background:var(--high-dim);color:var(--high)}.badge-medium{background:var(--medium-dim);color:var(--medium)}.badge-low{background:var(--low-dim);color:var(--low)}.badge-accent{background:var(--accent-dim);color:var(--accent-bright)}.badge-neutral{background:var(--bg-elevated);color:var(--text-secondary)}.score-bar-container{display:flex;align-items:center;gap:var(--sp-2)}.score-bar{display:flex;gap:2px}.score-pip{width:16px;height:8px;border-radius:2px;background:var(--border-subtle);transition:background .2s}.score-pip.filled{background:var(--accent)}.score-pip.filled.critical{background:var(--critical)}.score-pip.filled.high{background:var(--high)}.score-pip.filled.medium{background:var(--medium)}.score-number{font-family:var(--font-mono);font-size:12px;font-weight:600;min-width:16px;text-align:right}.quality-tag{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:10px;font-weight:500;padding:1px 6px;border-radius:3px;margin:1px;border:1px solid}.matrix-grid{display:grid;gap:1px;background:var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.matrix-cell{display:flex;align-items:center;justify-content:center;background:var(--bg-panel);min-height:36px;font-family:var(--font-mono);font-size:11px;transition:background .15s}.matrix-cell.header{background:var(--bg-card);font-weight:600;font-size:10px;color:var(--text-secondary);padding:var(--sp-2)}.matrix-cell.present{background:var(--accent-dim);color:var(--accent-bright)}.matrix-cell.absent{color:var(--text-muted)}.matrix-cell:hover{background:var(--bg-hover)}.detail-row{cursor:pointer}.detail-expand{padding:var(--sp-4) var(--sp-5);background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);font-size:13px;line-height:1.65}.detail-expand .detail-label{font-family:var(--font-display);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--sp-1);margin-top:var(--sp-3)}.detail-expand .detail-label:first-child{margin-top:0}.source-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--sp-4);transition:all .15s}.source-card:hover{border-color:var(--accent);background:var(--bg-elevated)}.source-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--sp-4)}.tree-node{padding-left:var(--sp-5)}.tree-node.root{padding-left:0}.tree-label{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);cursor:pointer;border-radius:var(--radius-sm);font-size:13px;transition:background .1s}.tree-label:hover{background:var(--bg-hover)}.tree-label .tree-icon{color:var(--text-muted);font-size:12px;width:16px;text-align:center}.tree-leaf{padding:var(--sp-1) var(--sp-3) var(--sp-1) calc(var(--sp-5) + 16px);font-size:12px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all .1s}.tree-leaf:hover{background:var(--bg-hover);color:var(--text-primary)}.tree-leaf.scanned{color:var(--accent-bright)}.split-view{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6)}@media (max-width: 1200px){.split-view{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;padding:var(--sp-2) var(--sp-4);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;transition:all .15s}.btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-accent{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-bright)}.btn-accent:hover{background:var(--accent);color:var(--text-inverse)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stagger-in{animation:fadeSlideIn .3s ease forwards;opacity:0}.stagger-in:nth-child(1){animation-delay:.05s}.stagger-in:nth-child(2){animation-delay:.1s}.stagger-in:nth-child(3){animation-delay:.15s}.stagger-in:nth-child(4){animation-delay:.2s}.stagger-in:nth-child(5){animation-delay:.25s}.stagger-in:nth-child(6){animation-delay:.3s}.splash-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-root)}.splash-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-8)}.splash-title{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-bright)}.login-form{display:flex;flex-direction:column;gap:var(--sp-3);width:280px}.login-form input{font-family:var(--font-body);font-size:13px;padding:var(--sp-3) var(--sp-4);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);outline:none;transition:border-color .15s}.login-form input:focus{border-color:var(--accent)}.login-form input::placeholder{color:var(--text-muted)}.login-btn{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:var(--sp-3) var(--sp-4);background:var(--accent-dim);border:1px solid var(--accent);border-radius:var(--radius-md);color:var(--accent-bright);cursor:pointer;transition:all .15s}.login-btn:hover{background:var(--accent);color:var(--text-inverse)}.login-error{font-size:12px;color:var(--critical);text-align:center}.sidebar-user{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.sidebar-user-name{font-size:11px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}