:root{--bg:#0b0f19;--panel:#131a2a;--line:#1f2a40;--buy:#16c784;--sell:#ea3943;--neu:#f5a623;--acc:#3ad7ff;}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:#d7deea;font-family:'Vazirmatn',sans-serif;
background-image:radial-gradient(ellipse at 10% -10%,rgba(58,215,255,.10),transparent 50%),radial-gradient(ellipse at 100% 110%,rgba(22,199,132,.08),transparent 50%),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}
.num{font-family:'JetBrains Mono',monospace;direction:ltr;unicode-bidi:embed;display:inline-block}
.panel{background:rgba(19,26,42,.85);border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(8px);animation:rise .45s ease both}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.flash-up{animation:fu .8s}.flash-dn{animation:fd .8s}
@keyframes fu{0%{background:rgba(22,199,132,.35)}100%{background:transparent}}
@keyframes fd{0%{background:rgba(234,57,67,.35)}100%{background:transparent}}
.pulse{animation:pl 1.4s infinite}
@keyframes pl{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(22,199,132,.6)}50%{opacity:.6;box-shadow:0 0 0 6px rgba(22,199,132,0)}}
.skel{background:linear-gradient(90deg,#172035 25%,#22304d 50%,#172035 75%);background-size:200% 100%;animation:sh 1.2s infinite;border-radius:6px}
@keyframes sh{to{background-position:-200% 0}}
.chip{padding:3px 10px;border-radius:8px;border:1px solid var(--line);font-family:'JetBrains Mono',monospace;font-size:12px;transition:.2s}
.chip.on{background:var(--acc);color:#04121a;border-color:var(--acc);font-weight:700}
input,select,textarea{background:#0e1422;border:1px solid var(--line);border-radius:8px;padding:6px 8px;color:#e6ecf5;outline:none;width:100%}
input:focus,select:focus{border-color:var(--acc)}
.btn{padding:6px 12px;border-radius:9px;border:1px solid var(--line);background:#18223a;transition:.2s;font-size:13px}
.btn:hover{border-color:var(--acc);color:var(--acc)}
.btn-buy{background:var(--buy);color:#03150d;border:none;font-weight:700}
.btn-sell{background:var(--sell);color:#fff;border:none;font-weight:700}
.toast{animation:tin .4s cubic-bezier(.2,1.4,.4,1) both}
@keyframes tin{from{opacity:0;transform:translateX(-40px) scale(.9)}to{opacity:1;transform:none}}
::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#26324d;border-radius:3px}
.row-sel{background:rgba(58,215,255,.08);box-shadow:inset -3px 0 0 var(--acc)}
.ring{transition:stroke-dashoffset 1s ease}
table{border-collapse:collapse}