:root{--bg-0:oklch(0.10 0.01 240);--bg-1:oklch(0.13 0.012 240);--bg-2:oklch(0.16 0.012 240);--bg-3:oklch(0.19 0.013 240);--border:oklch(0.26 0.015 240);--border-subtle:oklch(0.22 0.012 240);--text-primary:oklch(0.92 0.008 240);--text-secondary:oklch(0.60 0.01 240);--text-muted:oklch(0.52 0.01 240);--accent:oklch(0.72 0.10 155);--accent-dim:oklch(0.72 0.10 155/0.15);--accent-border:oklch(0.72 0.10 155/0.30);--green:oklch(0.78 0.14 155);--green-dim:oklch(0.78 0.14 155/0.15);--green-border:oklch(0.78 0.14 155/0.35);--red:oklch(0.65 0.20 25);--red-dim:oklch(0.65 0.20 25/0.15);--red-border:oklch(0.65 0.20 25/0.35);--amber:oklch(0.78 0.16 70);--amber-dim:oklch(0.78 0.16 70/0.12);--amber-border:oklch(0.78 0.16 70/0.30);--blue:oklch(0.70 0.14 250);--blue-dim:oklch(0.70 0.14 250/0.15);--blue-border:oklch(0.70 0.14 250/0.35);--purple:oklch(0.68 0.16 295);--purple-dim:oklch(0.68 0.16 295/0.15);--orange:oklch(0.72 0.16 45);--orange-dim:oklch(0.72 0.16 45/0.15);--font-mono:"JetBrains Mono","Fira Code","Cascadia Code",monospace;--font-ui:"Inter",system-ui,-apple-system,sans-serif;--radius-sm:4px;--radius-md:6px;--radius-lg:8px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg-0);color:var(--text-primary);font-family:var(--font-ui);font-size:13px;line-height:1.5;min-height:100vh}.header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--bg-1);border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr auto 1fr;grid-gap:16px;gap:16px;padding:0 20px;height:52px}.header,.logo{align-items:center}.logo{display:flex;gap:10px;border-left:3px solid var(--accent);padding-left:12px}.logo-text{font-family:var(--font-ui);font-weight:700;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-primary)}.logo-version{color:var(--text-muted);background:var(--bg-3);border:1px solid var(--border);padding:1px 6px;border-radius:3px}.alert-banner,.logo-version{font-family:var(--font-mono);font-size:11px}.alert-banner{gap:8px;background:var(--amber-dim);border:1px solid var(--amber-border);border-radius:var(--radius-md);padding:5px 12px;font-weight:600;color:var(--amber);letter-spacing:.04em;cursor:default}.alert-banner,.header-right{display:flex;align-items:center}.header-right{gap:12px;justify-content:flex-end}.health-pill{display:flex;align-items:center;gap:7px;background:var(--bg-2);border:1px solid var(--border);border-radius:20px;padding:4px 10px;font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--text-secondary)}.health-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);animation:pulse 2s infinite}.health-dot.dead{background:var(--red);box-shadow:0 0 6px var(--red);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.mode-toggle{display:flex;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.mode-btn{padding:5px 12px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;cursor:pointer;border:none;background:transparent;color:var(--text-muted);transition:all .15s}.mode-btn.active{background:var(--accent-dim);color:var(--accent)}.mode-btn:hover:not(.active){color:var(--text-secondary)}.pnl-strip{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:var(--border);border-bottom:1px solid var(--border)}.pnl-card{background:var(--bg-1);padding:14px 20px;position:relative}.pnl-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.pnl-card:first-child:before{background:var(--text-muted)}.pnl-card:nth-child(2):before{background:var(--blue)}.pnl-card:nth-child(3):before{background:var(--green)}.pnl-label{font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:6px}.pnl-value{font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.pnl-value.pos{color:var(--green)}.pnl-value.neg{color:var(--red)}.pnl-value.neutral{color:var(--text-secondary)}.pos{color:var(--green)}.neg{color:var(--red)}.neutral{color:var(--text-secondary)}.pnl-meta{font-family:var(--font-ui);font-size:11px;color:var(--text-muted)}.main{display:grid;grid-template-columns:1fr 280px;height:calc(100vh - 52px - 76px);overflow:hidden}.content-area,.trades-section{display:flex;flex-direction:column;overflow:hidden}.trades-section{flex:1 1}.trades-table{width:100%;min-width:1100px;border-collapse:collapse;font-family:var(--font-mono)}.trades-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--bg-2)}.trades-table th{padding:8px 10px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase;border-bottom:2px solid var(--border);white-space:nowrap}.trade-row{cursor:pointer;border-bottom:1px solid var(--border-subtle);transition:background .1s,transform .1s}.trade-row:hover{background:var(--bg-2);transform:translateX(2px)}.trade-row.active{background:var(--blue-dim)}.trades-table td{padding:9px 10px;font-size:11px;font-weight:400;white-space:nowrap;color:var(--text-secondary)}.td-age{color:var(--text-muted);font-size:11px}.td-ticker{color:var(--text-primary);font-weight:600;font-size:12px}.td-model{font-size:11px;color:var(--text-muted);opacity:.8}.td-pnl{font-weight:600;text-align:right}.side-badge{display:inline-block;padding:2px 7px;border-radius:3px;font-size:11px;font-weight:700;letter-spacing:.08em}.side-badge.long{background:var(--green-dim);color:var(--green);border:1px solid var(--green-border)}.side-badge.short{background:var(--red-dim);color:var(--red);border:1px solid var(--red-border)}.status-chip{display:inline-block;padding:2px 7px;border-radius:3px;font-size:11px;font-weight:700;letter-spacing:.06em}.status-chip.filled{background:var(--green-dim);color:var(--green)}.status-chip.rejected{background:var(--red-dim);color:var(--red)}.status-chip.open{background:var(--blue-dim);color:var(--blue)}.status-chip.halted{background:oklch(.4 0 0/.2);color:var(--text-muted)}.risk-flags{display:flex;gap:4px;flex-wrap:wrap}.risk-badge{display:inline-block;padding:1px 5px;border-radius:3px;font-size:11px;font-weight:700;letter-spacing:.06em;background:var(--bg-2);color:var(--amber);border:1px solid var(--amber)}.mobile-trade-cards{display:none;padding:8px}.mobile-trade-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 14px;margin-bottom:8px;display:flex;flex-direction:column;gap:8px;cursor:pointer;min-height:44px;transition:background .1s}.mobile-trade-card:hover{background:var(--bg-3)}.mobile-trade-header{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--text-primary)}.mobile-trade-body{display:flex;flex-direction:column;gap:4px}.mobile-trade-field{display:flex;justify-content:space-between;font-size:11px}.mobile-trade-label{color:var(--text-muted);font-family:var(--font-ui)}.mobile-trade-value{color:var(--text-secondary);font-family:var(--font-mono)}@media (max-width:768px){.header{grid-template-columns:1fr auto;height:auto;padding:10px 14px;gap:8px}.alert-banner{display:none}.pnl-strip{grid-template-columns:1fr}.main{grid-template-columns:1fr}.main,.trades-section{height:auto;overflow:visible}.trades-table{display:none}.mobile-trade-cards{display:block!important}}@media (max-width:900px){.pnl-strip{grid-template-columns:repeat(3,1fr)}.pnl-card{padding:8px 12px}}@media (max-width:600px){.pnl-strip{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}dialog.detail-overlay{border:none;padding:0;background:transparent;max-width:100vw;max-height:100dvh;overflow:hidden}dialog.detail-overlay::-webkit-backdrop{background:oklch(0 0 0/.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}dialog.detail-overlay::backdrop{background:oklch(0 0 0/.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.detail-panel{position:fixed;right:0;top:0;bottom:0;width:480px;max-width:100vw;background:var(--bg-1);border-left:1px solid var(--border);transform:translateX(100%);transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow:hidden}dialog.detail-overlay.open .detail-panel{transform:translateX(0)}.detail-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0;background:var(--bg-2)}.detail-header-left{display:flex;flex-direction:column;gap:6px}.detail-ticker-row{display:flex;align-items:center;gap:8px}.detail-ticker{font-family:var(--font-mono);font-size:20px;font-weight:700;color:var(--text-primary)}.detail-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.detail-close{background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:4px 8px;font-family:var(--font-mono);font-size:12px;transition:all .15s;flex-shrink:0}.detail-close:hover{border-color:var(--text-secondary);color:var(--text-primary)}.detail-body{overflow-y:auto;flex:1 1;padding:16px}.detail-body::-webkit-scrollbar{width:4px}.detail-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.detail-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-bottom:16px}.detail-stat{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px}.detail-stat-label{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin-bottom:4px;letter-spacing:.08em;text-transform:uppercase}.detail-stat-value{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text-primary)}.detail-stat-value.pos{color:var(--green)}.detail-stat-value.neg{color:var(--red)}.detail-stat-value.neutral{color:var(--text-secondary)}.reasoning-section{margin-bottom:8px;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.reasoning-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-2);cursor:pointer;transition:background .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.reasoning-header:hover{background:var(--bg-3)}.reasoning-agent{display:flex;align-items:center;gap:8px}.reasoning-chevron{color:var(--text-muted);font-size:11px;transition:transform .2s}.reasoning-section.open .reasoning-chevron{transform:rotate(180deg)}.reasoning-section.open .reasoning-body{display:block}.reasoning-body{display:none;padding:12px 14px;border-top:1px solid var(--border);font-size:12px;line-height:1.6;color:var(--text-secondary);font-family:var(--font-ui)}.verdict-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em}.verdict-badge.approved{background:var(--green-dim);border:1px solid var(--green-border);color:var(--green)}.verdict-badge.rejected{background:var(--red-dim);border:1px solid var(--red-border);color:var(--red)}.agent-verdict{font-family:var(--font-mono);font-size:11px;font-weight:700;padding:2px 7px;border-radius:3px}.agent-verdict.approve{background:var(--green-dim);color:var(--green)}.agent-verdict.reject{background:var(--red-dim);color:var(--red)}.agent-icon{width:20px;height:20px;border-radius:4px;display:grid;place-items:center}.agent-icon,.agent-name{font-family:var(--font-mono);font-size:11px;font-weight:700}.agent-name{letter-spacing:.08em;color:var(--text-secondary)}