:root{--bg:#0f1117;--card:#1a1d24;--bd:#2a2f3a;--pri:#00d4ff;--up:#00ff88;--dn:#ff3366;--warn:#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,.12),transparent 40%),radial-gradient(circle at 100% 100%,rgba(0,255,136,.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;direction:ltr;unicode-bidi:isolate}
.card{background:var(--card);border:1px solid var(--bd);border-radius:12px;transition:box-shadow .2s,border-color .2s}
.card:hover{border-color:#3a4150;box-shadow:0 0 0 1px rgba(0,212,255,.08),0 8px 30px -12px rgba(0,212,255,.25)}
.btn{border-radius:10px;padding:.5rem .9rem;font-weight:700;transition:transform .1s,filter .2s;cursor:pointer}
.btn:active{transform:scale(.97)}.btn:hover{filter:brightness(1.15)}
.pill{padding:.3rem .7rem;border-radius:999px;border:1px solid var(--bd);font-size:.8rem;cursor:pointer}
.pill.on{background:rgba(0,212,255,.15);border-color:var(--pri);color:var(--pri)}
input,select{background:#12151b;border:1px solid var(--bd);border-radius:8px;padding:.45rem .6rem;color:#fff;outline:none;width:100%}
input:focus,select:focus{border-color:var(--pri)}
.demo{animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.45}}
.flashUp{animation:fu .6s}.flashDn{animation:fd .6s}
@keyframes fu{0%{background:rgba(0,255,136,.25)}}@keyframes fd{0%{background:rgba(255,51,102,.25)}}
.crit{animation:pulse .6s infinite}
.shake{animation:sh .3s}@keyframes sh{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.rise{animation:rise .5s both}@keyframes rise{from{opacity:0;transform:translateY(10px)}}
.levrange{-webkit-appearance:none;height:8px;border-radius:6px;background:linear-gradient(90deg,#00ff88,#ffd000 50%,#ff3366);padding:0;border:none}
.levrange::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--pri);cursor:pointer}
.tog{width:42px;height:22px;border-radius:99px;background:#333a47;position:relative;cursor:pointer;flex-shrink:0;transition:.2s}
.tog.on{background:var(--up)}
.tog::after{content:'';position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}
.tog.on::after{right:23px}
.killflash{position:fixed;inset:0;background:rgba(255,51,102,.45);z-index:90;pointer-events:none;animation:kf 1s forwards}
@keyframes kf{to{opacity:0}}
table td,table th{padding:.45rem .5rem;white-space:nowrap}
.scrollx{overflow-x:auto}
.scrollx::-webkit-scrollbar{height:4px}.scrollx::-webkit-scrollbar-thumb{background:#2a2f3a}