:root{--bg: #0f1117;--bg-card: #1a1d27;--bg-card-hover: #222636;--border: #2a2e3d;--text: #e1e4ed;--text-dim: #8b90a0;--green: #00c853;--red: #ff1744;--blue: #448aff;--orange: #ff9100;--purple: #b388ff;font-family:SF Mono,Fira Code,JetBrains Mono,monospace;line-height:1.5;color:var(--text);background-color:var(--bg)}*{box-sizing:border-box;margin:0;padding:0}body{height:100vh;overflow:hidden}#root{width:100%;height:100%}.app{display:flex;height:100vh}.main-content{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.sidebar{width:220px;flex-shrink:0;background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto;transition:width .2s}.sidebar.collapsed{width:52px}.sidebar-header{display:flex;align-items:center;gap:.6rem;padding:1rem .75rem .75rem;border-bottom:1px solid var(--border)}.sidebar-toggle{background:none;border:none;color:var(--text-dim);font-size:1.2rem;cursor:pointer;padding:.2rem .3rem;border-radius:4px;flex-shrink:0;line-height:1}.sidebar-toggle:hover{color:var(--text);background:var(--bg-card-hover)}.sidebar-brand{font-size:.85rem;font-weight:700;color:var(--text);letter-spacing:-.01em;white-space:nowrap;overflow:hidden}.sidebar-nav{flex:1;display:flex;flex-direction:column;padding:.75rem 0;gap:0}.sidebar-section{padding:0 0 .75rem}.sidebar-section-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);padding:.35rem .85rem .25rem}.sidebar-section-icon{display:block;text-align:center;padding:.5rem;cursor:default;font-size:1rem}.sidebar-item{display:block;padding:.35rem .85rem .35rem 1.4rem;font-size:.8rem;color:var(--text-dim);text-decoration:none;border-radius:0;transition:background .1s,color .1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:none;border:none;width:100%;text-align:left;cursor:pointer;font-family:inherit}.sidebar-item:hover{background:var(--bg-card-hover);color:var(--text)}.sidebar-item.active{color:var(--blue);background:#448aff14}.sidebar-ghost{color:var(--text-dim);opacity:.4;cursor:default;font-style:italic}.sidebar-ghost:hover{background:none;color:var(--text-dim)}.sidebar-standalone{padding-left:.85rem}.sidebar-logout{color:var(--text-dim)}.sidebar-logout:hover{color:var(--red)}.sidebar-divider{height:1px;background:var(--border);margin:.25rem .75rem .75rem}.sidebar-footer{padding:.75rem;border-top:1px solid var(--border);display:flex;align-items:center;gap:.5rem}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1rem;overflow:hidden}.panel-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:.75rem}.panel.full-width{grid-column:1 / -1}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.stat{display:flex;flex-direction:column;gap:.15rem}.stat-label{font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.1rem;font-weight:600}.stat-value.green{color:var(--green)}.stat-value.red{color:var(--red)}.stat-value.blue{color:var(--blue)}.stat-value.orange{color:var(--orange)}.stat-placeholder{font-size:.75rem;color:var(--text-dim);font-style:italic;font-weight:400}.ws-badge{font-size:.85rem;font-weight:700;flex-shrink:0}.ws-badge.connected{color:var(--green)}.ws-badge.disconnected{color:var(--red)}.paper-badge{display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.04em;padding:.1rem .35rem;border-radius:3px;background:#ffc10726;color:#ffc107}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.8rem}th{text-align:left;font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;padding:.5rem .75rem;border-bottom:1px solid var(--border)}td{padding:.5rem .75rem;border-bottom:1px solid var(--border);white-space:nowrap}tr:last-child td{border-bottom:none}.positive{color:var(--green)}.negative{color:var(--red)}.feed{max-height:340px;overflow-y:auto;font-size:.75rem}.feed-item{padding:.4rem 0;border-bottom:1px solid var(--border);display:flex;gap:.5rem;align-items:baseline}.feed-item:last-child{border-bottom:none}.feed-time{color:var(--text-dim);font-size:.65rem;flex-shrink:0}.feed-type{font-weight:600;font-size:.65rem;padding:.1rem .3rem;border-radius:3px;flex-shrink:0}.feed-msg{color:var(--text-dim);overflow:hidden;text-overflow:ellipsis}.feed-type.tick{background:#448aff26;color:var(--blue)}.feed-type.signal{background:#b388ff26;color:var(--purple)}.feed-type.position_opened{background:#00c85326;color:var(--green)}.feed-type.position_closed{background:#ff910026;color:var(--orange)}.feed-type.error{background:#ff174426;color:var(--red)}.feed-type.bot_paused{background:#ff910026;color:var(--orange)}.feed-type.bot_resumed,.feed-type.profit_tax{background:#00c85326;color:var(--green)}.feed-type.strategy_error{background:#ff174426;color:var(--red)}.empty-state{color:var(--text-dim);font-size:.8rem;text-align:center;padding:2rem 0}.overview-page{display:flex;flex-direction:column;gap:1rem}.strategy-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.strategy-card{display:flex;flex-direction:column;gap:.75rem}.strategy-card-header{display:flex;justify-content:space-between;align-items:flex-start}.strategy-card-name{font-size:1rem;font-weight:700;color:var(--text)}.strategy-card-type{font-size:.7rem;color:var(--text-dim);margin-top:.1rem}.strategy-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.75rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.strategy-card-footer{display:flex;gap:1rem}.card-link{font-size:.8rem;font-weight:600;color:var(--blue);text-decoration:none}.card-link:hover{opacity:.8}.card-link-dim{color:var(--text-dim)}.status-badge{font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.status-badge-green{background:#00c85326;color:var(--green)}.status-badge-red{background:#ff174426;color:var(--red)}.status-badge-dim{background:#8b90a026;color:var(--text-dim)}.strategy-live{display:flex;flex-direction:column;gap:1rem}.live-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.live-strategy-name{font-size:1.1rem;font-weight:700}.live-strategy-sub{font-size:.75rem;color:var(--text-dim);margin-top:.1rem}.live-header-stats{display:flex;gap:1.5rem}.live-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.live-header-right{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.pause-btn{font-size:.8rem;font-weight:600;padding:.45rem 1rem;border-radius:6px;border:none;cursor:pointer;font-family:inherit;white-space:nowrap}.pause-btn-pause{background:#ff910026;color:var(--orange)}.pause-btn-pause:hover{background:#ff910040}.pause-btn-resume{background:#00c85326;color:var(--green)}.pause-btn-resume:hover{background:#00c85340}.pause-btn:disabled{opacity:.4;cursor:default}.close-btn{font-size:.7rem;padding:.2rem .5rem;border:1px solid var(--border);border-radius:4px;background:none;color:var(--red);cursor:pointer;font-family:inherit}.close-btn:hover{background:#ff17441a;border-color:var(--red)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:200}.modal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1.5rem;width:100%;max-width:380px;display:flex;flex-direction:column;gap:.75rem}.modal-title{font-size:1rem;font-weight:700}.modal-sub{font-size:.8rem;color:var(--text-dim)}.modal-tabs{display:flex;gap:.5rem}.modal-tab{flex:1;padding:.4rem;border-radius:6px;border:1px solid var(--border);background:none;color:var(--text-dim);font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer}.modal-tab.active{background:var(--bg-card-hover);color:var(--text);border-color:var(--blue)}.modal-note{font-size:.8rem;color:var(--text-dim);line-height:1.5}.modal-limit{display:flex;flex-direction:column;gap:.4rem}.modal-actions{display:flex;gap:.75rem;margin-top:.25rem}.modal-cancel{flex:1;padding:.55rem;border-radius:6px;border:1px solid var(--border);background:none;color:var(--text-dim);font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.modal-cancel:hover{background:var(--bg-card-hover);color:var(--text)}.modal-confirm{flex:1;padding:.55rem;border-radius:6px;border:none;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;color:#fff}.modal-confirm-red{background:var(--red)}.modal-confirm-red:hover{opacity:.85}.modal-confirm-blue{background:var(--blue)}.modal-confirm-blue:hover{opacity:.85}.modal-confirm:disabled{opacity:.5;cursor:default}.strategy-info{display:flex;flex-direction:column;gap:1rem}.strategy-description{font-size:.85rem;color:var(--text-dim);line-height:1.6}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem}.config-item{display:flex;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid var(--border);font-size:.8rem}.config-item:last-child{border-bottom:none}.config-key{color:var(--text-dim)}.config-value{font-weight:600;color:var(--text)}.settings-page{display:flex;flex-direction:column;gap:1rem}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.5rem}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.85rem}.setting-item:last-child{border-bottom:none}.setting-label{color:var(--text-dim)}.setting-value{font-weight:600}.settings-note{font-size:.8rem;color:var(--text-dim);line-height:1.6}.settings-note code{background:var(--bg);padding:.15rem .4rem;border-radius:3px;font-size:.75rem;color:var(--blue)}.token-btn{padding:.5rem 1rem;background:var(--blue);color:#fff;border:none;border-radius:6px;font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer}.token-btn:hover{opacity:.9}.analytics-page{display:flex;flex-direction:column;gap:1rem}.analytics-toolbar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.analytics-tabs{display:flex;gap:.25rem}.analytics-tab{padding:.3rem .7rem;font-size:.78rem;font-weight:600;border-radius:5px;border:1px solid var(--border);background:none;color:var(--text-dim);cursor:pointer;font-family:inherit}.analytics-tab:hover{background:var(--bg-card-hover);color:var(--text)}.analytics-tab.active{background:var(--bg-card-hover);color:var(--blue);border-color:var(--blue)}.analytics-custom{display:flex;align-items:center;gap:.5rem}.analytics-date-input{padding:.3rem .5rem;font-size:.78rem;background:var(--bg);border:1px solid var(--border);border-radius:5px;color:var(--text);font-family:inherit;outline:none}.analytics-date-input:focus{border-color:var(--blue)}.analytics-date-sep{font-size:.75rem;color:var(--text-dim)}.analytics-apply-btn{padding:.3rem .65rem;font-size:.78rem;font-weight:600;border-radius:5px;border:none;background:var(--blue);color:#fff;cursor:pointer;font-family:inherit}.analytics-apply-btn:hover{opacity:.85}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:1rem}.analytics-panel{display:flex;flex-direction:column;gap:1rem}.analytics-panel-header{display:flex;justify-content:space-between;align-items:flex-start}.analytics-panel-name{font-size:1rem;font-weight:700}.analytics-panel-range{font-size:.7rem;color:var(--text-dim);margin-top:.1rem}.analytics-pnl{font-size:1.1rem;font-weight:700}.analytics-chart{margin:0 -.25rem}.analytics-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem .75rem;padding-top:.5rem;border-top:1px solid var(--border)}.analytics-stat{display:flex;flex-direction:column;gap:.1rem}.withdrawal-status{font-size:.7rem;font-weight:600;padding:.15rem .4rem;border-radius:3px;text-transform:uppercase}.withdrawal-status.completed{background:#00c85326;color:var(--green)}.withdrawal-status.failed{background:#ff174426;color:var(--red)}.withdrawal-status.pending{background:#ff910026;color:var(--orange)}.withdrawal-status.skipped{background:#88888826;color:var(--text-dim)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:2.5rem 2rem;width:100%;max-width:340px;display:flex;flex-direction:column;gap:1.5rem}.login-title{font-size:1.2rem;font-weight:700;color:var(--text);text-align:center;letter-spacing:.04em}.login-form{display:flex;flex-direction:column;gap:.75rem}.login-input{background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:.6rem .75rem;font-size:.95rem;outline:none;width:100%;box-sizing:border-box;font-family:inherit}.login-input:focus{border-color:var(--blue)}.login-btn{background:var(--blue);color:#fff;border:none;border-radius:4px;padding:.6rem;font-size:.9rem;font-weight:600;cursor:pointer;width:100%;font-family:inherit}.login-btn:disabled{opacity:.6;cursor:default}.login-error{color:var(--red);font-size:.85rem;text-align:center}.kill-switch-panel{border:1px solid var(--border);transition:border-color .2s}.kill-switch-panel.ks-active{border-color:#ff174480;background:#ff17440a}.ks-badge{font-size:.78rem;font-weight:700;padding:.2rem .6rem;border-radius:4px;letter-spacing:.06em}.ks-badge.ks-on{background:#ff174426;color:var(--red)}.ks-badge.ks-off{background:#00c8531f;color:var(--green)}.ks-btn{border:none;border-radius:4px;padding:.5rem 1rem;font-size:.88rem;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s}.ks-btn:disabled{opacity:.55;cursor:default}.ks-btn:not(:disabled):hover{opacity:.82}.ks-btn-on{background:var(--red);color:#fff}.ks-btn-off{background:var(--green);color:#fff}.ks-msg{margin-top:.75rem;font-size:.83rem;border-radius:4px;padding:.4rem .6rem}.ks-msg-warn{background:#ff17441a;color:var(--red)}.ks-msg-ok{background:#00c8531a;color:var(--green)}.settings-note{color:var(--text-dim);font-size:.82rem;margin:0}.settings-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.settings-field{display:flex;flex-direction:column;gap:.3rem}.settings-field-label{font-size:.78rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:.4rem}.settings-warn{color:var(--orange);font-size:.72rem;font-weight:700}.settings-field-input{display:flex;align-items:center;gap:.3rem}.settings-input{background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:.45rem .6rem;font-size:.9rem;font-family:inherit;outline:none;width:100%;box-sizing:border-box;min-width:0}.settings-input:focus{border-color:var(--blue)}.settings-unit{color:var(--text-dim);font-size:.85rem;white-space:nowrap;flex-shrink:0}.settings-field-hint{font-size:.74rem;color:var(--text-dim);opacity:.7}.settings-errors{margin-top:.75rem;display:flex;flex-direction:column;gap:.25rem}.settings-error{color:var(--red);font-size:.83rem;background:#ff17441a;border-radius:4px;padding:.4rem .6rem}.settings-toast{margin-top:.75rem;color:var(--green);font-size:.83rem;background:#00c8531a;border-radius:4px;padding:.4rem .6rem}.settings-save-btn{margin-top:1rem;background:var(--blue);color:#fff;border:none;border-radius:4px;padding:.55rem 1.25rem;font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s}.settings-save-btn:disabled{opacity:.55;cursor:default}.settings-save-btn:not(:disabled):hover{opacity:.85}.strategy-description{color:var(--text-dim);font-size:.88rem;line-height:1.55;margin:.5rem 0 0}.symbols-list{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.5rem}.symbol-row{display:flex;align-items:center;gap:.4rem}.symbol-input{flex:1;min-width:0;font-family:Courier New,monospace;letter-spacing:.05em}.symbol-valid-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.symbol-valid-dot.valid{background:var(--green)}.symbol-valid-dot.invalid{background:var(--red)}.symbol-valid-dot.empty{background:var(--border)}.symbol-remove-btn{background:none;border:1px solid var(--border);border-radius:4px;color:var(--text-dim);width:24px;height:24px;cursor:pointer;font-size:1rem;line-height:1;padding:0;flex-shrink:0;transition:color .15s,border-color .15s}.symbol-remove-btn:hover{color:var(--red);border-color:var(--red)}.symbol-add-btn{background:none;border:1px dashed var(--border);border-radius:4px;color:var(--text-dim);padding:.35rem .6rem;font-size:.82rem;cursor:pointer;font-family:inherit;transition:color .15s,border-color .15s;align-self:flex-start}.symbol-add-btn:hover{color:var(--blue);border-color:var(--blue)}.signal-monitor{display:flex;flex-direction:column;gap:.5rem}.signal-row{display:grid;grid-template-columns:90px 100px 90px 90px 55px 1fr;align-items:center;gap:.5rem;padding:.5rem .6rem;background:var(--bg);border-radius:4px;font-size:.82rem}.signal-symbol{font-weight:600;color:var(--text)}.signal-regime{font-size:.72rem;font-weight:700;padding:.15rem .4rem;border-radius:3px;text-align:center}.signal-regime.regime-long{background:#00c85326;color:var(--green)}.signal-regime.regime-short{background:#ff174426;color:var(--red)}.signal-regime.regime-no-trade{background:#8888881a;color:var(--text-dim)}.signal-conf{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-dim)}.conf-bar-wrap{width:40px;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.conf-bar{display:block;height:100%;background:var(--blue);border-radius:2px;max-width:100%}.signal-price{color:var(--text);font-size:.8rem}.signal-zscore{font-size:.78rem}.signal-time{font-size:.75rem}.dim{color:var(--text-dim)}.analytics-inner-tabs{display:flex;gap:.25rem;margin:.75rem 0;border-bottom:1px solid var(--border);padding-bottom:0}.analytics-inner-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-dim);padding:.35rem .75rem;font-size:.82rem;font-weight:500;cursor:pointer;font-family:inherit;transition:color .15s,border-color .15s;margin-bottom:-1px;display:flex;align-items:center;gap:.3rem}.analytics-inner-tab:hover{color:var(--text)}.analytics-inner-tab.active{color:var(--blue);border-bottom-color:var(--blue)}.tab-count{background:var(--border);color:var(--text-dim);font-size:.68rem;padding:0 .3rem;border-radius:8px}.sidebar-settings-link{display:block;text-decoration:none;color:var(--text-dim);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;padding:.5rem .85rem;transition:color .15s}.sidebar-settings-link:hover{color:var(--text)}.sidebar-settings-link.active{color:var(--blue)}.sidebar-settings-link.collapsed{font-size:.9rem;text-align:center;letter-spacing:0;text-transform:none}.sidebar-logout-btn{background:none;border:none;color:var(--text-dim);font-size:.82rem;padding:.4rem .85rem;cursor:pointer;font-family:inherit;text-align:left;width:100%;transition:color .15s}.sidebar-logout-btn:hover{color:var(--red)}.sidebar-logout-btn.collapsed{text-align:center;padding:.4rem}@media (max-width: 900px){.sidebar{width:52px}.sidebar-brand,.sidebar-section-label{display:none}.sidebar-item{padding-left:.85rem;font-size:0}.sidebar-item:before{font-size:.8rem}.live-grid{grid-template-columns:1fr}.live-header{flex-direction:column}.live-header-stats{flex-wrap:wrap;gap:1rem}}@media (max-width: 768px){.grid{grid-template-columns:1fr}.panel.full-width{grid-column:1}.config-grid,.settings-grid,.strategy-cards{grid-template-columns:1fr}.main-content{padding:1rem}}