:root{--bg:#0b0f17;--card:#121826;--line:#1f2a3d;--up:#22c55e;--down:#ef4444;--warn:#f59e0b;--ink:#e6edf7;--mute:#7d8aa3}
html,body{background:var(--bg);color:var(--ink);font-family:'Vazirmatn',sans-serif;margin:0}
body{background-image:radial-gradient(circle at 15% -10%,rgba(34,197,94,.12),transparent 40%),radial-gradient(circle at 90% 10%,rgba(239,68,68,.08),transparent 35%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:auto,auto,32px 32px,32px 32px;min-height:100vh}
.mono{font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums}
.card{background:var(--card);border:1px solid var(--line);border-radius:1rem}
.up{color:var(--up)}.down{color:var(--down)}.warn{color:var(--warn)}.mute{color:var(--mute)}
.fade{animation:fade .5s ease both}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.candle{animation:pulse 1.6s infinite alternate}
@keyframes pulse{from{background:var(--up)}to{background:var(--down)}}
.drop{border:2px dashed #2b3a55;transition:.2s}
.drop.over{border-color:var(--up);box-shadow:0 0 30px rgba(34,197,94,.25)}
.btn{border:1px solid var(--line);padding:.45rem .9rem;border-radius:.6rem;font-size:.85rem;background:#162033;transition:.15s}
.btn:hover{border-color:var(--up);color:var(--up)}
table td,table th{padding:.4rem .6rem;border-bottom:1px solid var(--line);white-space:nowrap}
.glow{box-shadow:0 0 0 1px var(--line),0 10px 30px -15px rgba(34,197,94,.35)}
.confetti{position:fixed;top:-10px;width:8px;height:14px;z-index:99;animation:fall 2.6s linear forwards}
@keyframes fall{to{transform:translateY(105vh) rotate(720deg);opacity:.3}}