@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=DM+Sans:wght@300;400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0c0e11;--bg-surface:#111418;--bg-card:#161b22;--bg-card-alt:#1a2030;--bg-input:#0f1318;--border:#ffffff12;--border-md:#ffffff1f;--border-hi:#fff3;--text:#e8eaed;--text-sub:#8b95a8;--text-muted:#4a5568;--amber:#f0a500;--amber-dim:#f0a50026;--amber-glow:#f0a50014;--green:#2ea84a;--green-dim:#2ea84a1f;--red:#e5534b;--red-dim:#e5534b1f;--blue:#4493f8;--blue-dim:#4493f81f;--font-body:"DM Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace;--radius:6px;--radius-lg:10px;--transition:.15s ease}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.5}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-body{flex:1;min-height:0;display:flex;overflow:hidden}.main{scrollbar-width:thin;scrollbar-color:#2a3040 transparent;flex-direction:column;flex:1;gap:28px;min-width:0;padding:20px 24px 32px;display:flex;overflow-y:auto}.main::-webkit-scrollbar{width:4px}.main::-webkit-scrollbar-track{background:0 0}.main::-webkit-scrollbar-thumb{background:#2a3040;border-radius:2px}.header{background:var(--bg-surface);border-bottom:1px solid var(--border);background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff02 2px 4px);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;height:52px;padding:0 20px;display:flex}.header-left{align-items:center;gap:10px;display:flex}.header-center{flex:1;justify-content:center;display:flex}.header-right{align-items:center;gap:8px;display:flex}.header-logo{object-fit:contain;width:auto;height:30px}.header-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:500}.index-ticker{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:0;display:flex;overflow:hidden}.index-item{align-items:center;gap:6px;padding:5px 14px;display:flex}.index-item:not(:last-child){border-right:1px solid var(--border)}.index-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600}.index-price{font-family:var(--font-mono);font-size:12px;font-weight:500}.index-divider{display:none}.feed-dot{border-radius:50%;width:6px;height:6px;animation:2s infinite feedpulse;display:inline-block}@keyframes feedpulse{0%,to{opacity:1}50%{opacity:.3}}.live-clock{font-family:var(--font-mono);color:var(--text-sub);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);white-space:nowrap;letter-spacing:.03em;padding:4px 10px;font-size:12px;font-weight:500}.refresh-btn{font-family:var(--font-body);border-radius:var(--radius);cursor:pointer;border:1px solid var(--border-md);background:var(--bg-card);color:var(--text-sub);transition:var(--transition);white-space:nowrap;padding:5px 12px;font-size:12px;font-weight:500}.refresh-btn:hover{background:var(--bg-card-alt);color:var(--text);border-color:var(--border-hi)}.refresh-btn:disabled{opacity:.4;cursor:default}.refresh-btn.primary{background:var(--blue-dim);color:var(--blue);border-color:#4493f859}.refresh-btn.primary:hover{border-color:var(--blue);background:#4493f833}.trading-toggle-btn{font-family:var(--font-body);border-radius:var(--radius);cursor:pointer;transition:var(--transition);white-space:nowrap;letter-spacing:.02em;border:1px solid;padding:5px 14px;font-size:12px;font-weight:600}.trading-toggle-btn.enabled{background:var(--green-dim);color:var(--green);border-color:#2ea84a66}.trading-toggle-btn.enabled:hover{background:#2ea84a33}.trading-toggle-btn.disabled{background:var(--red-dim);color:var(--red);border-color:#e5534b66}.trading-toggle-btn.disabled:hover{background:#e5534b33}.trading-toggle-btn:disabled{opacity:.4;cursor:default}.log-toggle-btn{font-family:var(--font-body);border-radius:var(--radius);border:1px solid var(--border-md);background:var(--bg-card);color:var(--text-sub);cursor:pointer;transition:var(--transition);white-space:nowrap;padding:5px 12px;font-size:12px;font-weight:500}.log-toggle-btn:hover{background:var(--bg-card-alt);color:var(--text)}.log-toggle-btn.active{color:var(--blue);background:#1a2235;border-color:#4493f866}.strategy-toggle-btn{font-family:var(--font-mono);cursor:pointer;transition:var(--transition);letter-spacing:.06em;border:1px solid;border-radius:4px;padding:3px 10px;font-size:10px;font-weight:600}.strategy-toggle-btn.on{background:var(--green-dim);color:var(--green);border-color:#2ea84a59}.strategy-toggle-btn.on:hover{background:#2ea84a33}.strategy-toggle-btn.off{border-color:var(--border-md);color:var(--text-muted);background:0 0}.strategy-toggle-btn.off:hover{background:var(--bg-card-alt);color:var(--text-sub)}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-title{color:var(--text-sub);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:600}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.stats-grid{grid-template-columns:repeat(8,1fr);gap:8px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition);flex-direction:column;gap:5px;padding:12px 14px;display:flex}.stat-card:hover{border-color:var(--border-md)}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:600}.stat-value{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--text);font-size:22px;font-weight:600}.stat-sub{color:var(--text-muted);font-size:10px;line-height:1.3}.table-wrap{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);overflow-x:auto}table{border-collapse:collapse;width:100%}th{background:var(--bg-surface);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 14px;font-size:10px;font-weight:500}td{border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text);padding:9px 14px}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}.badge{font-family:var(--font-mono);color:#fff;white-space:nowrap;letter-spacing:.04em;border-radius:3px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-block}.mono{font-family:var(--font-mono);font-size:12px}.muted{color:var(--text-muted)}.small{font-size:11px}.filters{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.filters input,.filters select{border-radius:var(--radius);border:1px solid var(--border-md);font-size:12px;font-family:var(--font-body);background:var(--bg-card);color:var(--text);min-width:180px;transition:border-color var(--transition);outline:none;padding:6px 12px}.filters input:focus,.filters select:focus{border-color:var(--blue)}.filters select option{background:var(--bg-card)}.pagination{font-family:var(--font-mono);color:var(--text-muted);justify-content:center;align-items:center;gap:14px;margin-top:12px;font-size:11px;display:flex}.pagination button{border-radius:var(--radius);border:1px solid var(--border-md);background:var(--bg-card);color:var(--text-sub);cursor:pointer;font-family:var(--font-mono);transition:var(--transition);padding:4px 12px;font-size:11px}.pagination button:hover:not(:disabled){background:var(--bg-card-alt);color:var(--text)}.pagination button:disabled{opacity:.3;cursor:default}.empty-state{text-align:center;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);padding:32px;font-size:12px}.error-banner{background:var(--red-dim);color:var(--red);border-radius:var(--radius);border:1px solid #e5534b4d;justify-content:space-between;align-items:center;padding:9px 14px;font-size:12px;display:flex}.error-banner button{cursor:pointer;color:var(--red);background:0 0;border:none;font-size:14px}.footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);font-size:11px;font-family:var(--font-mono);letter-spacing:.04em;flex-shrink:0;padding:10px}.login-wrap{background:var(--bg);background-image:radial-gradient(60% 40% at 50% 0,#f0a5000a 0%,#0000 70%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border-md);border-radius:12px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:360px;padding:44px 40px 40px;display:flex}.login-logo-img{object-fit:contain;width:auto;height:88px;margin-bottom:6px}.login-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:12px}.login-field{width:100%}.login-field input{border-radius:var(--radius);border:1px solid var(--border-md);width:100%;font-size:13px;font-family:var(--font-body);background:var(--bg-input);color:var(--text);transition:border-color var(--transition);outline:none;padding:10px 13px}.login-field input:focus{border-color:var(--amber)}.login-error{color:var(--red);align-self:flex-start;font-size:11px}.login-btn{border-radius:var(--radius);background:var(--amber-dim);width:100%;color:var(--amber);font-family:var(--font-mono);cursor:pointer;letter-spacing:.06em;transition:var(--transition);border:1px solid #f0a50066;margin-top:6px;padding:10px;font-size:13px;font-weight:600}.login-btn:hover:not(:disabled){background:#f0a50038}.login-btn:disabled{opacity:.4;cursor:default}.strategy-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition), opacity var(--transition);padding:14px 16px;position:relative;overflow:hidden}.strategy-card:before{content:"";background:var(--green);width:2px;transition:background var(--transition);position:absolute;top:0;bottom:0;left:0}.strategy-card.is-disabled{opacity:.55}.strategy-card.is-disabled:before{background:var(--text-muted)}.strategy-card:hover{border-color:var(--border-md)}.strategy-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.strategy-card-left{align-items:center;gap:9px;display:flex}.strategy-name{font-family:var(--font-mono);color:var(--text);letter-spacing:.02em;font-size:13px;font-weight:600}.strategy-status-pill{font-family:var(--font-mono);letter-spacing:.1em;border-radius:2px;padding:2px 7px;font-size:9px;font-weight:700}.strategy-status-pill.active{background:var(--green-dim);color:var(--green)}.strategy-status-pill.disabled{border:1px solid var(--border-md);color:var(--text-muted);background:0 0}.strategy-state-badge{font-family:var(--font-mono);background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border);letter-spacing:.06em;border-radius:2px;padding:2px 7px;font-size:9px;font-weight:600}.strategy-card-actions{gap:5px;display:flex}.strategy-card-stats{flex-wrap:wrap;gap:0;display:flex}.strat-stat{border-right:1px solid var(--border);flex-direction:column;gap:2px;margin-right:14px;padding:0 14px 0 0;display:flex}.strat-stat:last-child{border-right:none;margin-right:0}.strat-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:600}.strat-stat-value{font-family:var(--font-mono);color:var(--text);font-size:13px;font-weight:500}.param-editor{border-top:1px solid var(--border);flex-wrap:wrap;align-items:flex-end;gap:14px;margin-top:12px;padding-top:12px;animation:.15s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.param-field{flex-direction:column;gap:4px;display:flex}.param-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:600}.param-input{border-radius:var(--radius);border:1px solid var(--border-md);width:88px;font-family:var(--font-mono);text-align:right;background:var(--bg-input);color:var(--text);transition:border-color var(--transition);-moz-appearance:textfield;outline:none;padding:5px 9px;font-size:13px;font-weight:500}.param-input:focus{border-color:var(--amber)}.param-input::-webkit-outer-spin-button{-webkit-appearance:none}.param-input::-webkit-inner-spin-button{-webkit-appearance:none}.param-save-btn{border-radius:var(--radius);background:var(--amber-dim);color:var(--amber);font-family:var(--font-mono);cursor:pointer;letter-spacing:.06em;transition:var(--transition);white-space:nowrap;border:1px solid #f0a50059;padding:6px 16px;font-size:11px;font-weight:600}.param-save-btn:hover{background:#f0a50038}.log-sidebar{border-left:1px solid var(--border);width:460px;min-width:380px;max-width:500px;height:100%;font-family:var(--font-mono);background:#080b0f;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.log-header{background:#0a0d12;border-bottom:1px solid #1a2030;flex-shrink:0;padding:12px 14px 10px}.log-title-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.log-title{color:#8b95a8;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:600}.log-conn-dot{border-radius:50%;width:6px;height:6px;animation:2s infinite feedpulse;display:inline-block}.log-conn-label{letter-spacing:.04em;font-size:10px;font-weight:600}.log-controls{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.log-filter-btn{color:#4a5568;cursor:pointer;font-size:10px;font-weight:600;font-family:var(--font-mono);letter-spacing:.04em;background:0 0;border:1px solid #1e2a3a;border-radius:3px;padding:3px 9px;transition:all .12s}.log-filter-btn:hover{color:#8b95a8;border-color:#2a3a50}.log-filter-btn.active{border-color:var(--blue);color:var(--blue);background:#1a2a40}.log-body{scrollbar-width:thin;scrollbar-color:#1e2a3a transparent;flex:1;min-height:0;padding:6px 0;overflow-y:auto}.log-body::-webkit-scrollbar{width:3px}.log-body::-webkit-scrollbar-track{background:0 0}.log-body::-webkit-scrollbar-thumb{background:#1e2a3a;border-radius:2px}.log-empty{color:#2a3a4a;text-align:center;padding:24px;font-size:11px;font-style:italic}.log-line-plain{align-items:flex-start;gap:8px;padding:1px 14px;font-size:11px;line-height:1.6;transition:background .1s;display:flex}.log-line-plain:hover{background:#0f141c}.log-ts-plain{color:#2a3a4a;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:52px;padding-top:1px;font-size:10px}.log-msg-plain{word-break:break-word;white-space:pre-wrap;flex:1;font-size:10.5px;line-height:1.6}.log-footer{color:#2a3a4a;background:#0a0d12;border-top:1px solid #0f1420;flex-shrink:0;justify-content:space-between;align-items:center;padding:7px 14px;font-size:10px;display:flex}.log-close-btn{color:#4a5568;cursor:pointer;font-size:10px;font-family:var(--font-mono);background:0 0;border:1px solid #1e2a3a;border-radius:3px;padding:2px 9px;transition:all .12s}.log-close-btn:hover{border-color:var(--red);color:var(--red)}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=960px){.log-sidebar{z-index:200;width:90vw;max-width:420px;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 40px #0009}.header-center{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.stats-grid{grid-template-columns:repeat(2,1fr)}.main{padding:14px 14px 24px}}