:root{color-scheme:dark;--bg-base: #080807;--bg-panel: #0f0f0d;--bg-raised: #161614;--bg-hover: #1c1c19;--border: #2a2926;--border-strong: #3d3b36;--text: #eceae4;--text-secondary: #9b9890;--text-dim: #5e5c56;--accent: #c6a052;--accent-dim: rgba(198, 160, 82, .12);--positive: #4caf82;--positive-dim: rgba(76, 175, 130, .1);--negative: #d06060;--negative-dim: rgba(208, 96, 96, .1);--warn: #c9933a;--warn-dim: rgba(201, 147, 58, .12);--idle: #6b6963;--font-sans: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "Consolas", monospace;--sidebar-w: 220px;--header-h: 52px;--radius: 3px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:13px;line-height:1.5;background:var(--bg-base);color:var(--text);-webkit-font-smoothing:antialiased}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{padding:1.25rem 1.125rem 1rem;border-bottom:1px solid var(--border)}.brand-mark{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 2px}.brand-sub{font-size:11px;color:var(--text-dim);margin:0;letter-spacing:.02em}.sidebar-nav{flex:1;padding:.75rem 0;overflow-y:auto}.nav-section{padding:.625rem 1.125rem .375rem;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.nav-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5rem 1.125rem;background:none;border:none;border-left:2px solid transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:13px;font-weight:400;text-align:left;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item.active{background:var(--accent-dim);border-left-color:var(--accent);color:var(--text);font-weight:500}.nav-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--idle)}.nav-dot.running{background:var(--positive);box-shadow:0 0 6px var(--positive)}.nav-dot.error,.nav-dot.killed{background:var(--negative)}.nav-dot.stopped{background:var(--warn)}.sidebar-footer{padding:.875rem 1.125rem;border-top:1px solid var(--border);font-size:11px;color:var(--text-dim)}.conn-ok{display:flex;align-items:center;gap:.375rem}.conn-ok:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--positive);animation:pulse 2.5s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-panel);gap:1rem}.topbar-title{font-size:14px;font-weight:600;margin:0;letter-spacing:-.01em}.topbar-kpis{display:flex;align-items:center;gap:1.75rem}.kpi{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.kpi-label{font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.kpi-value{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--text)}.kpi-value.positive{color:var(--positive)}.kpi-value.negative{color:var(--negative)}.mode-badge{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.1em;padding:3px 8px;border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-secondary)}.mode-badge.live{border-color:var(--positive);color:var(--positive);background:var(--positive-dim)}.mode-badge.paper{border-color:var(--warn);color:var(--warn);background:var(--warn-dim)}.content{padding:1.25rem 1.5rem 2rem;flex:1}.panel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:1px}.panel-grid.cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1100px){.panel-grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.panel-grid,.panel-grid.cols-4{grid-template-columns:1fr}}.panel{background:var(--bg-panel);padding:1rem 1.125rem}.panel-label{font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim);margin:0 0 .5rem}.panel-value{font-family:var(--font-mono);font-size:20px;font-weight:500;margin:0;letter-spacing:-.02em}.panel-value.sm{font-size:15px}.bot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:1.25rem}@media(max-width:900px){.bot-grid{grid-template-columns:1fr}}.bot-card{background:var(--bg-panel);padding:1.125rem 1.25rem;cursor:pointer;transition:background .12s;border:none;text-align:left;color:inherit;font:inherit;width:100%}.bot-card:hover{background:var(--bg-raised)}.bot-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.875rem}.bot-card-name{font-size:13px;font-weight:600;margin:0}.bot-card-id{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);margin:2px 0 0}.status-tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:var(--radius);border:1px solid var(--border-strong);color:var(--text-secondary)}.status-tag.running{border-color:var(--positive);color:var(--positive);background:var(--positive-dim)}.status-tag.error,.status-tag.killed{border-color:var(--negative);color:var(--negative);background:var(--negative-dim)}.status-tag.stopped{border-color:var(--warn);color:var(--warn);background:var(--warn-dim)}.status-tag.off{color:var(--text-dim)}.bot-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.metric dt{font-size:10px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim);margin:0 0 2px}.metric dd{font-family:var(--font-mono);font-size:13px;font-weight:500;margin:0}.section{margin-bottom:1.25rem}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.625rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.section-title{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin:0}.section-count{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.data-table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{background:var(--bg-raised);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);text-align:left;padding:.5rem .875rem;border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:.4375rem .875rem;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:11.5px;color:var(--text-secondary);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-hover)}.data-table .cell-strategy{color:var(--accent);font-weight:500}.data-table .cell-action{color:var(--text)}.data-table .cell-time{color:var(--text-dim);font-size:11px}.data-table .cell-empty{text-align:center;padding:2rem;color:var(--text-dim);font-family:var(--font-sans);font-style:normal}.alert-row{display:flex;align-items:flex-start;gap:.75rem;padding:.625rem .875rem;border-bottom:1px solid var(--border);font-size:12px}.alert-row:last-child{border-bottom:none}.alert-level{font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:2px 5px;border-radius:var(--radius);flex-shrink:0;margin-top:1px}.alert-level.error{background:var(--negative-dim);color:var(--negative)}.alert-level.warn{background:var(--warn-dim);color:var(--warn)}.alert-level.info{background:var(--accent-dim);color:var(--accent)}.alert-body{flex:1;color:var(--text-secondary)}.alert-body strong{color:var(--text);font-weight:500}.detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.detail-title{font-size:16px;font-weight:600;margin:0;letter-spacing:-.02em}.detail-sub{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);margin:3px 0 0}.metrics-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:1.25rem}.subsection-title{font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim);margin:1rem 0 .5rem}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--bg-base)}.loading-bar{width:160px;height:2px;background:var(--border);border-radius:1px;overflow:hidden}.loading-bar:after{content:"";display:block;height:100%;width:40%;background:var(--accent);animation:slide 1.2s ease infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.loading-text{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.error-strip{background:var(--negative-dim);border:1px solid rgba(208,96,96,.3);border-radius:var(--radius);padding:.5rem .875rem;font-size:12px;color:var(--negative);margin-bottom:1rem}.pnl-pos{color:var(--positive)}.pnl-neg{color:var(--negative)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-base);padding:1.5rem}.login-panel{width:100%;max-width:360px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:2rem 1.75rem}.login-brand{margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.login-form{display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;gap:.375rem}.field-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.field input{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius);padding:.625rem .75rem;color:var(--text);font-family:var(--font-mono);font-size:13px;outline:none;transition:border-color .12s}.field input:focus{border-color:var(--accent)}.login-error{font-size:12px;color:var(--negative);margin:0;padding:.5rem .625rem;background:var(--negative-dim);border-radius:var(--radius)}.login-btn{margin-top:.25rem;background:var(--accent-dim);border:1px solid var(--accent);color:var(--accent);font-family:var(--font-sans);font-size:13px;font-weight:600;letter-spacing:.04em;padding:.625rem 1rem;border-radius:var(--radius);cursor:pointer;transition:background .12s,color .12s}.login-btn:hover:not(:disabled){background:var(--accent);color:var(--bg-base)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-foot{margin:1.25rem 0 0;font-size:11px;color:var(--text-dim);text-align:center}.logout-btn{display:block;width:100%;margin-top:.75rem;padding:.375rem 0;background:none;border:none;border-top:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:10px;cursor:pointer;text-align:left;transition:color .12s}.logout-btn:hover{color:var(--negative)}.settings-page{max-width:960px}.settings-intro{margin-bottom:1.5rem;color:var(--text-secondary);font-size:12px;line-height:1.6}.settings-path{font-family:var(--font-mono);font-size:11px;color:var(--accent);background:var(--accent-dim);padding:.1rem .35rem;border-radius:2px}.settings-hint{margin:.5rem 0 0;color:var(--text-dim);font-size:11px}.settings-loading{padding:3rem 0;text-align:center;color:var(--text-dim)}.settings-section{margin-bottom:2rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.settings-field{display:block;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:.875rem 1rem}.settings-field.boolean{display:flex;flex-direction:column;gap:.5rem}.settings-field-head{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.5rem}.settings-label{font-weight:600;font-size:12px;color:var(--text)}.settings-key{font-family:var(--font-mono);font-size:10px;color:var(--text-dim)}.settings-input-row{display:flex;gap:.5rem;align-items:center}.settings-input{flex:1;min-width:0;background:var(--bg-raised);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:12px;padding:.45rem .6rem;border-radius:var(--radius)}.settings-input:focus{outline:none;border-color:var(--accent)}.settings-reveal{flex-shrink:0;background:none;border:1px solid var(--border);color:var(--text-secondary);font-size:11px;padding:.35rem .5rem;border-radius:var(--radius);cursor:pointer}.settings-reveal:hover{border-color:var(--border-strong);color:var(--text)}.settings-desc{margin:.4rem 0 0;font-size:11px;color:var(--text-dim);line-height:1.4}.settings-badge{display:inline-block;margin-top:.5rem;font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--warn);background:var(--warn-dim);padding:.15rem .4rem;border-radius:2px}.settings-bool-row{display:flex;align-items:center;gap:.625rem}.settings-bool-text{font-size:12px;color:var(--text-secondary)}.toggle{width:36px;height:20px;border-radius:10px;border:1px solid var(--border-strong);background:var(--bg-raised);cursor:pointer;position:relative;transition:background .15s,border-color .15s;padding:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--text-dim);transition:transform .15s,background .15s}.toggle.on{background:var(--accent-dim);border-color:var(--accent)}.toggle.on:after{transform:translate(16px);background:var(--accent)}.settings-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem 0 2rem;border-top:1px solid var(--border);margin-top:.5rem;position:sticky;bottom:0;background:linear-gradient(transparent,var(--bg-base) 20%)}.settings-btn{font-family:var(--font-sans);font-size:13px;font-weight:600;padding:.55rem 1.125rem;border-radius:var(--radius);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.settings-btn.primary{background:var(--accent-dim);border:1px solid var(--accent);color:var(--accent)}.settings-btn.primary:hover:not(:disabled){background:var(--accent);color:var(--bg-base)}.settings-btn.secondary{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.settings-btn.secondary:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.settings-btn:disabled{opacity:.45;cursor:not-allowed}.success-strip{background:var(--positive-dim);border:1px solid var(--positive);color:var(--positive);padding:.625rem .875rem;border-radius:var(--radius);margin-bottom:1rem;font-size:12px}