:root{--bg:#0f1117;--card:#1a1d24;--bd:#2a2f3a;--cy:#00d4ff;--gr:#00ff88;--rd:#ff3366;--or:#ff8800}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:#e6e9ef;font-family:'Vazirmatn',sans-serif;
background-image:radial-gradient(circle at 15% -10%,rgba(0,212,255,.10),transparent 40%),radial-gradient(circle at 100% 110%,rgba(0,255,136,.06),transparent 40%),linear-gradient(rgba(42,47,58,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(42,47,58,.25) 1px,transparent 1px);
background-size:auto,auto,40px 40px,40px 40px;background-attachment:fixed}
.num{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:14px;box-shadow:0 6px 24px rgba(0,0,0,.25)}
.logo{text-shadow:0 0 18px rgba(0,212,255,.7);letter-spacing:.08em}
.pulse{animation:pulse 1.6s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,51,102,.6)}50%{box-shadow:0 0 0 8px rgba(255,51,102,0)}}
.fade{animation:fade .35s ease both}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.tabs::-webkit-scrollbar{display:none}
.btn{border:1px solid var(--bd);border-radius:10px;padding:.45rem .9rem;transition:.15s;cursor:pointer}
.btn:hover{filter:brightness(1.2)}
input,select{background:#12151b;border:1px solid var(--bd);border-radius:8px;padding:.35rem .5rem;color:#e6e9ef;outline:none}
input:focus,select:focus{border-color:var(--cy)}
input[type=range]{padding:0;accent-color:var(--cy)}
table td,table th{padding:.45rem .5rem;white-space:nowrap}
.blink{animation:bl 1s steps(2) infinite}@keyframes bl{50%{opacity:.35}}