:root{--bg:#0a0d12;--surface:#12161d;--surface-2:#191f28;--surface-3:#212934;--border:#232b36;--border-strong:#2f3947;--text:#eaeef2;--text-muted:#8b98a5;--text-dim:#5b6572;--accent:#7c6cf6;--accent-hover:#9686f8;--accent-ink:#fff;--accent-soft:#7c6cf629;--manual:#4c8dff;--ai:#a78bfa;--good:#22c55e;--bad:#ef4444;--warn:#f59e0b;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 2px #0000003d;--shadow-md:0 4px 16px #00000047;--shadow-popover:0 8px 30px #00000073;--ease:cubic-bezier(.4, 0, .2, 1);--fast:.12s;--normal:.18s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;font-family:var(--font-sans)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:14px;line-height:1.5}::selection{background:#7c6cf64d}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:content-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim);background-clip:content-box}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:600}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}button{cursor:pointer;font-family:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}input,select,textarea{font-family:inherit;font-size:inherit;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);transition:border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);padding:8px 11px}input::placeholder,textarea::placeholder{color:var(--text-dim)}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:not-allowed}input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);padding:0}.app-shell{min-height:100%;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);width:224px;padding:var(--space-5) 0;transition:transform var(--normal) var(--ease);flex-direction:column;flex-shrink:0;display:flex}.brand{padding:0 var(--space-5) var(--space-4);margin-bottom:var(--space-2);align-items:center;gap:10px;display:flex}.brand-mark{background:linear-gradient(155deg, var(--accent), #b3a6fb);width:26px;height:26px;color:var(--accent-ink);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.brand h1{color:var(--text);font-size:15px;font-weight:700}.sidebar nav{padding:0 var(--space-3);flex-direction:column;gap:1px;display:flex}.nav-link{color:var(--text-muted);border-radius:var(--radius-sm);transition:background var(--fast) var(--ease), color var(--fast) var(--ease);align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;font-weight:500;display:flex}.nav-link svg{opacity:.85;flex-shrink:0}.nav-link:hover{color:var(--text);background:var(--surface-2);text-decoration:none}.nav-link.active{color:var(--text);background:var(--accent-soft)}.nav-link.active svg{opacity:1;color:var(--accent)}.sidebar-footer{padding:var(--space-3);margin-top:auto}.sidebar-user-card{background:var(--surface-2);border-radius:var(--radius-md);padding:var(--space-3)}.user-chip{margin-bottom:var(--space-3);align-items:center;gap:9px;display:flex}.user-avatar{background:var(--surface-3);border:1px solid var(--border-strong);width:26px;height:26px;color:var(--text-muted);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.topbar{align-items:center;gap:var(--space-3);padding:0 var(--space-4);border-bottom:1px solid var(--border);background:var(--surface);z-index:20;height:56px;display:none;position:sticky;top:0}.topbar-menu-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);width:34px;height:34px;color:var(--text);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-scrim{z-index:29;animation:fade-in var(--normal) var(--ease);background:#00000080;display:none;position:fixed;inset:0}.main{min-width:0;padding:var(--space-8) var(--space-8) var(--space-10);flex:1;max-width:1180px;overflow-x:hidden}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page-header-text{min-width:0}.page-title{letter-spacing:-.015em;margin:0;font-size:21px;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:3px;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.card+.card{margin-top:var(--space-4)}.card-flush{padding:0;overflow:hidden}.card-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.card-title{font-size:14px;font-weight:600}.card-header-sub{color:var(--text-muted);margin-top:2px;font-size:12.5px}.grid{gap:var(--space-4);display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-4)}.stat-tile .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.stat-tile-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:9px;display:flex}.stat-tile-icon{border-radius:var(--radius-sm);background:var(--accent-soft);width:26px;height:26px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-tile .value{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.kpi-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.kpi-icon-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.kpi-icon-badge.good{color:var(--good);background:#22c55e24}.kpi-icon-badge.bad{color:var(--bad);background:#ef444424}.kpi-value{letter-spacing:-.015em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700}.kpi-caption{color:var(--text-muted);margin-top:5px;font-size:12.5px}.kpi-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.pill{text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.pill-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.pill-manual{color:var(--manual);background:#4c8dff24}.pill-ai{color:var(--ai);background:#a78bfa24}.pill-long{color:var(--good);background:#22c55e24}.pill-short{color:var(--bad);background:#ef444424}.pill-open{color:var(--manual);background:#4c8dff24}.pill-closed{color:var(--text-muted);background:#8b98a524}.pill-cancelled{color:var(--bad);background:#ef444424}.pill-pending{color:var(--warn);background:#f59e0b24}.pill-executed{color:var(--good);background:#22c55e24}.pill-declined{color:var(--bad);background:#ef444424}.pill-skipped,.pill-expired,.pill-duplicate,.pill-not_a_signal,.pill-update_ignored{color:var(--text-muted);background:#8b98a524}.pill-classify_failed,.pill-blocked{color:var(--warn);background:#f59e0b24}.avatar-chip{background:var(--accent-soft);width:26px;height:26px;color:var(--accent);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.pnl-pos{color:var(--good);font-variant-numeric:tabular-nums;font-weight:600}.pnl-neg{color:var(--bad);font-variant-numeric:tabular-nums;font-weight:600}.pnl-zero{color:var(--text-muted);font-variant-numeric:tabular-nums}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border);white-space:nowrap;padding:11px 14px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 14px}tbody tr{transition:background var(--fast) var(--ease)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-2)}.table-compact th,.table-compact td{padding:9px 12px}.table-compact td.pnl-pos,.table-compact td.pnl-neg{font-size:13.5px}.btn{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);border-radius:var(--radius-sm);transition:background var(--fast) var(--ease), border-color var(--fast) var(--ease), transform var(--fast) var(--ease), box-shadow var(--fast) var(--ease), opacity var(--fast) var(--ease);align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:500;line-height:1.3;display:inline-flex}.btn:hover{background:var(--surface-3);border-color:var(--text-dim)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-good{background:var(--good);border-color:var(--good);color:#04180b;font-weight:600}.btn-good:hover{filter:brightness(1.08)}.btn-bad{color:var(--bad);background:0 0;border-color:#ef444466}.btn-bad:hover{border-color:var(--bad);background:#ef44441f}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn:disabled:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn-primary:disabled:hover{background:var(--accent);border-color:var(--accent)}.btn-good:disabled:hover{filter:none}.btn-bad:disabled:hover{background:0 0;border-color:#ef444466}.btn-icon{padding:7px 9px}.tabbar{gap:var(--space-1);border-bottom:1px solid var(--border);margin-bottom:var(--space-6);display:flex;overflow-x:auto}.tab{color:var(--text-muted);margin:0 var(--space-3) -1px 0;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:0 2px 11px;font-size:13.5px;font-weight:500}.tab:hover{color:var(--text);border-color:var(--border-strong);background:0 0}.tab.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);gap:2px;padding:2px;display:inline-flex}.segmented .btn{background:0 0;border:none;border-radius:5px;padding:5px 11px}.segmented .btn:hover{background:var(--surface-3)}.segmented .btn.active{background:var(--surface-3);color:var(--accent)}.toggle{background:var(--surface-3);border:1px solid var(--border-strong);cursor:pointer;width:38px;height:22px;transition:background var(--fast) var(--ease), border-color var(--fast) var(--ease);border-radius:999px;flex-shrink:0;position:relative}.toggle.on{background:var(--good);border-color:var(--good)}.toggle:disabled{opacity:.5;cursor:not-allowed}.toggle .knob{width:16px;height:16px;transition:left var(--fast) var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle.on .knob{left:18px}.row{align-items:center;gap:10px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.mono{font-family:var(--font-mono)}.small{font-size:12px}.field{margin-bottom:var(--space-3);flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-muted);font-size:12px;font-weight:500}.checkbox-field{flex-direction:row;align-items:center;gap:8px}.checkbox-field label{margin:0}.empty-state{text-align:center;color:var(--text-muted);padding:44px 20px;font-size:13px}.banner{color:#ffb4ab;border-radius:var(--radius-md);margin-bottom:var(--space-4);background:#ef444414;border:1px solid #ef444459;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.banner svg{flex-shrink:0;margin-top:1px}.info-note{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);align-items:flex-start;gap:9px;padding:10px 12px;font-size:12.5px;line-height:1.5;display:flex}.info-note svg{color:var(--accent);flex-shrink:0;margin-top:1px}.legend{gap:var(--space-4);color:var(--text-muted);margin-top:var(--space-2);font-size:12px;display:flex}.legend .swatch{border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.divider{background:var(--border);height:1px;margin:var(--space-4) 0;border:none}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;padding:var(--space-4);animation:fade-in var(--fast) var(--ease);background:#06080bb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{width:100%;max-width:380px;max-height:calc(100vh - var(--space-8));animation:scale-in var(--normal) var(--ease);overflow-y:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes expand-row{0%{opacity:0}to{opacity:1}}.animate-in{animation:fade-in var(--normal) var(--ease)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}@media (width<=880px){.app-shell{flex-direction:column}.topbar{width:100%;display:flex}.sidebar{z-index:30;box-shadow:var(--shadow-popover);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-scrim.open{display:block}.main{padding:var(--space-5) var(--space-4) var(--space-8);max-width:100%}.page-header{margin-bottom:var(--space-4)}.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}.card{border-radius:var(--radius-md);padding:var(--space-4)}table{font-size:12.5px}th,td{padding:9px 10px}}@media (width<=520px){.row:not(.row-wrap-off){flex-wrap:wrap}}