*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0e1116;--panel:#171b22;--border:#2a3038;--text:#e6e9ee;--muted:#8b93a0;--accent:#4f8cff;--buy:#22c55e;--sell:#ef4444}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif;min-height:100vh;align-items:center;justify-content:center}.panel,body{display:flex}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:28px;width:100%;max-width:380px;flex-direction:column;gap:16px}.panel h1{font-size:18px;font-weight:600}label{font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:6px}input,select{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:15px;padding:10px 12px;width:100%;outline:none}input:focus,select:focus{border-color:var(--accent)}button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:11px 12px}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent)}.side-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.side-btn{background:var(--bg);border:1px solid var(--border);color:var(--muted);font-weight:600}.side-btn.buy.active{background:var(--buy);border-color:var(--buy);color:#fff}.side-btn.sell.active{background:var(--sell);border-color:var(--sell);color:#fff}.submit-buy{background:var(--buy)}.submit-sell{background:var(--sell)}.status{font-size:13px;min-height:18px}.status.ok{color:var(--buy)}.status.err{color:var(--sell)}.top-row{justify-content:space-between}.top-row,.ws-status{display:flex;align-items:center}.ws-status{gap:6px;font-size:12px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%}.dot.connected{background:var(--buy)}.dot.connecting{background:#eab308}.dot.disconnected{background:var(--sell)}.logout{background:none;border:1px solid var(--border);color:var(--muted);font-size:12px;font-weight:500;padding:5px 10px}