:root{--bg:#0f1117;--card:#161a23;--bd:#232838;--g:#00ff9d;--r:#ff3b5c;--c:#00e5ff;--a:#ffb020}
body{background:var(--bg);color:#d7dbe6;font-family:Vazirmatn,sans-serif;
background-image:radial-gradient(circle at 15% 0%,rgba(0,229,255,.08),transparent 40%),radial-gradient(circle at 90% 100%,rgba(0,255,157,.06),transparent 40%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 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;direction:ltr;unicode-bidi:isolate}
.card{background:var(--card);border:1px solid var(--bd);border-radius:12px;transition:box-shadow .3s,border-color .3s;animation:rise .5s both}
.card:hover{border-color:#2f3650;box-shadow:0 0 24px rgba(0,229,255,.07)}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.logo{animation:glow 3s ease-in-out infinite;color:var(--c)}
@keyframes glow{50%{text-shadow:0 0 18px var(--c)}}
.up{color:var(--g)}.dn{color:var(--r)}.cy{color:var(--c)}.am{color:var(--a)}
.flash-up{animation:fu .6s}.flash-dn{animation:fd .6s}
@keyframes fu{from{background:rgba(0,255,157,.25)}}
@keyframes fd{from{background:rgba(255,59,92,.25)}}
.skel{background:linear-gradient(90deg,#1b2030,#252b3d,#1b2030);background-size:200% 100%;animation:sh 1.2s infinite;border-radius:8px}
@keyframes sh{to{background-position:-200% 0}}
.spin{width:14px;height:14px;border:2px solid #fff4;border-top-color:#fff;border-radius:50%;animation:sp .7s linear infinite;display:inline-block}
@keyframes sp{to{transform:rotate(360deg)}}
input[type=range]{-webkit-appearance:none;height:6px;border-radius:4px;width:100%}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 0 10px var(--c)}
.inp{background:#0f1117;border:1px solid var(--bd);border-radius:8px;padding:8px 10px;width:100%;outline:none}
.inp:focus{border-color:var(--c)}
table th{font-weight:400;color:#7d859c;font-size:11px;padding:6px 8px;text-align:right;white-space:nowrap}
table td{padding:8px;border-top:1px solid var(--bd);font-size:12px;white-space:nowrap}
.toast{animation:ti .3s both}
@keyframes ti{from{opacity:0;transform:translateX(-20px)}}
.typing::after{content:'▍';animation:bl 1s infinite;color:var(--c)}
@keyframes bl{50%{opacity:0}}
::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-thumb{background:#2a3044;border-radius:3px}