:root{--bg:#0d1117;--card:#161b22;--bd:#30363d;--tx:#e6edf3;--mu:#8b949e;--g:#3fb950;--r:#f85149;--y:#d29922;--b:#58a6ff}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 80% -10%,#1f2a3a 0,transparent 45%),repeating-linear-gradient(0deg,transparent 0 39px,#ffffff05 39px 40px),var(--bg);color:var(--tx);font-family:Vazirmatn,Tahoma,sans-serif;font-variant-numeric:tabular-nums;min-height:100vh;padding-bottom:70px}
.wrap{max-width:900px;margin:0 auto;padding:14px}
h1{font-size:22px;font-weight:900;margin:0}
h2{font-size:15px;font-weight:800;margin:0 0 10px}
.title-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.badge{background:#d2992222;color:var(--y);border:1px solid var(--y);border-radius:20px;padding:2px 10px;font-size:12px}
.sym-row{display:flex;gap:6px;margin:12px 0 6px;flex-wrap:wrap}
.pill{background:var(--card);border:1px solid var(--bd);color:var(--tx);border-radius:20px;padding:5px 14px;cursor:pointer;font-family:'JetBrains Mono',monospace;font-weight:700}
.pill.active{background:var(--b);color:#0d1117;border-color:var(--b)}
.countdown{color:var(--mu);font-size:13px}
.tabs{display:flex;gap:4px;margin:12px 0;border-bottom:1px solid var(--bd);overflow-x:auto}
.tabs button{background:none;border:none;color:var(--mu);padding:10px 14px;cursor:pointer;font-family:inherit;font-size:14px;border-bottom:2px solid transparent;white-space:nowrap}
.tabs button.active{color:var(--tx);border-color:var(--b);font-weight:800}
.tab{display:none;animation:fade .3s}
.tab.active{display:block}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1}}
.card{background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:14px;margin-bottom:12px}
.stats,.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.stats{grid-template-columns:repeat(5,1fr)}
.tile{background:#0d1117;border:1px solid var(--bd);border-radius:8px;padding:10px}
.tile .k{color:var(--mu);font-size:12px}
.tile .v{font-family:'JetBrains Mono',monospace;font-size:18px;font-weight:700;margin-top:4px;direction:ltr;text-align:right}
.btns{display:flex;gap:8px;flex-wrap:wrap}
.b{background:#21262d;border:1px solid var(--bd);color:var(--tx);padding:8px 14px;border-radius:8px;cursor:pointer;font-family:inherit;font-weight:800}
.b:hover{filter:brightness(1.25)}
.b.blue{border-color:var(--b);color:var(--b)}.b.green{border-color:var(--g);color:var(--g)}
.b.yellow{border-color:var(--y);color:var(--y)}.b.red{border-color:var(--r);color:var(--r)}
.muted{color:var(--mu)}.small{font-size:12px}
.pos{color:var(--g)}.neg{color:var(--r)}
.row-between{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
canvas#chart{width:100%;height:340px;display:block;background:#0d1117;border-radius:8px}
.pcard{border:1px solid var(--bd);border-radius:8px;padding:10px;margin-bottom:8px;font-family:'JetBrains Mono',monospace;font-size:13px;display:flex;flex-wrap:wrap;gap:12px}
.pcard.open{border-color:var(--g);box-shadow:0 0 12px #3fb95033}
.pcard.win{border-right:4px solid var(--g)}.pcard.loss{border-right:4px solid var(--r)}
table{width:100%;border-collapse:collapse;font-size:13px}
td,th{border-bottom:1px solid var(--bd);padding:6px;text-align:right}
.logs{margin-top:10px;background:#0d1117;border:1px solid var(--bd);border-radius:8px;height:380px;overflow-y:auto;padding:8px;font-family:'JetBrains Mono',monospace;font-size:12px;direction:ltr;text-align:left}
.logs .ok{color:var(--g)}.logs .err{color:var(--r)}.logs .warn{color:var(--y)}.logs .info{color:var(--b)}
footer{text-align:center;margin:20px 0}footer a{color:var(--b)}
.sticky{position:fixed;bottom:0;left:0;right:0;background:#161b22ee;backdrop-filter:blur(6px);border-top:1px solid var(--bd);display:flex;justify-content:space-around;padding:12px;font-size:14px;z-index:9}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--r);margin-left:6px}
.dot.on{background:var(--g);box-shadow:0 0 8px var(--g);animation:pulse 1.2s infinite}
@keyframes pulse{50%{opacity:.4}}
#stPnl{font-family:'JetBrains Mono',monospace;direction:ltr;display:inline-block}
@media(max-width:600px){.stats,.grid{grid-template-columns:repeat(2,1fr)}h1{font-size:18px}canvas#chart{height:260px}}