:root{--bg:#0a0e14;--panel:#11161f;--border:#1e2633;--text:#d6dde8;--buy:#00d68f;--sell:#ff4d6a;--neu:#ffb020;--cy:#22d3ee;--mut:#6b7686}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Vazirmatn,sans-serif;
background-image:radial-gradient(circle at 80% -10%,rgba(34,211,238,.08),transparent 40%),radial-gradient(circle at 0% 110%,rgba(0,214,143,.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:embed}
.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 0 0 1px rgba(0,0,0,.2);animation:rise .5s both}
.lbl{font-size:10px;letter-spacing:.12em;color:var(--mut);text-transform:uppercase;font-weight:700}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.flash-up{animation:fu .8s}.flash-dn{animation:fd .8s}
@keyframes fu{0%{background:rgba(0,214,143,.35)}100%{background:transparent}}
@keyframes fd{0%{background:rgba(255,77,106,.35)}100%{background:transparent}}
.live{width:8px;height:8px;border-radius:50%;background:var(--buy);box-shadow:0 0 0 0 rgba(0,214,143,.7);animation:pulse 1.6s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(0,214,143,0)}100%{box-shadow:0 0 0 0 rgba(0,214,143,0)}}
input,select,textarea{background:#0b1018;border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px 8px;font-size:13px;width:100%;outline:none}
input:focus,select:focus{border-color:var(--cy)}
.btn{border:1px solid var(--border);border-radius:6px;padding:5px 10px;font-size:12px;transition:.15s;cursor:pointer;background:#0f141d}
.btn:hover{border-color:var(--cy);color:var(--cy)}
.btn.on{background:var(--cy);color:#001;border-color:var(--cy);font-weight:700}
.skel{background:linear-gradient(90deg,#141a24,#1c2431,#141a24);background-size:200% 100%;animation:sk 1.2s infinite;border-radius:4px}
@keyframes sk{to{background-position:-200% 0}}
::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#243042;border-radius:3px}
.row:hover{background:rgba(34,211,238,.05)}
input[type=range]{padding:0;accent-color:var(--cy)}