.vad-eval-viewer{--container-bg:#0d1425;--bg-void:transparent;--bg-primary:transparent;--bg-surface:transparent;--bg-elevated:transparent;--bg-hover:oklch(28.11% .0275 271.9/.5);--bg-active:oklch(31.37% .0408 276.8/.6);--border-subtle:oklch(100% 0 0/.06);--border-default:oklch(100% 0 0/.08);--border-strong:oklch(100% 0 0/.12);--border-accent:oklch(58.5% .233 264.05/.3);--text-primary:oklch(95.6% .008 247.9);--text-secondary:oklch(72.76% .024 249.7);--text-muted:oklch(62.83% .0175 245.9);--text-inverse:oklch(16.56% .0131 269.6);--accent:oklch(58.5% .233 264.05);--accent-hover:oklch(70.1% .184 260.03);--accent-muted:oklch(58.5% .233 264.05/.15);--accent-glow:oklch(58.5% .233 264.05/.08);--color-pass:oklch(69.6% .17 162.48);--color-pass-muted:oklch(69.6% .17 162.48/.12);--color-fail:oklch(62.7% .258 29.23);--color-fail-muted:oklch(62.7% .258 29.23/.12);--color-warn:oklch(76.9% .188 70.08);--color-warn-muted:oklch(76.9% .188 70.08/.12);--color-info:oklch(62.3% .214 259.02);--color-info-muted:oklch(62.3% .214 259.02/.12);--model-baseline:oklch(55.6% .046 250.7);--model-a1:oklch(72.7% .158 206.5);--model-a2:oklch(58.1% .217 282.8);--model-a3:oklch(76.9% .188 70.08);--model-a4:oklch(69.6% .17 162.48);--color-tp:oklch(69.6% .17 162.48);--color-fp:oklch(62.7% .258 29.23);--color-fn:oklch(76.9% .188 70.08);--color-tn:oklch(55.6% .046 250.7);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-glow:none;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px}html:not(.dark) .vad-eval-viewer{--container-bg:#fff;--bg-void:transparent;--bg-primary:transparent;--bg-surface:transparent;--bg-elevated:transparent;--bg-hover:oklch(96.1% .011 247.9/.8);--bg-active:oklch(92.4% .016 247.9/.8);--border-subtle:oklch(0% 0 0/.06);--border-default:oklch(0% 0 0/.1);--border-strong:oklch(0% 0 0/.15);--border-accent:oklch(51.1% .262 264.48/.3);--text-primary:oklch(20.5% .021 254.9);--text-secondary:oklch(37.4% .03 252.7);--text-muted:oklch(45.5% .04 250.7);--text-inverse:oklch(100% 0 0);--accent:oklch(51.1% .262 264.48);--accent-hover:oklch(43.3% .25 264.4);--accent-muted:oklch(51.1% .262 264.48/.1);--accent-glow:oklch(51.1% .262 264.48/.05);--color-pass:oklch(62.7% .194 163.5);--color-pass-muted:oklch(62.7% .194 163.5/.1);--color-fail:oklch(57.7% .228 29);--color-fail-muted:oklch(57.7% .228 29/.1);--color-warn:oklch(71.9% .194 70.1);--color-warn-muted:oklch(71.9% .194 70.1/.1);--color-info:oklch(57.6% .223 259);--color-info-muted:oklch(57.6% .223 259/.1);--model-baseline:oklch(45.5% .04 250.7);--model-a1:oklch(65.7% .155 204);--model-a2:oklch(52.7% .244 282.8);--model-a3:oklch(71.9% .194 70.1);--model-a4:oklch(62.7% .194 163.5);--color-tp:oklch(62.7% .194 163.5);--color-fp:oklch(57.7% .228 29);--color-fn:oklch(71.9% .194 70.1);--color-tn:oklch(45.5% .04 250.7);--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-glow:none}.vad-eval-viewer *,.vad-eval-viewer :before,.vad-eval-viewer :after{box-sizing:border-box}.vad-eval-viewer :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.vad-eval-viewer{font-family:var(--font-sans);background-color:var(--container-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);line-height:1.6;overflow:hidden}.vad-eval-viewer ::-webkit-scrollbar{width:6px;height:6px}.vad-eval-viewer ::-webkit-scrollbar-track{background:0 0}.vad-eval-viewer ::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.vad-eval-viewer ::-webkit-scrollbar-thumb:hover{background:#ffffff26}.app-shell{min-height:800px;display:flex}.sidebar{background:var(--bg-primary);border-right:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;align-self:flex-start;width:220px;height:calc(100vh - 120px);padding:0;transition:width .15s;display:flex;position:sticky;top:100px;overflow-y:auto}.sidebar.collapsed{width:56px}.sidebar.collapsed .sidebar-brand h1 span:not(.brand-dot),.sidebar.collapsed .nav-item span,.sidebar.collapsed .nav-sub-items,.sidebar.collapsed .sidebar-footer-meta{display:none}.sidebar-brand{border-bottom:1px solid var(--border-subtle);padding:20px 20px 16px}.sidebar-brand h1{letter-spacing:-.02em;color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.sidebar-brand .brand-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent);border-radius:50%}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex;overflow-y:auto}.nav-sub-items{flex-direction:column;gap:1px;margin-bottom:4px;padding-left:28px;display:flex;overflow:hidden}.nav-sub-item{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;user-select:none;white-space:nowrap;text-overflow:ellipsis;border-left:2px solid #0000;padding:8px 12px;font-size:12px;font-weight:500;transition:all .1s;overflow:hidden}.nav-sub-item:hover{color:var(--text-secondary);background:var(--bg-hover);border-left-color:var(--border-default)}.nav-sub-item.active{color:var(--accent-hover);background:var(--accent-muted);border-left-color:var(--accent)}.sidebar-collapse-btn{cursor:pointer;color:var(--text-muted);border-top:1px solid var(--border-subtle);background:0 0;border-bottom:none;border-left:none;border-right:none;justify-content:center;align-items:center;width:100%;padding:10px;transition:color .1s;display:flex}.sidebar-collapse-btn:hover{color:var(--text-secondary);background:var(--bg-hover)}.nav-item{border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);user-select:none;border:1px solid #0000;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-muted);color:var(--accent-hover);border-color:var(--border-accent)}.main-area{background:var(--bg-void);flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border-subtle);background:var(--bg-primary);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 24px;display:flex}.topbar-title{color:var(--text-primary);font-size:14px;font-weight:600}.scroll-area{flex:1;padding:24px}.card{background:var(--bg-surface);backdrop-filter:blur(12px);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.card-elevated{background:var(--bg-elevated);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.card-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:16px;font-size:13px;font-weight:600;display:flex}.card-title svg{width:14px;height:14px;color:var(--text-muted)}section[id]{scroll-margin-top:68px}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title{color:var(--text-primary);letter-spacing:-.01em;font-size:15px;font-weight:700}.section-subtitle{color:var(--text-muted);margin-top:2px;font-size:13px}.vad-eval-viewer table{border-collapse:collapse;width:100%;font-size:14px}.vad-eval-viewer th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-default);white-space:nowrap;padding:10px 16px;font-size:11px;font-weight:600}.vad-eval-viewer td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);white-space:normal;padding:12px 16px}.vad-eval-viewer tr:hover td{background:var(--bg-hover)}.vad-eval-viewer tr.row-highlight td{background:var(--accent-muted)}.badge{font-size:11px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.03em;border-radius:100px;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.badge-pass{background:var(--color-pass-muted);color:var(--color-pass);border:1px solid #10b98133}.badge-fail{background:var(--color-fail-muted);color:var(--color-fail);border:1px solid #ef444433}.badge-warn{background:var(--color-warn-muted);color:var(--color-warn);border:1px solid #f59e0b33}.badge-info{background:var(--color-info-muted);color:var(--color-info);border:1px solid #3b82f633}.badge-neutral{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-subtle)}.model-pill{cursor:pointer;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);user-select:none;border-radius:100px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.model-pill:hover{border-color:var(--border-strong);background:var(--bg-hover)}.model-pill.selected{border-color:var(--border-accent);background:var(--accent-muted);color:var(--text-primary)}.model-pill .pill-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.metric-value{font-family:var(--font-mono);font-size:14px;font-weight:600}.metric-lg{letter-spacing:-.02em;font-size:28px;font-weight:700}.metric-delta{font-family:var(--font-mono);font-size:12px;font-weight:600}.metric-delta.positive{color:var(--color-pass)}.metric-delta.negative{color:var(--color-fail)}.metric-delta.neutral{color:var(--text-muted)}.cell-winner{background:var(--color-pass-muted);border-radius:var(--radius-sm);font-weight:700}.heatmap-cell{border-radius:var(--radius-sm);width:100%;height:40px;font-family:var(--font-mono);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:all .15s;display:flex}.heatmap-cell:hover{border-color:var(--text-secondary);transform:scale(1.05)}.gate-row{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface);align-items:center;gap:16px;padding:12px 16px;transition:all .15s;display:flex}.gate-row:hover{border-color:var(--border-default);background:var(--bg-hover)}.gate-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.gate-icon.pass{background:var(--color-pass-muted);color:var(--color-pass)}.gate-icon.fail{background:var(--color-fail-muted);color:var(--color-fail)}.gate-icon.warn{background:var(--color-warn-muted);color:var(--color-warn)}.verdict-banner{border-radius:var(--radius-lg);align-items:center;gap:12px;padding:16px 20px;font-size:14px;font-weight:700;display:flex}.verdict-ship{background:var(--color-pass-muted);color:var(--color-pass);border:1px solid #10b98133}.verdict-blocked{background:var(--color-fail-muted);color:var(--color-fail);border:1px solid #ef444433}.trace-row{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;grid-template-columns:100px 100px 70px 80px 70px 1fr 80px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;transition:all .1s;display:grid}.trace-row:hover{background:var(--bg-hover);border-color:var(--border-subtle)}.trace-row.selected{background:var(--accent-muted);border-color:var(--border-accent)}.model-agree{align-items:center;gap:3px;display:inline-flex}.agree-dot{border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex}.agree-dot.caught{background:var(--color-pass-muted);color:var(--color-pass)}.agree-dot.missed{background:var(--color-fail-muted);color:var(--color-fail)}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-pill{cursor:pointer;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);user-select:none;border-radius:100px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .1s;display:inline-flex}.filter-pill:hover{border-color:var(--border-strong);color:var(--text-primary)}.filter-pill.active{background:var(--accent-muted);border-color:var(--border-accent);color:var(--accent-hover)}.filter-pill--fail.active{background:var(--color-fail-muted);color:var(--color-fail);border-color:#ef44444d}.filter-pill--fail:hover{color:var(--color-fail)}.filter-pill--warn.active{background:var(--color-warn-muted);color:var(--color-warn);border-color:#f59e0b4d}.filter-pill--warn:hover{color:var(--color-warn)}.filter-pill--pass.active{background:var(--color-pass-muted);color:var(--color-pass);border-color:#10b9814d}.filter-pill--pass:hover{color:var(--color-pass)}.filter-pill .pill-count{font-family:var(--font-mono);opacity:.7;font-size:11px;font-weight:600}.table-scroll-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-scroll-container::-webkit-scrollbar{height:6px}.table-scroll-container::-webkit-scrollbar-track{background:0 0}.table-scroll-container::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.table-scroll-container::-webkit-scrollbar-thumb:hover{background:#ffffff26}html:not(.dark) .table-scroll-container::-webkit-scrollbar-thumb{background:#00000014}html:not(.dark) .table-scroll-container::-webkit-scrollbar-thumb:hover{background:#00000026}.detail-panel{background:var(--container-bg);border-left:1px solid var(--border-default);width:520px;height:100vh;box-shadow:var(--shadow-lg);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;right:0;overflow:hidden}.detail-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.detail-body{flex:1;padding:20px;overflow-y:auto}.detail-backdrop{z-index:99;background:#00000080;position:fixed;inset:0}.span-bar{height:24px;font-size:11px;font-weight:600;font-family:var(--font-mono);color:var(--text-primary);background:var(--accent-muted);border:1px solid var(--border-accent);border-radius:4px;align-items:center;padding:0 8px;display:flex;position:relative}.score-gauge{background:var(--bg-hover);border-radius:3px;height:6px;position:relative;overflow:hidden}.score-gauge-fill{border-radius:3px;height:100%;transition:width .3s}.score-gauge-threshold{background:var(--text-secondary);border-radius:1px;width:2px;position:absolute;top:-2px;bottom:-2px}.confusion-grid{grid-template-columns:auto repeat(3,1fr);gap:2px;display:grid}.confusion-cell{border-radius:var(--radius-sm);height:56px;font-family:var(--font-mono);cursor:default;flex-direction:column;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:all .15s;display:flex}.confusion-cell .cell-label{text-transform:uppercase;letter-spacing:.05em;opacity:.6;margin-top:2px;font-size:11px;font-weight:600}.confusion-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;justify-content:flex-end;align-items:center;padding-right:8px;font-size:11px;font-weight:600;display:flex}.kpi-card{background:var(--bg-surface);backdrop-filter:blur(12px);border:1px solid var(--border-default);border-radius:var(--radius-lg);flex-direction:column;gap:8px;padding:16px;display:flex}.kpi-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11px;font-weight:600}.kpi-value{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:-.02em;font-size:24px;font-weight:700}.kpi-delta{font-family:var(--font-mono);font-size:12px;font-weight:600}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.flex-1{flex:1}.w-full{width:100%}.font-mono{font-family:var(--font-mono)}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.shrink-0{flex-shrink:0}.grid{display:grid}.relative{position:relative}.dashboard-grid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.dashboard-grid>section{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:24px}.dashboard-grid>section#model-comparison,.dashboard-grid>section#error-analysis{grid-column:span 12}.dashboard-grid>section#deployment-gates{grid-column:span 4}.dashboard-grid>section#anomaly-evidence{grid-column:span 8}.docs-hero-banner{border-radius:var(--radius-md);background:var(--accent-glow);border:1px solid #8b5cf626;margin-bottom:20px;padding:24px 28px}.docs-fast-path{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-default);cursor:pointer;flex:280px;min-width:240px;padding:16px 20px;transition:border-color .15s}.docs-fast-path.engineer{border-top:2px solid var(--accent)}.docs-fast-path.stakeholder{border-top:2px solid var(--color-pass)}.docs-callout{border-radius:var(--radius-md);margin-top:12px;padding:12px 16px}.docs-callout.tip{border:1px solid #10b98133;border-left:3px solid var(--color-pass);background:#10b9810f}.docs-callout.warn{border:1px solid #f59e0b33;border-left:3px solid var(--color-warn);background:#f59e0b0f}.docs-callout.danger{border:1px solid #ef444433;border-left:3px solid var(--color-fail);background:#ef44440f}.docs-callout.info{background:var(--accent-glow);border:1px solid #8b5cf626;border-left:3px solid var(--accent)}.docs-section{margin-bottom:32px}.docs-section-header{cursor:pointer;margin-bottom:16px}.docs-section-number{border-radius:var(--radius-sm);background:var(--accent-glow);width:28px;height:28px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.docs-section-preview{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);margin-bottom:16px;padding:20px;position:relative}.docs-preview-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);z-index:2;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:flex;position:absolute;top:8px;right:12px}.docs-model-card{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-default);flex:170px;min-width:160px;padding:12px 16px}.docs-workflow-step{flex:280px;min-width:240px;padding:16px 20px}.docs-workflow-number{width:26px;height:26px;color:var(--text-inverse);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.docs-troubleshoot-header{cursor:pointer;padding:14px 20px}.docs-troubleshoot-content{border-top:1px solid var(--border-subtle);padding:0 20px 16px}