:root{--bg-app:#0c0e12;--bg-surface:#13171f;--bg-surface-elevated:#1a202c;--bg-surface-subtle:#171b24;--border-subtle:#232936;--border-strong:#323b4e;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#484f58;--gain:#2da44e;--gain-subtle:#2da44e26;--loss:#cf222e;--loss-subtle:#cf222e26;--neutral:#8b949e;--accent:#d29922;--accent-subtle:#d2992226;--mode-paper-bg:#1f2a37;--mode-paper-text:#93c5fd;--mode-live-bg:#3f1d24;--mode-live-text:#fca5a5;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", "IBM Plex Mono", SFMono-Regular, Menlo, Monaco, Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--radius-sm:2px;--radius-md:4px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.4}.tnum,code,pre,.num,.price,.pnl,.timestamp,.metric-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums}html,body,#root{width:100%;height:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}table{border-collapse:collapse;width:100%}th,td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--border-subtle)}th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.app-container{flex-direction:column;min-height:100vh;display:flex}.top-header{padding:var(--space-2) var(--space-4);background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.brand-section{align-items:center;gap:var(--space-3);display:flex}.brand-title{letter-spacing:.08em;color:var(--text-primary);text-transform:uppercase;font-size:14px;font-weight:700}.badge-mode{border-radius:var(--radius-sm);background-color:var(--mode-paper-bg);color:var(--mode-paper-text);letter-spacing:.05em;border:1px solid #93c5fd33;padding:2px 6px;font-size:11px;font-weight:600}.header-status-strip{align-items:center;gap:var(--space-4);color:var(--text-secondary);font-size:12px;display:flex}.status-indicator{background-color:var(--gain);width:6px;height:6px;margin-right:var(--space-1);border-radius:50%;display:inline-block}.main-content{padding:var(--space-6) var(--space-4);flex:1;width:100%;max-width:1240px;margin:0 auto}.panel{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:var(--space-4)}.panel-header{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);background-color:var(--bg-surface-subtle);justify-content:space-between;align-items:center;display:flex}.panel-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.panel-body{padding:var(--space-4)}.metrics-grid{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.metric-card{background-color:var(--bg-app);border:1px solid var(--border-subtle);padding:var(--space-3);border-radius:var(--radius-sm)}.metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-1);font-size:11px}.metric-value{color:var(--text-primary);font-size:18px;font-weight:600}.metric-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.gain{color:var(--gain)}.loss{color:var(--loss)}.neutral{color:var(--neutral)}.text-right{text-align:right}.dense-table{border-collapse:collapse;width:100%}.dense-table th,.dense-table td{border-bottom:1px solid var(--border-subtle);padding:8px 12px;font-size:12px}.dense-table th{background-color:var(--bg-surface-subtle);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.dense-table tr:hover td{background-color:var(--bg-surface-elevated)}.badge-side{border-radius:var(--radius-sm);letter-spacing:.05em;padding:1px 5px;font-size:10px;font-weight:700;display:inline-block}.badge-side.buy{background-color:var(--gain-subtle);color:var(--gain);border:1px solid #2da44e4d}.badge-side.sell{background-color:var(--loss-subtle);color:var(--loss);border:1px solid #cf222e4d}.env-config-box{background-color:var(--bg-app);border:1px solid var(--border-subtle);padding:var(--space-3);font-family:var(--font-mono);color:var(--text-secondary);font-size:12px;line-height:1.6}.app-footer{padding:var(--space-2) var(--space-4);background-color:var(--bg-surface);border-top:1px solid var(--border-subtle);color:var(--text-muted);justify-content:space-between;font-size:11px;display:flex}