@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary:#0f1117;--bg-secondary:#131722;--bg-tertiary:#1e222d;--bg-hover:#252a37;--border:#2a2e39;--text-primary:#d1d4dc;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent:#2962ff;--accent-hover:#1e53e4;--green:#22c55e;--green-dim:#22c55e26;--red:#ef4444;--red-dim:#ef444426;--yellow:#f59e0b;--purple:#8b5cf6;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--radius:6px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);font-size:13px;overflow:hidden}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-footer{color:var(--text-muted);background:var(--bg-secondary);border-top:1px solid var(--border);flex:0 0 18px;justify-content:center;align-items:center;font-size:10px;display:flex}.acct-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex:0 0 60px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:0 16px;display:flex}.acct-header-left{flex-shrink:0;align-items:center;gap:12px;display:flex}.acct-header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.acct-run-info{color:var(--text-secondary);font-size:12px;font-family:var(--font-mono)}.acct-metrics{flex:1;justify-content:center;align-items:center;gap:20px;min-width:0;display:flex}.acct-name{color:var(--text-secondary);white-space:nowrap;margin-right:4px;font-size:12px;font-weight:600}.acct-metric{white-space:nowrap;align-items:center;gap:5px;display:flex}.acct-metric-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);font-size:10px;font-weight:600}.acct-metric-value{font-size:13px;font-weight:600;font-family:var(--font-mono)}.acct-metric-value.neutral{color:var(--text-primary)}.acct-metric-value.mll-normal{color:var(--red)}.acct-metric-value.mll-warning{color:var(--red);background:var(--red-dim);border-radius:3px;padding:1px 4px}.acct-metric-value.pnl-positive{color:var(--green)}.acct-metric-value.pnl-negative{color:var(--red)}.acct-conn-label{font-size:11px}.acct-conn-ok{color:var(--text-muted)}.acct-conn-err{color:var(--red)}.acct-conn-sep{background:var(--border);width:1px;height:12px;margin:0 2px}.acct-metric.stale .acct-metric-value{opacity:.45}.acct-metric-stale-icon{color:var(--yellow)}.acct-switcher{position:relative}.acct-switcher-btn{background:var(--bg-tertiary);border:1px solid var(--border);cursor:pointer;color:var(--text-primary);border-radius:6px;align-items:center;gap:8px;padding:5px 10px;transition:border-color .15s;display:flex}.acct-switcher-btn:hover,.acct-switcher-btn.open{border-color:var(--accent)}.acct-switcher-badge{flex-direction:column;align-items:flex-start;gap:1px;display:flex}.acct-switcher-type{color:var(--accent);letter-spacing:.2px;white-space:nowrap;font-size:11px;font-weight:700}.acct-switcher-mode{color:var(--text-muted);white-space:nowrap;font-size:10px;font-family:var(--font-mono)}.acct-switcher-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .15s}.acct-switcher-chevron.rotated{transform:rotate(180deg)}.acct-switcher-menu{background:var(--bg-secondary);border:1px solid var(--border);z-index:200;border-radius:8px;min-width:280px;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 8px 24px #0006}.acct-switcher-item{border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;background:0 0;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 14px;transition:background .1s;display:flex}.acct-switcher-item:last-child{border-bottom:none}.acct-switcher-item:hover{background:var(--bg-tertiary)}.acct-switcher-item.active{background:#3b82f61a}.acct-item-type{color:var(--accent);font-size:11px;font-weight:700}.acct-item-name{color:var(--text-muted);font-size:11px;font-family:var(--font-mono)}.main-row{flex:1 1 0;min-height:0;display:flex;overflow:hidden}.logo{color:var(--text-primary);letter-spacing:-.3px;font-size:15px;font-weight:700}.logo span{color:var(--accent)}.chart-area{flex:1 1 0;min-width:0;position:relative;overflow:hidden}.chart-controls{z-index:10;gap:2px;display:flex;position:absolute;top:6px;left:8px}.chart-tf-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 7px;font-family:inherit;font-size:11px;line-height:1.6;transition:color .1s,background .1s}.chart-tf-btn:hover{color:var(--text-primary);background:var(--bg-hover,#ffffff0f)}.chart-tf-btn.active{color:var(--text-primary);font-weight:600}.sidebar{background:var(--bg-secondary);border-left:1px solid var(--border);flex-direction:column;flex:0 0 300px;display:flex;overflow-y:auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.bottom-panel-real{background:var(--bg-secondary);border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;min-height:150px;max-height:450px;display:flex;overflow:hidden}.bp-drag-handle{cursor:row-resize;border-bottom:1px solid var(--border);background:0 0;flex:0 0 4px;transition:background .15s}.bp-drag-handle:hover{background:var(--accent)}.bp-tab-bar{background:var(--bg-primary);border-bottom:1px solid var(--border);flex:0 0 32px;align-items:stretch;gap:2px;padding:0 8px;display:flex}.bp-tab{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:5px;padding:0 12px;font-size:11px;font-weight:600;transition:color .15s,border-color .15s;display:flex}.bp-tab:hover{color:var(--text-primary)}.bp-tab-active{color:var(--text-primary);border-bottom-color:var(--accent)}.bp-tab-badge{background:var(--bg-tertiary);min-width:16px;height:14px;color:var(--text-secondary);border-radius:7px;justify-content:center;align-items:center;padding:0 4px;font-size:9px;font-weight:700;display:inline-flex}.bp-content{flex-direction:column;flex:1 1 0;display:flex;overflow:hidden}.bp-empty{color:var(--text-muted);flex:1;justify-content:center;align-items:center;font-size:12px;font-style:italic;display:flex}.bp-amber{color:var(--yellow)}.bp-acct-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-content:start;gap:0;padding:8px 12px;display:grid;overflow-y:auto}.bp-acct-row{border-radius:var(--radius);justify-content:space-between;align-items:center;padding:4px 8px;font-size:12px;display:flex}.bp-acct-row:hover{background:var(--bg-hover)}.bp-acct-label{color:var(--text-muted)}.bp-acct-value{font-family:var(--font-mono);font-weight:500}.bp-table-wrap{flex:1 1 0;overflow:auto}.bp-table-wrap::-webkit-scrollbar{width:4px;height:4px}.bp-table-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.bp-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:11px}.bp-table th{background:var(--bg-primary);color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;text-align:left;border-bottom:1px solid var(--border);z-index:1;padding:4px 8px;font-size:10px;font-weight:600;position:sticky;top:0}.bp-table td{color:var(--text-primary);border-bottom:1px solid #2a2e3980;padding:3px 8px}.bp-table tr:hover td{background:var(--bg-hover)}.bp-table td.mono{font-family:var(--font-mono)}.bp-table td.bp-na{color:var(--text-muted)}.bp-table td.pnl-positive{color:var(--green)}.bp-table td.pnl-negative{color:var(--red)}.bp-trades-wrap{flex-direction:column;flex:1 1 0;display:flex;overflow:hidden}.bp-trades-toolbar{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;padding:4px 12px;display:flex}.bp-trades-count{color:var(--text-muted);font-size:11px}.bp-stale-notice{color:var(--yellow);margin-left:8px;font-size:11px}.bp-export-btn{padding:3px 10px;font-size:11px}.bp-pagination{border-top:1px solid var(--border);flex:none;justify-content:center;align-items:center;gap:12px;padding:4px 12px;display:flex}.bp-page-info{color:var(--text-muted);font-size:11px}.bp-signals-wrap{flex-direction:column;flex:1 1 0;display:flex;overflow-y:auto}.bp-signals-wrap::-webkit-scrollbar{width:4px}.bp-signals-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.status-badge.stopped{background:var(--bg-tertiary);color:var(--text-muted)}.status-badge.paper{color:var(--purple);background:#8b5cf626}.status-badge.live{background:var(--green-dim);color:var(--green)}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.status-badge.live .status-dot{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.btn:hover{background:var(--bg-hover)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-hover)}.btn-danger{background:var(--red-dim);border-color:var(--red);color:var(--red)}.btn-danger:hover{background:#ef444440}.btn-live{border-color:var(--yellow);color:var(--yellow);background:#f59e0b26}.btn-live:hover{background:#f59e0b47}.live-account-select{border-color:var(--yellow)!important}.live-mode-warning{color:var(--yellow);letter-spacing:.3px;text-align:center;margin-top:4px;font-size:10px;font-weight:600}.select{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-tertiary);color:var(--text-primary);font-size:12px;font-family:var(--font-sans);cursor:pointer;padding:5px 8px}.select:focus{outline:1px solid var(--accent)}.panel{border-bottom:1px solid var(--border);padding:12px}.panel-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:600}.position-flat{color:var(--text-muted);font-size:12px;font-style:italic}.position-card{border-radius:var(--radius);padding:8px 10px;font-size:12px}.position-card.long{background:var(--green-dim);border-left:3px solid var(--green)}.position-card.short{background:var(--red-dim);border-left:3px solid var(--red)}.position-row{justify-content:space-between;margin-bottom:2px;display:flex}.position-label{color:var(--text-secondary)}.position-value{font-family:var(--font-mono);font-weight:500}.pnl-positive{color:var(--green)}.pnl-negative{color:var(--red)}.metrics-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.metric-box{background:var(--bg-tertiary);border-radius:var(--radius);padding:6px 8px}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:10px}.metric-value{font-size:14px;font-weight:600;font-family:var(--font-mono);margin-top:2px}.signal-log{flex:1;padding:0 12px 12px;overflow-y:auto}.signal-log::-webkit-scrollbar{width:4px}.signal-log::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.signal-item{border-radius:var(--radius);font-size:11px;font-family:var(--font-mono);background:var(--bg-tertiary);border-left:3px solid var(--border);margin-bottom:4px;padding:6px 8px}.signal-item.buy{border-left-color:var(--green)}.signal-item.sell{border-left-color:var(--red)}.signal-item.close{border-left-color:var(--yellow)}.signal-item.warmup{opacity:.5}.signal-time{color:var(--text-muted);font-size:10px}.signal-action{font-weight:600}.collapsible-panel{padding:0}.collapsible-header{cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;color:var(--text-muted);background:0 0;border:none;align-items:center;gap:6px;padding:10px 12px;display:flex}.collapsible-header:hover{background:var(--bg-hover)}.collapsible-header .panel-title{text-align:left;flex:1}.collapsible-header-right{margin-left:auto}.collapsible-body{padding:0 12px 10px}.ctrl-locked-field{justify-content:space-between;align-items:center;gap:10px;padding:4px 0;display:flex}.ctrl-locked-label{color:var(--text-muted);white-space:nowrap;font-size:11px}.ctrl-locked-value{font-size:11px;font-family:var(--font-mono);color:var(--text-primary);text-align:right}.params-list{padding:2px 0}.param-group{border-bottom:1px solid var(--border)}.param-group:last-child{border-bottom:none}.param-group-header{background:var(--bg-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;color:var(--text-muted);border:none;align-items:center;gap:6px;padding:6px 12px;display:flex}.param-group-header:hover{background:var(--bg-hover)}.param-group-title{letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:700}.param-row{justify-content:space-between;align-items:center;gap:10px;min-height:26px;padding:3px 12px 3px 16px;display:flex}.param-row:hover{background:var(--bg-hover)}.param-label-wrap{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.param-label{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.param-tooltip{color:var(--text-muted);cursor:help;opacity:.5;display:inline-flex}.param-row:hover .param-tooltip{opacity:1}.param-input-wrap{flex-shrink:0}.param-number,.param-text{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius);font-size:11px;font-family:var(--font-mono);text-align:right;outline:none;width:80px;padding:3px 6px}.param-number:focus,.param-text:focus{border-color:var(--accent)}.param-number:disabled,.param-text:disabled{opacity:.5;cursor:not-allowed}.param-select{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius);cursor:pointer;outline:none;padding:3px 6px;font-size:11px}.param-select:focus{border-color:var(--accent)}.param-select:disabled{opacity:.5;cursor:not-allowed}.param-checkbox{cursor:pointer;align-items:center;display:inline-flex;position:relative}.param-checkbox input{opacity:0;width:0;height:0;position:absolute}.checkbox-mark{border:1.5px solid var(--text-muted);background:0 0;border-radius:3px;width:14px;height:14px;transition:background .15s,border-color .15s;display:inline-block;position:relative}.checkbox-mark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:8px;display:none;position:absolute;top:.5px;left:3.5px;transform:rotate(45deg)}.param-checkbox input:checked+.checkbox-mark{background:var(--accent);border-color:var(--accent)}.param-checkbox input:checked+.checkbox-mark:after{display:block}.param-checkbox input:disabled+.checkbox-mark{opacity:.5;cursor:not-allowed}.param-value-static{font-size:11px;font-family:var(--font-mono);color:var(--text-primary)}.bp-fills-wrap{flex-direction:column;flex:1 1 0;display:flex;overflow:hidden}.bp-table tr.bp-fill-flagged td{background:#f59e0b14}.bp-table tr.bp-fill-flagged:hover td{background:#f59e0b24}.bp-table td.bp-fill-slip-flagged{color:#f59e0b;font-weight:600}.bp-fill-flag-label{color:#f59e0b;letter-spacing:.04em;font-size:10px;font-weight:700}.bp-fill-ok-label{color:var(--pnl-pos);font-size:10px}.bp-fill-flag-badge{color:#f59e0b;font-weight:600}.bp-fill-threshold{color:var(--text-muted);font-size:10px;font-family:var(--font-mono)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}.modal-overlay{z-index:300;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;flex-direction:column;min-width:320px;max-width:480px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 8px 24px #0006}.modal-header{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:10px 12px;display:flex}.modal-header-right{gap:4px;margin-left:auto;display:flex}.modal-close{margin-left:4px}.modal-body{padding:12px;overflow-y:auto}