*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button{font-family:inherit;cursor:pointer}input{font-family:inherit}:root{--bg: #0a0a0a;--card-bg: #111111;--secondary-bg:#1a1a1a;--border: #252525;--border-mid: #1e1e1e;--green: #22c55e;--red: #ef4444;--orange: #f97316;--blue: #60a5fa;--muted: #555555;--text: #e2e2e2;--text-sec: #888888;--mono: "SF Mono", "Consolas", "Courier New", monospace;--sans: system-ui, -apple-system, "Segoe UI", sans-serif;--r: 2px}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:11px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow:hidden}#root{height:100%;display:flex;flex-direction:column}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg)}.header{display:flex;align-items:center;justify-content:space-between;padding:0 10px;height:36px;background:var(--card-bg);border-bottom:1px solid var(--border);flex-shrink:0;gap:8px}.header-left{display:flex;align-items:center;gap:8px}.header-right{display:flex;align-items:center;gap:10px}.ws-dot{font-size:9px;line-height:1}.ws-connected{color:var(--green)}.ws-disconnected{color:var(--red)}.header-title{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--text)}.header-price{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--text)}.header-change{font-family:var(--mono);font-size:11px}.price-up{color:var(--green)}.price-down{color:var(--red)}.header-broker{font-family:var(--mono);font-size:10px;letter-spacing:.03em}.broker-on{color:var(--green)}.broker-off{color:var(--muted)}.settings-btn{font-size:14px;background:transparent;border:1px solid var(--border);border-radius:var(--r);color:var(--muted);padding:2px 7px;line-height:1.2;transition:color .15s,border-color .15s}.settings-btn:hover{color:var(--text);border-color:#444;background:var(--secondary-bg)}.main{display:flex;flex:1;min-height:0;overflow:hidden}.left-panel{flex:0 0 55%;display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border);overflow:hidden}.panel-title{font-size:9px;font-family:var(--sans);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;padding:5px 8px 4px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--card-bg)}.feed{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.feed-empty{padding:16px 8px;color:var(--muted);font-size:10px;text-align:center}.feed-item{display:flex;align-items:center;gap:7px;padding:4px 8px;border-bottom:1px solid var(--border-mid);font-family:var(--mono);font-size:11px;white-space:nowrap;overflow:hidden;min-width:0}.feed-item:hover{background:var(--secondary-bg)}.feed-time{color:var(--muted);font-size:10px;flex-shrink:0;min-width:56px}.feed-action{font-size:10px;font-weight:700;min-width:36px;flex-shrink:0}.action-long{color:var(--green)}.action-short{color:var(--red)}.action-flat{color:var(--muted)}.feed-strategy{color:var(--text-sec);font-size:10px;min-width:52px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis}.feed-ticks{color:var(--blue);font-size:10px;flex-shrink:0}.feed-price{color:var(--text);font-size:11px;flex-shrink:0}.badge{font-family:var(--mono);font-size:9px;padding:1px 4px;border-radius:var(--r);border:1px solid;flex-shrink:0;margin-left:auto;white-space:nowrap;letter-spacing:.04em}.badge-pending,.badge-confirming{color:var(--orange);border-color:var(--orange)}.badge-exec{color:var(--green);border-color:var(--green)}.badge-failed,.badge-stop{color:var(--red);border-color:var(--red)}.badge-tp{color:var(--green);border-color:var(--green)}.badge-hold{color:var(--blue);border-color:var(--blue)}.badge-signal{color:var(--muted);border-color:var(--muted)}.badge-na{color:#444;border-color:#333;opacity:.6}.right-panel{flex:0 0 45%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:0}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r);padding:8px 10px;margin:4px;flex-shrink:0}.card-title{font-size:9px;font-family:var(--sans);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}.no-position .no-pos-text{color:var(--muted);font-family:var(--mono);font-size:11px;padding:2px 0}.pos-main-row{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.pos-dir{font-family:var(--mono);font-size:14px;font-weight:700}.dir-long{color:var(--green)}.dir-short{color:var(--red)}.pos-qty{font-family:var(--mono);font-size:12px;color:var(--text)}.pos-strategy{font-size:10px;color:var(--muted);font-family:var(--sans)}.pos-stats{display:grid;grid-template-columns:repeat(4,auto);gap:4px 12px;justify-content:start}.pos-stat{display:flex;flex-direction:column;gap:1px}.pos-stat-label{font-size:9px;color:var(--muted);text-transform:uppercase;font-family:var(--sans);letter-spacing:.05em}.pos-stat-value{font-family:var(--mono);font-size:12px;color:var(--text)}.stop-price{color:var(--red)}.tgt-price,.pnl-pos{color:var(--green)}.pnl-neg{color:var(--red)}.manual-signal{border-left:3px solid var(--border)}.manual-signal.bullish{border-left-color:var(--green)}.manual-signal.bearish{border-left-color:var(--red)}.manual-signal.neutral{border-left-color:var(--muted)}.ms-none{color:var(--muted);font-family:var(--mono);font-size:11px;padding:2px 0}.ms-main{display:flex;align-items:center;gap:8px}.ms-arrow{font-size:18px;line-height:1}.ms-arrow.bullish{color:var(--green)}.ms-arrow.bearish{color:var(--red)}.ms-arrow.neutral{color:var(--muted)}.ms-label{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.04em}.ms-label.bullish{color:var(--green)}.ms-label.bearish{color:var(--red)}.ms-label.neutral{color:var(--muted)}.ms-price{font-family:var(--mono);font-size:12px;color:var(--text);margin-left:auto}.ms-note{font-size:10px;color:var(--muted);margin-top:4px;font-family:var(--sans)}.account-row{padding:5px 0;border-bottom:1px solid var(--border-mid)}.account-row:last-child{border-bottom:none;padding-bottom:0}.account-row-main{display:flex;align-items:center;gap:8px}.account-name{font-family:var(--mono);font-size:10px;font-weight:600;color:var(--text);width:40px;flex-shrink:0}.toggle-btn{font-family:var(--mono);font-size:10px;padding:2px 7px;border-radius:var(--r);border:1px solid;display:inline-flex;align-items:center;justify-content:center;gap:3px;background:transparent;min-width:50px;flex-shrink:0;transition:opacity .15s}.toggle-btn.on{color:var(--green);border-color:var(--green)}.toggle-btn.off{color:var(--muted);border-color:var(--muted)}.toggle-btn:disabled{opacity:.6;cursor:default}.toggle-btn:not(:disabled):hover{filter:brightness(1.15)}.btn-dot{font-size:8px;line-height:1}.dot-on{color:var(--green)}.dot-off{color:var(--muted)}.account-status{font-size:10px;color:var(--muted);font-family:var(--sans)}.account-status.connected{color:var(--green)}.account-error{font-size:10px;color:var(--red);margin-top:3px;padding-left:48px;font-family:var(--sans)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{display:inline-block;width:9px;height:9px;border:1px solid var(--muted);border-top-color:var(--text);border-radius:50%;animation:spin .6s linear infinite}.trade-list{max-height:140px;overflow-y:auto;overflow-x:hidden}.empty-list{color:var(--muted);font-size:10px;padding:4px 0}.trade-row{display:flex;align-items:center;gap:7px;padding:3px 0;border-bottom:1px solid var(--border-mid);font-family:var(--mono);font-size:10px}.trade-row:last-child{border-bottom:none}.trade-time{color:var(--muted);flex-shrink:0;min-width:44px}.trade-side{min-width:30px;flex-shrink:0;font-weight:700}.side-buy{color:var(--green)}.side-sell{color:var(--red)}.trade-price{color:var(--text);flex-shrink:0}.trade-strategy{color:var(--text-sec);flex-shrink:0;min-width:50px}.trade-status{font-size:9px}.status-ok{color:var(--green)}.status-fail{color:var(--red)}.settings-view{flex:1;overflow-y:auto;overflow-x:hidden;padding:14px 16px;background:var(--bg)}.settings-loading{color:var(--muted);font-size:11px;padding:12px 0}.settings-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.settings-title{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--text)}.settings-back-btn{font-family:var(--sans);font-size:10px;padding:4px 10px;background:var(--secondary-bg);border:1px solid var(--border);border-radius:var(--r);color:var(--text-sec);transition:color .15s,border-color .15s}.settings-back-btn:hover{color:var(--text);border-color:#444}.settings-form{display:flex;flex-direction:column;gap:14px;max-width:480px}.settings-section{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.settings-section-title{font-family:var(--sans);font-size:9px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;padding-bottom:4px;border-bottom:1px solid var(--border-mid)}.field-group{display:flex;flex-direction:column;gap:3px}.field-group-inline{flex-direction:row;align-items:center;gap:10px}.field-label{font-family:var(--sans);font-size:10px;color:var(--text-sec)}.settings-input{font-family:var(--mono);font-size:11px;padding:5px 8px;background:var(--secondary-bg);border:1px solid var(--border);border-radius:var(--r);color:var(--text);outline:none;width:100%;transition:border-color .15s}.settings-input:focus{border-color:var(--blue)}.settings-input::placeholder{color:var(--muted)}.radio-group{display:flex;gap:14px;align-items:center}.radio-label{display:flex;align-items:center;gap:5px;font-family:var(--sans);font-size:11px;color:var(--text);cursor:pointer}.radio-label input[type=radio]{accent-color:var(--blue);cursor:pointer}.test-btn{font-family:var(--sans);font-size:10px;padding:4px 10px;background:transparent;border:1px solid var(--border);border-radius:var(--r);color:var(--blue);flex-shrink:0;transition:border-color .15s,background .15s}.test-btn:hover:not(:disabled){border-color:var(--blue);background:#60a5fa0f}.test-btn:disabled{opacity:.55;cursor:default}.test-result{font-family:var(--mono);font-size:10px}.test-ok{color:var(--green)}.test-error{color:var(--red)}.settings-actions{display:flex;align-items:center;gap:12px;padding-top:2px}.save-btn{font-family:var(--sans);font-size:11px;padding:6px 18px;background:#22c55e14;border:1px solid var(--green);border-radius:var(--r);color:var(--green);transition:background .15s}.save-btn:hover:not(:disabled){background:#22c55e24}.save-btn:disabled{opacity:.55;cursor:default}.save-msg{font-family:var(--mono);font-size:10px;color:var(--green)}@keyframes flash-new{0%{background-color:#60a5fa1f}to{background-color:transparent}}.feed-item.new{animation:flash-new .8s ease-out forwards}@keyframes pulse-border{0%{box-shadow:0 0 #60a5fa80}60%{box-shadow:0 0 0 4px #60a5fa00}to{box-shadow:none}}.manual-signal.changed{animation:pulse-border 1s ease-out forwards}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#2e2e2e;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#404040}::-webkit-scrollbar-corner{background:var(--bg)}*{scrollbar-width:thin;scrollbar-color:#2e2e2e var(--bg)}@media(max-width:899px){.main{flex-direction:column}.left-panel{flex:0 0 45vh;border-right:none;border-bottom:1px solid var(--border)}.right-panel{flex:1;min-height:0}.pos-stats{grid-template-columns:repeat(2,auto)}}@media(max-width:560px){.header-broker,.feed-ticks{display:none}}