:root{--background:#050706;--surface-1:#090d0b;--surface-2:#0d1410;--surface-hover:#121d16;--border:#1d3326;--border-bright:#2f6542;--text-primary:#edfff2;--text-secondary:#a0b8a7;--text-muted:#7e937f;--matrix-green:#35ff7d;--matrix-green-soft:#75ffa4;--cyan:#24dfea;--violet:#a76cff;--positive:#35ff7d;--negative:#ff5d6c;--warning:#ffbe45;--neutral:#819087;--font-mono:ui-monospace, "JetBrains Mono", "IBM Plex Mono", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--agent-gpt:var(--matrix-green);--agent-gpt-soft:var(--matrix-green-soft);--agent-grok:var(--cyan);--agent-grok-soft:#7ff0f7;--agent-benchmark:var(--neutral)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--background);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#35ff7d09 1px,#0000 1px),linear-gradient(90deg,#35ff7d09 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0}::selection{color:var(--text-primary);background:#35ff7d47}a{color:inherit}button{font-family:inherit}:focus-visible{outline:2px solid var(--matrix-green);outline-offset:2px;border-radius:var(--radius-sm)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.micro-label{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);font-size:11px}.positive{color:var(--positive)}.negative{color:var(--negative)}.neutral-value{color:var(--text-secondary)}.glow-positive{text-shadow:0 0 10px #35ff7d59}.scanline-overlay{z-index:40;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background:repeating-linear-gradient(#edfff2e6 0 1px,#0000 1px 3px);position:fixed;inset:0}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 #35ff7d8c}50%{opacity:.55;box-shadow:0 0 0 5px #35ff7d00}}.live-dot{background:var(--matrix-green);border-radius:50%;width:7px;height:7px;animation:2.1s ease-in-out infinite pulse-dot;display:inline-block}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}.terminal-caret{background:var(--matrix-green);vertical-align:text-bottom;width:8px;height:1em;margin-left:2px;animation:1s step-end infinite caret-blink;display:inline-block}@keyframes number-flash-up{0%{color:var(--positive);text-shadow:0 0 8px #35ff7d80}to{color:inherit;text-shadow:none}}@keyframes number-flash-down{0%{color:var(--negative);text-shadow:0 0 8px #ff5d6c80}to{color:inherit;text-shadow:none}}.number-flash-up{animation:.9s ease-out number-flash-up}.number-flash-down{animation:.9s ease-out number-flash-down}.app-shell{z-index:1;flex-direction:column;min-height:100%;display:flex;position:relative}.app-main{flex-direction:column;flex:1;gap:20px;width:100%;max-width:1440px;margin:0 auto;padding:20px 28px 64px;display:flex}.nav-header{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#050706db;position:sticky;top:0}.nav-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1440px;margin:0 auto;padding:14px 28px;display:flex}.nav-brand{align-items:baseline;gap:10px;display:flex}.nav-brand-mark{color:var(--matrix-green);font-family:var(--font-mono);letter-spacing:.02em;font-weight:700}.nav-brand-name{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-primary);font-size:15px;font-weight:600}.nav-status-row{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.nav-status-item{font-family:var(--font-mono);color:var(--text-secondary);align-items:center;gap:7px;font-size:12px;display:flex}.live-indicator{font-family:var(--font-mono);letter-spacing:.06em;color:var(--matrix-green);align-items:center;gap:6px;font-size:12px;display:flex}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.metric-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:6px;min-width:0;padding:14px 16px;display:flex}.metric-card-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:22px;font-weight:600;overflow:hidden}.metric-card-sub{font-family:var(--font-mono);color:var(--text-secondary);font-size:12px}.panel-grid{grid-template-columns:minmax(0,2.3fr) minmax(240px,1fr);align-items:start;gap:16px;display:grid}.panel{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;padding:18px 20px}.panel-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-title-text{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-size:13px}.chart-range-controls{align-items:center;gap:8px;display:flex}.zoom-reset-btn{background:var(--surface-2);border:1px solid var(--border-bright);color:var(--matrix-green);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;padding:5px 10px;font-size:11px}.zoom-reset-btn:hover{background:var(--surface-hover)}.range-switch{border:1px solid var(--border);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.range-switch button{color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.05em;cursor:pointer;background:0 0;border:none;padding:5px 10px;font-size:11px}.range-switch button+button{border-left:1px solid var(--border)}.range-switch button[aria-pressed=true]{background:var(--surface-hover);color:var(--matrix-green)}.range-switch button:hover{color:var(--text-primary)}.chart-legend{flex-wrap:wrap;gap:14px;display:flex}.chart-legend-item{border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-mono);color:var(--text-secondary);background:0 0;border:1px solid #0000;align-items:center;gap:7px;padding:3px 8px;font-size:12px;display:flex}.chart-legend-item:hover{border-color:var(--border)}.chart-legend-item[data-dimmed=true]{opacity:.4}.chart-legend-swatch{border-radius:2px;width:10px;height:10px}.chart-svg-wrap{width:100%;position:relative}.chart-tooltip{pointer-events:none;background:var(--surface-2);border:1px solid var(--border-bright);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;z-index:5;padding:8px 10px;font-size:11px;position:absolute;box-shadow:0 6px 18px #0006}.chart-tooltip-row{justify-content:space-between;gap:12px;display:flex}.agent-ranking-list{flex-direction:column;gap:10px;display:flex}.agent-ranking-row{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.agent-ranking-name{font-family:var(--font-mono);color:var(--text-primary);align-items:center;gap:8px;font-size:12px;display:flex}.agent-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.agent-card-row{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.agent-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;gap:12px;padding:18px 20px;transition:border-color .16s,box-shadow .16s;display:flex}.agent-card:hover{border-color:var(--border-bright)}.agent-card[data-selected=true]{border-color:var(--border-bright);box-shadow:0 0 0 1px var(--border-bright), 0 0 24px -6px #35ff7d40}.agent-card-head{justify-content:space-between;align-items:center;display:flex}.agent-card-name{font-family:var(--font-mono);color:var(--text-primary);align-items:center;gap:9px;font-size:15px;font-weight:600;display:flex}.agent-card-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.agent-stat-label{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);font-size:10px}.agent-stat-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:15px}.agent-card-summary{font-family:var(--font-sans);color:var(--text-secondary);font-size:12.5px;line-height:1.5}.agent-card-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.typing-line{font-family:var(--font-mono);color:var(--matrix-green-soft);align-items:center;gap:2px;font-size:12px;display:inline-flex}.status-badge{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:10.5px;display:inline-flex}.status-badge[data-tone=positive]{color:var(--positive);background:#35ff7d14;border-color:#35ff7d59}.status-badge[data-tone=negative]{color:var(--negative);background:#ff5d6c14;border-color:#ff5d6c59}.status-badge[data-tone=warning]{color:var(--warning);background:#ffbe4514;border-color:#ffbe4559}.status-badge[data-tone=neutral]{color:var(--text-secondary)}.status-badge[data-tone=info]{color:var(--cyan);background:#24dfea14;border-color:#24dfea59}.decision-feed{flex-direction:column;display:flex}.decision-row{border-bottom:1px solid var(--border);padding:12px 2px}.decision-row:last-child{border-bottom:none}.decision-row-head{width:100%;color:inherit;cursor:pointer;text-align:left;border-radius:var(--radius-sm);background:0 0;border:none;grid-template-columns:90px 100px 88px 1fr 96px 96px;align-items:center;gap:10px;padding:4px 6px;display:grid}.decision-row-head:hover{background:var(--surface-hover)}.decision-ts{font-family:var(--font-mono);color:var(--text-muted);font-size:11.5px}.decision-agent{font-family:var(--font-mono);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.decision-summary{font-family:var(--font-sans);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.decision-qty{font-family:var(--font-mono);color:var(--text-primary);text-align:right;font-size:12px}.decision-confidence{font-family:var(--font-mono);color:var(--text-secondary);text-align:right;font-size:12px}.reasoning-drawer{border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);flex-direction:column;gap:10px;margin:6px 6px 0;padding:12px 14px;display:flex}.drawer-tabs{gap:4px;display:inline-flex}.drawer-tabs button{border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:4px 9px;font-size:10.5px}.drawer-tabs button[aria-pressed=true]{color:var(--matrix-green);border-color:var(--border-bright);background:var(--surface-hover)}.reasoning-full{font-family:var(--font-sans);color:var(--text-primary);font-size:13px;line-height:1.6}.json-viewer{font-family:var(--font-mono);color:var(--text-secondary);background:var(--surface-1);border-radius:var(--radius-sm);border:1px solid var(--border);padding:10px 12px;font-size:11.5px;line-height:1.65;overflow-x:auto}.json-key{color:var(--cyan)}.json-string{color:var(--matrix-green-soft)}.json-number{color:var(--warning)}.json-boolean{color:var(--violet)}.json-null{color:var(--text-muted)}.data-table-wrap{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:12.5px}.data-table thead th{background:var(--surface-1);text-align:left;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px;font-size:10.5px;position:sticky;top:0}.data-table tbody td{border-bottom:1px solid var(--border);color:var(--text-primary);white-space:nowrap;padding:9px 10px}.data-table tbody tr{cursor:default}.data-table tbody tr[data-expandable=true]{cursor:pointer}.data-table tbody tr[data-expandable=true]:hover{background:var(--surface-hover)}.table-expand-row td{background:var(--surface-2);white-space:normal}.section-tabs{gap:6px;margin-bottom:14px;display:inline-flex}.section-tabs button{background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;padding:6px 12px;font-size:11.5px}.section-tabs button[aria-pressed=true]{color:var(--matrix-green);border-color:var(--border-bright);background:var(--surface-hover)}.empty-state{color:var(--text-muted);font-family:var(--font-mono);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;font-size:12.5px;display:flex}.error-banner{border-radius:var(--radius-md);color:var(--negative);font-family:var(--font-mono);background:#ff5d6c14;border:1px solid #ff5d6c59;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:12.5px;display:flex}.error-banner button{color:var(--negative);font-family:var(--font-mono);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ff5d6c80;padding:5px 10px;font-size:11px}.marker-modal-backdrop{z-index:100;background:#020403b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.marker-modal{background:var(--surface-1);border:1px solid var(--border-bright);border-radius:var(--radius-lg);width:min(560px,100%);max-height:min(80vh,640px);padding:18px 20px;overflow-y:auto;box-shadow:0 20px 60px #0000008c}.marker-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;padding-bottom:12px;display:flex}.marker-modal-summary{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.marker-modal-close{border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-mono);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:5px 9px;font-size:13px;line-height:1}.marker-modal-close:hover{color:var(--text-primary);border-color:var(--border-bright)}.loading-terminal{font-family:var(--font-mono);color:var(--matrix-green-soft);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:16px 18px;font-size:12.5px;display:flex}.settings-gear-btn{border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:5px 8px;font-size:14px;line-height:1}.settings-gear-btn:hover{color:var(--matrix-green);border-color:var(--border-bright)}.settings-modal-backdrop{z-index:110;background:#020403b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.settings-modal{background:var(--surface-1);border:1px solid var(--border-bright);border-radius:var(--radius-lg);flex-direction:column;gap:16px;width:min(640px,100%);max-height:min(84vh,720px);padding:18px 20px;display:flex;overflow-y:auto;box-shadow:0 20px 60px #0000008c}.settings-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.settings-loading,.settings-error{color:var(--text-secondary);font-size:12.5px}.settings-error{color:var(--negative)}.settings-group{flex-direction:column;gap:10px;display:flex}.settings-group-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--matrix-green-soft);font-size:12px}.settings-row{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.settings-row-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.settings-row-key{color:var(--text-primary);font-size:12.5px;font-weight:600}.settings-row-desc{color:var(--text-secondary);font-size:12px}.settings-row-control{align-items:center;gap:10px;display:flex}.settings-number-input,.settings-text-input,.settings-select{background:var(--surface-1);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);flex:1;min-width:0;padding:6px 8px;font-size:12.5px}.settings-number-input:focus,.settings-text-input:focus,.settings-select:focus{outline:1px solid var(--matrix-green);border-color:var(--border-bright)}.settings-toggle{border:1px solid var(--border);background:var(--surface-1);cursor:pointer;border-radius:999px;width:40px;height:22px;padding:0;position:relative}.settings-toggle[data-on=true]{border-color:var(--border-bright);background:#35ff7d29}.settings-toggle-knob{background:var(--text-secondary);border-radius:50%;width:16px;height:16px;transition:transform .12s,background .12s;position:absolute;top:2px;left:2px}.settings-toggle[data-on=true] .settings-toggle-knob{background:var(--matrix-green);transform:translate(18px)}.settings-save-btn{background:var(--surface-2);border:1px solid var(--border-bright);color:var(--matrix-green);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;padding:6px 10px;font-size:11px}.settings-save-btn:hover:not(:disabled){background:var(--surface-hover)}.settings-save-btn:disabled{opacity:.4;cursor:not-allowed}.settings-hint{color:var(--warning);font-size:11px}.settings-row-error{color:var(--negative);font-size:11.5px}.settings-row-success{color:var(--positive);font-size:11.5px}.settings-audit-row{color:var(--text-secondary);border-bottom:1px solid var(--border);grid-template-columns:150px 140px 1fr;gap:10px;padding:4px 0;font-size:11.5px;display:grid}.settings-audit-row:last-child{border-bottom:none}@media (width<=1080px){.panel-grid{grid-template-columns:1fr}}@media (width<=900px){.app-main{padding:16px 16px 48px}.decision-row-head{grid-template-columns:76px 84px 70px 1fr 80px}.decision-confidence{display:none}}@media (width<=720px){.agent-card-stats{grid-template-columns:repeat(2,1fr)}.decision-row-head{grid-template-columns:1fr;gap:4px}.decision-qty,.decision-summary{text-align:left}}svg [role=button]:focus{outline:none}svg [role=button]:focus-visible{outline:2px solid var(--matrix-green);outline-offset:2px}