:root{--bg: #0d1117;--bg-panel: #10161f;--bg-raised: #161b22;--border: #21262d;--text: #e6edf3;--text-dim: #8b949e;--up: #2ea043;--down: #f85149;--accent: #388bfd}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,PingFang HK,Microsoft YaHei,sans-serif;font-size:13px}.app{display:flex;flex-direction:column;height:100%}.auth-screen{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.auth-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:32px 40px;text-align:center}.auth-btn{display:inline-block;margin-top:10px;background:var(--accent);color:#fff;text-decoration:none;border-radius:6px;padding:10px 20px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:var(--bg-panel);border-bottom:1px solid var(--border)}.brand{font-weight:700;font-size:15px;letter-spacing:.5px}.topbar-right{display:flex;align-items:center;gap:8px}.env-pill{background:#9e6a03;color:#fff;border-radius:10px;padding:2px 10px;font-size:12px}.ws-dot{width:8px;height:8px;border-radius:50%}.ws-dot.on{background:var(--up)}.ws-dot.off{background:var(--down)}.ws-label{color:var(--text-dim);font-size:12px}.error-bar{background:#67060c;color:#ffdcd7;padding:6px 14px;cursor:pointer}.layout{display:grid;grid-template-columns:220px 1fr 260px;flex:1;min-height:0}.left,.right{background:var(--bg-panel);overflow-y:auto}.left{border-right:1px solid var(--border)}.right{border-left:1px solid var(--border)}.center{display:flex;flex-direction:column;min-width:0;min-height:0}.panel-title{padding:10px 12px 6px;color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:1px}.split-divider{height:6px;flex:none;cursor:row-resize;background:var(--border);touch-action:none}.split-divider:hover,.split-divider:active{background:var(--accent)}.bots-panel{display:flex;flex-direction:column;gap:8px}.bots-toolbar{display:flex;gap:8px;padding:4px 0}.kill-btn{background:#5c1a1a;border:1px solid #a33;border-radius:4px;color:#ffb3b3;padding:3px 12px;cursor:pointer;font-weight:600}.kill-btn:disabled{opacity:.4;cursor:default}.bot-params{color:var(--text-dim);font-size:11px}.bot-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;padding:10px}.bot-form label{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--text-dim)}.bot-form input,.bot-form select{background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:4px 6px;font-size:12px;width:110px}.bot-form-desc{flex-basis:100%;color:var(--text-dim);font-size:11px}.bot-logs{border-top:1px solid var(--border);padding-top:6px;max-height:160px;overflow-y:auto;font-size:11px}.bot-log-row{display:flex;gap:8px;padding:1px 0}.bot-log-ts{color:var(--text-dim);white-space:nowrap}.bot-log-lvl{width:44px;color:var(--text-dim)}.bot-log-row.lvl-trade .bot-log-lvl{color:var(--up)}.bot-log-row.lvl-warn .bot-log-lvl{color:#e8b339}.bot-log-row.lvl-error .bot-log-lvl{color:var(--down)}.watch-add{display:flex;gap:4px;padding:0 10px 8px}.watch-add input{flex:1;min-width:0;background:var(--bg-raised);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:5px 8px;font-size:12px}.watch-add button{background:var(--bg-raised);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:0 10px;cursor:pointer}.watch-err{color:var(--down);font-size:11px;padding:0 12px 6px}.watch-row{position:relative;display:flex;justify-content:space-between;padding:8px 12px;cursor:pointer;border-left:2px solid transparent}.watch-del{position:absolute;right:2px;top:2px;display:none;background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-size:10px;padding:2px}.watch-row:hover .watch-del{display:block}.watch-row:hover{background:var(--bg-raised)}.watch-row.active{background:var(--bg-raised);border-left-color:var(--accent)}.watch-code{color:var(--text-dim);font-size:11px}.watch-price{text-align:right;font-variant-numeric:tabular-nums}.watch-chg{font-size:11px}.up{color:var(--up)}.down{color:var(--down)}.chart-panel{flex:1;display:flex;flex-direction:column;min-height:0}.chart-toolbar{display:flex;align-items:center;gap:6px;padding:6px 10px;border-bottom:1px solid var(--border)}.chart-code{font-weight:600;margin-right:10px}.ktype-btn{background:transparent;border:1px solid var(--border);color:var(--text-dim);border-radius:4px;padding:3px 8px;cursor:pointer;font-size:12px}.ktype-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.chart-container{flex:1;min-height:0}.order-ticket{display:flex;flex-direction:column;gap:10px;padding:0 12px 12px}.env-badge{background:#3d2c00;color:#d29922;border:1px solid #9e6a03;border-radius:4px;text-align:center;padding:4px;font-size:12px}.side-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px}.side-btn{padding:8px 0;border-radius:4px;border:1px solid var(--border);background:transparent;color:var(--text-dim);cursor:pointer;font-size:14px}.side-btn.buy.active{background:var(--up);border-color:var(--up);color:#fff}.side-btn.sell.active{background:var(--down);border-color:var(--down);color:#fff}.field{display:flex;flex-direction:column;gap:4px}.field span{color:var(--text-dim);font-size:12px}.field input,.field select{background:var(--bg-raised);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:8px;font-size:14px}.submit-btn{padding:10px 0;border:none;border-radius:4px;font-size:15px;font-weight:600;color:#fff;cursor:pointer}.submit-btn.buy{background:var(--up)}.submit-btn.sell{background:var(--down)}.submit-btn:disabled{opacity:.6}.ticket-msg{padding:6px 8px;border-radius:4px;font-size:12px}.ticket-msg.ok{background:#0f2818;color:var(--up)}.ticket-msg.err{background:#2d0f0d;color:var(--down)}.bottom-panel{height:240px;border-top:1px solid var(--border);background:var(--bg-panel);display:flex;flex-direction:column}.tab-bar{display:flex;border-bottom:1px solid var(--border)}.tab{background:transparent;border:none;color:var(--text-dim);padding:8px 16px;cursor:pointer;border-bottom:2px solid transparent;font-size:13px}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.tab-content{flex:1;overflow:auto}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th{text-align:left;color:var(--text-dim);font-weight:400;font-size:12px;padding:6px 10px;position:sticky;top:0;background:var(--bg-panel)}td{padding:6px 10px;border-top:1px solid var(--border)}td.empty{color:var(--text-dim);text-align:center;padding:20px}.cancel-btn{background:transparent;border:1px solid var(--down);color:var(--down);border-radius:4px;padding:2px 8px;cursor:pointer;font-size:12px}.modify-btn{background:transparent;border:1px solid var(--accent);color:var(--accent);border-radius:4px;padding:2px 8px;cursor:pointer;font-size:12px}.dom-panel{border-bottom:1px solid var(--border);padding-bottom:8px}.dom-row{position:relative;display:flex;justify-content:space-between;padding:3px 12px;cursor:pointer;font-variant-numeric:tabular-nums;overflow:hidden}.dom-row:hover{background:var(--bg-raised)}.dom-row .dom-price{font-weight:600}.dom-row.ask .dom-price{color:var(--down)}.dom-row.bid .dom-price{color:var(--up)}.dom-vol{color:var(--text-dim)}.dom-bar{position:absolute;right:0;top:0;bottom:0;opacity:.12;pointer-events:none}.dom-row.ask .dom-bar{background:var(--down)}.dom-row.bid .dom-bar{background:var(--up)}.dom-last{text-align:center;font-size:16px;font-weight:700;padding:6px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}.dom-empty{color:var(--text-dim);text-align:center;padding:10px;font-size:12px}.trig-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.trig-row select,.trig-row input{background:var(--bg-raised);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:8px;font-size:13px;min-width:0}.month-select{background:var(--bg-raised);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:3px 6px;font-size:12px;margin-right:6px}.funds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding:14px}.fund-item{background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;padding:10px}.fund-label{color:var(--text-dim);font-size:12px}.fund-value{font-size:16px;font-weight:600;margin-top:4px;font-variant-numeric:tabular-nums}@media (max-width: 900px){html,body,#root{height:auto}.app{height:auto;min-height:100dvh}.layout{display:flex;flex-direction:column}.left{border-right:none;border-bottom:1px solid var(--border);max-height:220px;overflow-y:auto;flex:none}.right{border-left:none;border-top:1px solid var(--border);overflow-y:visible}.center{flex:none}.chart-panel{height:48vh;flex:none}.chart-toolbar{flex-wrap:wrap;row-gap:4px}.split-divider{height:14px;position:relative}.split-divider:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:4px;border-radius:2px;background:var(--text-dim)}.tab-content{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-content table{min-width:640px}.tab{padding:10px 12px}.field input,.field select,.trig-row input,.trig-row select,.watch-add input,.bot-form input,.bot-form select{font-size:16px}.cancel-btn,.modify-btn{padding:6px 10px}.watch-del{display:block}.bot-form label{flex:1 1 40%}.bot-form input,.bot-form select{width:100%}}