:root{
  --bg:#0e1117; --panel:#121826; --panel2:#10182a; --border:#2a2f3a;
  --text:#e6e9ef; --muted:#94a3b8; --buy:#22c39a; --sell:#ff6b8a;
  --ref:#7fb2ff; --risk:#ff9a6b; --accent:#0c9;
}
*{box-sizing:border-box}
body{margin:0;background:#0a0d12;color:var(--text);
  font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:inherit;text-decoration:none}
.app{max-width:1040px;margin:18px auto;background:var(--bg);border:1px solid var(--border);
  border-radius:12px;overflow:hidden}
.nav{background:#151a23;padding:10px 14px;border-bottom:1px solid var(--border);
  font-weight:600;font-size:13px}
.nav .tabs span,.nav .tabs a{opacity:.65;margin:0 6px;font-weight:500}
.nav .tabs a.active{opacity:1;color:var(--accent);border-bottom:2px solid var(--accent);
  padding-bottom:8px}
.body{padding:14px}
.panel{border:1px solid var(--border);border-radius:10px;background:var(--panel);
  padding:12px;margin-bottom:12px}
.panel h4{margin:0 0 10px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;
  opacity:.55}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:13px}
thead td{font-size:10px;letter-spacing:.05em;text-transform:uppercase;opacity:.45;
  padding:0 8px 7px}
tbody tr{border-top:1px solid #1e2533}
td{padding:9px 8px}
.num{text-align:right}
.buy{color:var(--buy)} .sell{color:var(--sell)} .ref{color:var(--ref)} .risk{color:var(--risk)}
.btn{display:inline-block;text-align:center;padding:9px 14px;border-radius:8px;
  background:var(--buy);color:#04201a;font-weight:700;font-size:13px;cursor:pointer;border:0}
.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}
input,select{background:#0b0f17;border:1px solid var(--border);color:var(--text);
  border-radius:8px;padding:8px 10px;font-size:13px}
.msg{font-size:12px;margin-top:8px;min-height:16px}
.msg.err{color:var(--sell)} .msg.ok{color:var(--buy)}
.stats{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.stat{flex:1;min-width:140px;border:1px solid var(--border);border-radius:10px;
  background:var(--panel);padding:11px 13px}
.stat .k{font-size:11px;letter-spacing:.05em;text-transform:uppercase;opacity:.5;margin-bottom:5px}
.stat .v{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}