:root { --green:#10b981; --red:#ef4444; --bg:#070b16; --card:#0f1526; --line:#1e293b; }
body { font-family:'Vazirmatn',sans-serif; background:
  radial-gradient(circle at 15% 0%, rgba(16,185,129,.12), transparent 40%),
  radial-gradient(circle at 90% 30%, rgba(239,68,68,.08), transparent 40%),
  linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px) 0 0/100% 32px, var(--bg);
  color:#e2e8f0; min-height:100vh; }
.num { font-family:'JetBrains Mono',monospace; font-variant-numeric:tabular-nums; direction:ltr; unicode-bidi:isolate; display:inline-block; }
.card { background:var(--card); border:1px solid var(--line); border-radius:1rem; box-shadow:0 10px 30px -10px rgba(0,0,0,.6); }
.stripes { background:repeating-linear-gradient(45deg,#ef4444 0 14px,#dc2626 14px 28px); }
.glow-buy { box-shadow:0 0 40px -5px rgba(16,185,129,.7); }
.glow-sell { box-shadow:0 0 40px -5px rgba(239,68,68,.7); }
@keyframes pop { 0%{transform:scale(.85);opacity:.4} 60%{transform:scale(1.06)} 100%{transform:scale(1);opacity:1} }
.pop { animation:pop .45s ease-out; }
@keyframes fadeUp { from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:none} }
.rise { animation:fadeUp .6s ease-out both; }
@keyframes flashG { 0%{color:#10b981;text-shadow:0 0 12px #10b981} 100%{} }
@keyframes flashR { 0%{color:#ef4444;text-shadow:0 0 12px #ef4444} 100%{} }
.flash-up { animation:flashG .8s; } .flash-down { animation:flashR .8s; }
select:disabled, button:disabled { opacity:.4; cursor:not-allowed; }
.scroll::-webkit-scrollbar { height:6px; width:6px } .scroll::-webkit-scrollbar-thumb { background:#334155; border-radius:4px }