@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--bg-base: #06070a;--bg-surface: #0c0e13;--bg-raised: #12141a;--bg-hover: #181b22;--bg-input: #0f1116;--border: rgba(255, 255, 255, .05);--border-bright: rgba(255, 255, 255, .09);--text: #b8bcc4;--text-dim: #5c6370;--text-faint: #353a44;--text-bright: #e2e6ee;--green: #10b981;--green-dim: rgba(16, 185, 129, .1);--red: #ef4444;--red-dim: rgba(239, 68, 68, .1);--amber: #f59e0b;--amber-dim: rgba(245, 158, 11, .1);--blue: #3b82f6;--blue-dim: rgba(59, 130, 246, .1);--cyan: #06b6d4;--cyan-dim: rgba(6, 182, 212, .08);--purple: #a78bfa;--purple-dim: rgba(167, 139, 250, .1);--gold: #e2a445;--gold-bright: #f0c27f;--gold-dim: rgba(226, 164, 69, .1);--gold-border: rgba(226, 164, 69, .2);--font: "IBM Plex Sans", -apple-system, sans-serif;--mono: "IBM Plex Mono", "SF Mono", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:12.5px;-webkit-font-smoothing:antialiased}body{font-family:var(--font);background:var(--bg-base);color:var(--text);min-height:100vh}#root{min-height:100vh}.app{overflow-x:hidden}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}.mono{font-family:var(--mono)}.dim{color:var(--text-dim)!important}.pos{color:var(--green)!important}.neg{color:var(--red)!important}.right{text-align:right;justify-content:flex-end}.center{text-align:center;justify-content:center}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:38px;border-bottom:1px solid var(--gold-border);background:linear-gradient(180deg,var(--bg-raised) 0%,var(--bg-surface) 100%);position:sticky;top:0;z-index:100}.topbar-left{display:flex;align-items:center;gap:12px}.logo-icon{width:24px;height:24px;border-radius:5px}.brand{font-family:var(--mono);font-weight:700;font-size:.88rem;color:var(--text-bright);letter-spacing:-.3px}.brand-accent{color:var(--gold);font-weight:600;font-size:.78rem;letter-spacing:.5px}.conn-badge{display:flex;align-items:center;gap:5px;font-family:var(--mono);font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:3px;letter-spacing:.3px}.conn-badge.on{color:var(--green);background:var(--green-dim)}.conn-badge.off{color:var(--red);background:var(--red-dim);animation:pulse 1.5s ease infinite}.conn-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.conn-badge.on .conn-dot{box-shadow:0 0 6px currentColor}@keyframes pulse{50%{opacity:.5}}.topbar-meta{font-family:var(--mono);font-size:.7rem;color:var(--text-faint)}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-btn{font-family:var(--mono);font-size:.7rem;font-weight:500;padding:3px 8px;border-radius:3px;border:1px solid var(--border);background:transparent;color:var(--text-dim);cursor:pointer;transition:all .1s}.topbar-btn:hover{color:var(--text);border-color:var(--border-bright);background:var(--bg-hover)}.topbar-btn.filter-active{color:var(--cyan);border-color:#06b6d44d;background:var(--cyan-dim)}.topbar-user{font-family:var(--mono);font-size:.7rem;color:var(--text-faint)}.alert-bar{display:flex;align-items:center;gap:10px;padding:6px 16px;font-family:var(--mono);font-size:.72rem;font-weight:600;border-bottom:1px solid var(--border)}.alert-bar.danger{background:var(--red-dim);color:var(--red)}.alert-bar.warn{background:var(--amber-dim);color:var(--amber)}.alert-bar button{margin-left:auto;font-family:var(--mono);font-size:.68rem;padding:2px 8px;border-radius:2px;border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer;opacity:.7}.alert-bar button:hover{opacity:1}.stats-strip{display:flex;align-items:center;padding:8px 16px;gap:16px;border-bottom:1px solid var(--border);background:var(--bg-surface);overflow-x:auto}.stat{display:flex;align-items:center;gap:6px;white-space:nowrap}.stat-label{font-family:var(--mono);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text-faint)}.stat-val{font-family:var(--mono);font-size:.9rem;font-weight:700;color:var(--text-bright)}.stat-val.pos{color:var(--green)}.stat-val.neg{color:var(--red)}.stat-sub{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.68rem;color:var(--text-dim);margin-left:4px}.stat-divider{width:1px;height:20px;background:var(--border);flex-shrink:0}.phase-dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:2px}.phase-dot.live{background:var(--green)}.phase-dot.shadow{background:var(--amber)}.phase-dot.paper{background:var(--blue)}.top-section{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:0;border-bottom:1px solid var(--border)}.card{border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.card:last-child{border-right:none}.card-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0}.card-title{font-family:var(--mono);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim)}.card-meta{font-family:var(--mono);font-size:.65rem;color:var(--text-faint)}.chart-wrap{padding:8px 4px 4px;flex:1;min-height:160px}.empty-chart{display:flex;align-items:center;justify-content:center;height:100%;font-family:var(--mono);font-size:.75rem;color:var(--text-faint)}.scanner-body{flex:1;overflow-y:auto;max-height:220px}.scanner-hdr{display:grid;grid-template-columns:1.3fr 1fr .9fr .7fr .7fr .9fr .7fr;padding:5px 12px;border-bottom:1px solid var(--border);background:var(--bg-surface);font-family:var(--mono);font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint)}.scanner-row{display:grid;grid-template-columns:1.3fr 1fr .9fr .7fr .7fr .9fr .7fr;padding:4px 12px;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:.78rem;align-items:center;cursor:pointer;transition:background .08s}.scanner-row:hover{background:var(--bg-hover)}.scanner-row.selected{background:var(--cyan-dim)}.scanner-row.active .scanner-pair{color:var(--text-bright)}.scanner-pair{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--text)}.rank-badge{font-size:.6rem;font-weight:700;padding:0 3px;border-radius:2px;color:var(--text-dim);background:#ffffff0a}.rank-badge.rank-1{color:var(--amber);background:var(--amber-dim)}.rank-badge.rank-2{color:var(--text);background:#ffffff0f}.rank-badge.rank-3{color:var(--text-dim);background:#ffffff0a}.score-bar{position:absolute;left:0;top:0;bottom:0;background:var(--cyan);opacity:.12;border-radius:2px}.scanner-row span:nth-child(6){position:relative}.score-val{position:relative;z-index:1;font-size:.72rem;font-weight:600;color:var(--cyan)}.long-count{color:var(--green);font-weight:600}.short-count{color:var(--red);font-weight:600}.ls-sep{color:var(--text-faint);margin:0 2px}.bottom-section{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:auto 1fr;min-height:calc(100vh - 322px)}.strat-card,.positions-card,.trades-card{min-height:0}.positions-card{grid-column:1;grid-row:1}.trades-card{grid-column:1;grid-row:2}.strat-card{grid-column:2;grid-row:1 / 3}.top-strat-card{display:none}.top-strat-body{overflow-y:auto}.top-strat-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border)}.top-strat-row:last-child{border-bottom:none}.top-strat-rank{font-family:var(--mono);font-size:.7rem;font-weight:700;color:var(--gold);min-width:22px}.top-strat-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.top-strat-name{font-family:var(--mono);font-weight:600;font-size:.82rem;color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-strat-meta{font-family:var(--mono);font-size:.68rem;color:var(--text-dim)}.top-strat-pnl{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-family:var(--mono);font-size:.88rem;font-weight:700;white-space:nowrap}.phase-tabs{display:flex;gap:0;padding:0 12px;border-bottom:1px solid var(--border);background:var(--bg-surface)}.phase-tab{display:flex;align-items:center;gap:4px;font-family:var(--mono);font-size:.68rem;font-weight:500;padding:6px 10px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--text-faint);cursor:pointer;transition:all .1s}.phase-tab:hover{color:var(--text-dim)}.phase-tab.active{color:var(--text-bright);border-bottom-color:var(--gold)}.tab-count{font-size:.6rem;color:var(--text-faint);background:#ffffff0a;padding:0 4px;border-radius:2px}.phase-tab.active .tab-count{color:var(--gold);background:var(--gold-dim)}.strat-hdr{display:flex;padding:0 12px;border-bottom:1px solid var(--border);background:var(--bg-surface)}.th{flex:.6;font-family:var(--mono);font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);padding:6px 4px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:2px;white-space:nowrap}.th:hover{color:var(--text-dim)}.th.active{color:var(--text)}.th.right{justify-content:flex-end}.strat-body{flex:1;overflow-y:auto}.strat-row{display:flex;padding:0 12px;border-bottom:1px solid var(--border);transition:background .06s;cursor:default;align-items:center}.strat-row:hover{background:var(--bg-hover)}.td{flex:.6;font-family:var(--mono);font-size:.78rem;padding:5px 4px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.td.right{justify-content:flex-end}.td.dim{color:var(--text-dim)}.strat-name{font-weight:600;color:var(--text-bright);font-size:.75rem}.strat-pair{font-size:.72rem;color:var(--text-dim)}.phase-badge{display:inline-block;font-family:var(--mono);font-size:.58rem;font-weight:700;letter-spacing:.4px;padding:1px 4px;border-radius:2px;text-transform:uppercase}.phase-badge.paper{color:var(--blue);background:var(--blue-dim)}.phase-badge.shadow{color:var(--amber);background:var(--amber-dim)}.phase-badge.live{color:var(--green);background:var(--green-dim)}.phase-badge.demoted{color:var(--text-faint);background:#ffffff08}.mkt-tag{display:inline-block;font-family:var(--mono);font-size:.58rem;font-weight:600;letter-spacing:.3px;padding:1px 4px;border-radius:2px}.mkt-tag.spot{color:var(--text-dim);background:#ffffff0a}.mkt-tag.margin{color:var(--purple);background:var(--purple-dim)}.mkt-tag.futures{color:var(--amber);background:var(--amber-dim)}.pnl-cell{position:relative}.pnl-bar{position:absolute;bottom:2px;left:0;height:2px;border-radius:1px;opacity:.35;transition:width .3s}.act-btn{font-family:var(--mono);font-size:.62rem;font-weight:700;padding:2px 6px;border-radius:2px;border:1px solid var(--border);background:transparent;cursor:pointer;transition:all .1s}.act-btn.promote{color:var(--green);border-color:#10b98133}.act-btn.promote:hover{background:var(--green-dim)}.act-btn.demote{color:var(--red);border-color:#ef444433}.act-btn.demote:hover{background:var(--red-dim)}.positions-hdr{display:grid;grid-template-columns:.6fr 1.4fr .8fr .5fr .6fr .8fr .8fr .9fr 1fr;padding:5px 12px;border-bottom:1px solid var(--border);background:var(--bg-surface);font-family:var(--mono);font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint)}.positions-body{flex:1;overflow-y:auto;max-height:200px}.position-row{display:grid;grid-template-columns:.6fr 1.4fr .8fr .5fr .6fr .8fr .8fr .9fr 1fr;padding:4px 12px;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:.76rem;align-items:center;transition:background .06s}.position-row:hover{background:var(--bg-hover)}.position-row.pos-bg{border-left:2px solid var(--green)}.position-row.neg-bg{border-left:2px solid var(--red)}.trail-badge{display:inline-block;font-family:var(--mono);font-size:.55rem;font-weight:700;color:var(--amber);background:var(--amber-dim);padding:0 3px;border-radius:2px;margin-left:4px;vertical-align:middle}.trades-hdr{display:grid;grid-template-columns:.8fr 1.6fr .7fr .5fr .6fr .9fr .9fr .7fr .7fr;padding:5px 12px;border-bottom:1px solid var(--border);background:var(--bg-surface);font-family:var(--mono);font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint)}.trades-body{flex:1;overflow-y:auto}.trade-row{display:grid;grid-template-columns:.8fr 1.6fr .7fr .5fr .6fr .9fr .9fr .7fr .7fr;padding:4px 12px;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:.76rem;align-items:center;transition:background .06s}.trade-row:hover{background:var(--bg-hover)}.trade-strat{font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-tag{font-family:var(--mono);font-size:.6rem;font-weight:700;letter-spacing:.2px;padding:1px 4px;border-radius:2px}.side-tag.buy{color:var(--green);background:var(--green-dim)}.side-tag.sell{color:var(--red);background:var(--red-dim)}.empty-state{display:flex;align-items:center;justify-content:center;padding:32px 16px;font-family:var(--mono);font-size:.76rem;color:var(--text-faint);text-align:center;line-height:1.5}.mobile-only{display:none}@media(max-width:1200px){.top-section{grid-template-columns:1fr 1fr}.scanner-card{grid-column:1 / -1}.bottom-section{grid-template-columns:1fr;grid-template-rows:auto}.positions-card{grid-column:1;grid-row:auto}.trades-card,.strat-card{grid-column:1;grid-row:auto;border-top:1px solid var(--border)}}@media(max-width:768px){html{font-size:13px}.hide-mobile{display:none!important}.mobile-only{display:flex!important}.topbar{height:44px;padding:0 12px;gap:8px}.topbar-left{gap:8px}.topbar-right{gap:6px}.brand{font-size:.8rem}.topbar-meta,.topbar-user{display:none}.topbar-btn{padding:4px 8px;font-size:.72rem}.stats-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;padding:0}.stat{flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;border-bottom:1px solid var(--border);border-right:1px solid var(--border)}.stat:nth-child(3n){border-right:none}.stat-divider{display:none}.stat-val{font-size:1rem}.stat-sub{margin-left:0}.top-section{grid-template-columns:1fr;border-bottom:none}.card{border-right:none;border-bottom:1px solid var(--border)}.chart-wrap{min-height:140px}.scanner-hdr,.scanner-row{grid-template-columns:1.4fr 1fr .8fr .8fr .7fr}.scanner-hdr>:nth-child(3),.scanner-row>:nth-child(3),.scanner-hdr>:nth-child(7),.scanner-row>:nth-child(7){display:none}.scanner-body{max-height:200px}.scanner-row{padding:6px 12px}.bottom-section{grid-template-columns:1fr;min-height:auto}.positions-card{grid-row:1}.trades-card{grid-row:2;border-top:1px solid var(--border)}.top-strat-card{grid-row:3;border-top:1px solid var(--border)}.strat-card{grid-row:4}.top-strat-card.mobile-only{display:flex!important}.positions-body{max-height:none}.trades-body{max-height:50vh}.phase-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 8px}.phase-tab{padding:8px 10px;font-size:.72rem;flex-shrink:0}.strat-hdr{display:none}.strat-row{flex-wrap:wrap;padding:10px 12px;gap:4px 8px;position:relative}.strat-row .td{padding:2px 0;font-size:.82rem}.strat-row .td:nth-child(1){flex:1 1 auto;min-width:0;order:1}.strat-row .td:nth-child(2){flex:0 0 auto;order:2}.strat-row .td:nth-child(3){flex:0 0 auto;order:3;display:none}.strat-row .td:nth-child(4){flex:0 0 auto;order:4}.strat-row .td:nth-child(5){flex:0 0 auto;order:5}.strat-row .td:nth-child(6){flex:0 0 auto;order:6}.strat-row .td:nth-child(7){flex:0 0 auto;order:7}.strat-row .td:nth-child(8){flex:0 0 auto;order:8}.strat-row .td:nth-child(9){display:none;order:9}.strat-row .td:nth-child(10){display:none;order:10}.strat-row .td:nth-child(11){flex:0 0 auto;order:11}.positions-hdr,.position-row{grid-template-columns:.6fr 1.2fr .7fr .5fr .8fr .8fr}.positions-hdr>:nth-child(5),.position-row>:nth-child(5),.positions-hdr>:nth-child(6),.position-row>:nth-child(6),.positions-hdr>:nth-child(9),.position-row>:nth-child(9){display:none}.positions-body{max-height:160px}.position-row{padding:6px 12px}.trades-hdr,.trade-row{grid-template-columns:.7fr 1.2fr .6fr .5fr .8fr .7fr}.trades-hdr>:nth-child(5),.trade-row>:nth-child(5),.trades-hdr>:nth-child(6),.trade-row>:nth-child(6),.trades-hdr>:nth-child(7),.trade-row>:nth-child(7){display:none}.trade-row{padding:6px 12px;font-size:.78rem}.act-btn{padding:4px 10px;font-size:.68rem;min-height:28px}.alert-bar{flex-wrap:wrap;padding:8px 12px;font-size:.7rem}.alert-bar button{margin-left:0;margin-top:4px}.empty-state{padding:24px 12px;font-size:.8rem}}@media(max-width:400px){html{font-size:12px}.topbar{padding:0 8px}.logo-icon{width:20px;height:20px}.brand{display:none}.stats-strip{grid-template-columns:1fr 1fr}.stat:nth-child(3n){border-right:1px solid var(--border)}.stat:nth-child(2n){border-right:none}.scanner-hdr,.scanner-row{grid-template-columns:1.2fr 1fr .8fr .8fr}.scanner-hdr>:nth-child(6),.scanner-row>:nth-child(6){display:none}.strat-row .td:nth-child(8){display:none}.trades-hdr,.trade-row{grid-template-columns:.7fr 1fr .5fr .7fr .7fr}.trades-hdr>:nth-child(3),.trade-row>:nth-child(3){display:none}}@media(hover:none)and (pointer:coarse){.scanner-row{padding:8px 12px}.strat-row{padding:10px 12px}.position-row,.trade-row{padding:8px 12px}.phase-tab{padding:10px 12px}.topbar-btn{min-height:32px;padding:6px 10px}.act-btn{min-height:32px;padding:6px 12px}.scanner-row:hover,.strat-row:hover,.position-row:hover,.trade-row:hover{background:transparent}.scanner-row:active,.strat-row:active,.position-row:active,.trade-row:active{background:var(--bg-hover)}}@supports (padding: env(safe-area-inset-top)){.topbar{padding-top:env(safe-area-inset-top);padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));height:calc(38px + env(safe-area-inset-top))}.app{padding-bottom:env(safe-area-inset-bottom)}}