:root{--bg-root: #050507;--bg-surface-0: #0a0a0c;--bg-surface-1: #111114;--bg-surface-2: #18181c;--bg-surface-3: #222228;--bg-sidebar: #08080a;--bg-header: #0a0a0c;--bg-hover: rgba(255, 255, 255, .03);--bg-active: rgba(255, 255, 255, .05);--bg-selected: rgba(0, 180, 255, .06);--panel-bg: #111114;--panel-border: rgba(255, 255, 255, .08);--text-primary: #d4d4dc;--text-secondary: #78788a;--text-tertiary: #6a6a7a;--text-disabled: #2e2e3a;--text-inverse: #050507;--brand-gold: #d4a020;--brand-gold-dim: rgba(212, 160, 32, .1);--accent: #0090dd;--accent-bright: #00b4ff;--accent-dim: rgba(0, 144, 221, .1);--accent-glow: rgba(0, 180, 255, .06);--color-success: #10b981;--color-success-dim: rgba(16, 185, 129, .1);--color-danger: #ef4444;--color-danger-dim: rgba(239, 68, 68, .1);--color-warning: #f59e0b;--color-warning-dim: rgba(245, 158, 11, .1);--color-info: #0090dd;--color-info-dim: rgba(0, 144, 221, .1);--pnl-profit: #10b981;--pnl-loss: #ef4444;--pnl-flat: #4a4a5a;--side-long: #10b981;--side-short: #ef4444;--status-live: #10b981;--status-idle: #f59e0b;--status-stale: #ef4444;--status-off: #4a4a5a;--vendor-rithmic: #3b82f6;--vendor-dxtrade: #8b5cf6;--vendor-tradovate: #06b6d4;--vendor-ib: #ef4444;--vendor-projectx: #10b981;--vendor-ninjatrader: #f59e0b;--vendor-quantower: #ec4899;--vendor-tradingview: #6366f1;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .14);--border-accent: rgba(0, 144, 221, .25);--border-radius-sm: 2px;--border-radius-md: 3px;--border-radius-lg: 4px;--border-radius-xl: 6px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-base: 12px;--font-size-md: 13px;--font-size-lg: 15px;--font-size-xl: 18px;--font-size-2xl: 22px;--font-size-3xl: 28px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.45;--space-1: 4px;--space-2: 6px;--space-3: 10px;--space-4: 14px;--space-5: 18px;--space-6: 22px;--space-8: 28px;--space-10: 36px;--space-12: 44px;--space-16: 60px;--sidebar-width: 180px;--sidebar-collapsed: 56px;--header-height: 44px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 8px rgba(0, 0, 0, .5);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .6);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .7);--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .1s;--duration-normal: .18s;--duration-slow: .3s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:12px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);background:var(--bg-root);color:var(--text-primary);line-height:var(--line-height-normal);overflow:hidden;height:100vh;width:100vw}#root{height:100vh;width:100vw;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:1px}::-webkit-scrollbar-thumb:hover{background:#ffffff1f}::selection{background:var(--accent-dim);color:var(--accent-bright)}a{color:var(--accent-bright);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:1px solid var(--accent);outline-offset:1px;border-radius:var(--border-radius-sm)}.mono{font-family:var(--font-mono)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-muted{color:var(--text-secondary)}.text-dim{color:var(--text-tertiary)}.text-accent{color:var(--accent-bright)}.text-profit{color:var(--pnl-profit)}.text-loss{color:var(--pnl-loss)}.text-right{text-align:right}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel,.glass-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--border-radius-lg)}.badge{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.04em;line-height:1.4;text-transform:uppercase}.badge-success{background:var(--color-success-dim);color:var(--color-success)}.badge-danger{background:var(--color-danger-dim);color:var(--color-danger)}.badge-warning{background:var(--color-warning-dim);color:var(--color-warning)}.badge-info{background:var(--color-info-dim);color:var(--color-info)}.badge-accent{background:var(--accent-dim);color:var(--accent-bright)}.badge-muted{background:#ffffff0a;color:var(--text-secondary)}.badge-gold{background:var(--accent-dim);color:var(--accent-bright)}.pnl{font-family:var(--font-mono);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums}.pnl-positive{color:var(--pnl-profit)}.pnl-negative{color:var(--pnl-loss)}.pnl-zero{color:var(--pnl-flat)}.vendor-dot{width:7px;height:7px;border-radius:1px;display:inline-block;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--border-default);border-radius:var(--border-radius-sm);background:var(--bg-surface-2);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.04em}.btn:hover{background:var(--bg-surface-3);border-color:var(--border-strong)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-bright);border-color:var(--accent-bright)}.btn-danger{background:var(--color-danger-dim);color:var(--color-danger);border-color:#ef444433}.btn-danger:hover{background:#ef444426}.btn-warning{background:var(--color-warning-dim);color:var(--color-warning);border-color:#f59e0b33}.btn-warning:hover{background:#f59e0b26}.btn-sm{padding:1px var(--space-2);font-size:var(--font-size-xs)}.btn-icon{padding:var(--space-1);border:none;background:transparent}.btn-icon:hover{background:var(--bg-hover)}.tcs-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.tcs-table th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-default);white-space:nowrap}.tcs-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);white-space:nowrap}.tcs-table tr:hover td{background:var(--bg-hover)}.tcs-table td.mono-val{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.indicator{width:6px;height:6px;border-radius:1px;display:inline-block}.indicator-live{background:var(--status-live)}.indicator-idle{background:var(--status-idle)}.indicator-off{background:var(--status-off)}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.15}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){html{font-size:11px}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.kpi-row{flex-wrap:wrap!important;gap:6px!important}.kpi-row>*{flex:1 1 calc(50% - 6px)!important;min-width:120px!important}.tcs-table{font-size:10px}.tcs-table th,.tcs-table td{padding:4px 6px}.btn{padding:4px 8px;font-size:10px}}@media (max-width: 480px){html{font-size:10px}.kpi-row>*{flex:1 1 100%!important}}:root{--color-success-dim: rgba(16, 185, 129, .1);--color-danger-dim: rgba(239, 68, 68, .1);--color-warning-dim: rgba(245, 158, 11, .1);--color-info-dim: rgba(0, 144, 221, .1)}.toggle-switch{position:relative;width:32px;height:18px;border-radius:9px;background:#ffffff14;cursor:pointer;transition:background .15s;flex-shrink:0}.toggle-switch[aria-checked=true]{background:#0090dd33}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--text-tertiary);transition:transform .15s,background .15s}.toggle-switch[aria-checked=true]:after{transform:translate(14px);background:var(--accent-bright)}.toggle-switch:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.toggle-switch.toggle-busy{animation:toggle-pulse 1s ease-in-out infinite}@keyframes toggle-pulse{0%,to{opacity:1}50%{opacity:.4}}