:root{--bg:#0B0F17;--card:#121826;--card2:#171F30;--line:#243049;--text:#E6EDF3;--muted:#8B98AE;
--gold:#F5A524;--green:#22C55E;--red:#EF4444;--amber:#D97706;--blue:#3B82F6}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,"SF Arabic","Segoe UI",Tahoma,sans-serif;font-size:15px}
body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
[hidden]{display:none!important}
.muted{color:var(--muted)}.small{font-size:12px}
.brand{font-size:26px;font-weight:800;color:var(--gold)}.brand.sm{font-size:18px}
.login{max-width:380px;margin:18vh auto 0;padding:24px;text-align:center}
.login form{display:flex;flex-direction:column;gap:10px;margin-top:20px}
input{background:var(--card);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:13px;font-size:16px;direction:ltr;text-align:right}
button{border:0;border-radius:10px;padding:12px 14px;font-size:15px;font-weight:800;color:var(--text);background:var(--card2)}
button.gold{background:var(--gold);color:#0B0F17}button.ghost{background:transparent;border:1px solid var(--line)}
button.wide{width:100%}button.pause{background:var(--amber);color:#fff}button.resume{background:var(--green);color:#06210F}
.error{color:var(--red)}
.top{position:sticky;top:0;z-index:5;background:var(--card);border-bottom:1px solid var(--line);padding:calc(10px + env(safe-area-inset-top)) 14px 10px}
.top-row{display:flex;justify-content:space-between;align-items:center}
.price-box{text-align:left}.price{font-size:24px;font-weight:800;direction:ltr}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.chip{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;border:1px solid}
.chip.ok{color:var(--green);border-color:#22C55E66;background:#22C55E1f}
.chip.bad{color:var(--red);border-color:#EF444466;background:#EF44441f}
.chip.warn{color:var(--amber);border-color:#D9770666;background:#D977061f}
.chip.info{color:var(--blue);border-color:#3B82F666;background:#3B82F61f}
.chip.off{color:#94A3B8;border-color:#47556966;background:#4755691f}
.tab{padding:12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px}
.card.warn{border-color:var(--amber);color:var(--amber)}
.h{color:var(--gold);font-weight:800;margin-bottom:8px}
.line{margin:5px 0;line-height:1.5}
.pos-top{display:flex;justify-content:space-between;align-items:center}
.side{font-size:22px;font-weight:800}.pnl{font-size:26px;font-weight:800;direction:ltr}
.up{color:var(--green)}.down{color:var(--red)}.gold-t{color:var(--gold)}.amber{color:var(--amber)}
.bar{height:8px;background:var(--card2);border-radius:99px;margin:10px 0;overflow:hidden;direction:ltr}
.bar-fill{height:100%;width:50%;background:var(--muted);border-radius:99px;transition:width .4s}
.bar-fill.up{background:var(--green)}.bar-fill.down{background:var(--red)}
.w0{width:0}.w5{width:5%}.w10{width:10%}.w15{width:15%}.w20{width:20%}.w25{width:25%}.w30{width:30%}.w35{width:35%}.w40{width:40%}.w45{width:45%}.w50{width:50%}.w55{width:55%}.w60{width:60%}.w65{width:65%}.w70{width:70%}.w75{width:75%}.w80{width:80%}.w85{width:85%}.w90{width:90%}.w95{width:95%}.w100{width:100%}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}
.kv{display:flex;flex-direction:column}.k{color:var(--muted);font-size:12px}.v{font-weight:700;direction:ltr;text-align:right}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.stat{display:flex;flex-direction:column;align-items:center;background:var(--card2);border-radius:10px;padding:10px 4px}
.sv{font-weight:800;font-size:16px;direction:ltr}.sv.small{font-size:12px}.sl{color:var(--muted);font-size:11px;margin-top:3px;text-align:center}
.confirm{margin-top:10px}.row-btns{display:flex;gap:8px;margin-top:8px}.row-btns button{flex:1}
.trade{display:flex;justify-content:space-between;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:8px}
.trade .l{display:flex;flex-direction:column}.trade .r{font-weight:800;direction:ltr}
.bottom{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
.nav{flex:1;background:transparent;border-radius:0;color:var(--muted);padding:16px 0}.nav.on{color:var(--gold)}