.th-page{min-height:100%;background:var(--bg0);padding-bottom:24px}
/* Header */
.th-hd{padding:16px 14px 12px;background:var(--bg1);border-bottom:1px solid var(--bdr)}
.th-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.th-title{font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:800;color:var(--t1)}
.th-cnt{font-size:.62rem;color:var(--t3)}
.th-btn{background:var(--acc);border:none;border-radius:9px;padding:7px 14px;color:var(--on-acc);font-size:.72rem;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;text-decoration:none;display:inline-flex;align-items:center;gap:5px}
/* Stats */
.stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px}
.sc{background:var(--bg2);border:1px solid var(--bdr);border-radius:10px;padding:10px 12px}
.sc-l{font-size:.5rem;color:var(--t3);font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.sc-v{font-family:'JetBrains Mono',monospace;font-size:1rem;font-weight:700;color:var(--t1);line-height:1}
.sc-s{font-size:.56rem;color:var(--t3);margin-top:2px}
/* Filter chips */
.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.chips::-webkit-scrollbar{display:none}
.chip{flex-shrink:0;padding:6px 14px;border-radius:20px;border:1.5px solid var(--bdr);background:var(--bg2);color:var(--t2);font-size:.68rem;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;text-decoration:none;transition:all .15s}
.chip.on{border-color:var(--acc);background:rgba(249,115,22,.1);color:var(--acc)}
.chip.won{border-color:rgba(16,185,129,.3);background:rgba(16,185,129,.08);color:var(--grn)}
.chip.won.on{border-color:var(--grn);background:rgba(16,185,129,.18)}
.chip.lost{border-color:rgba(239,68,68,.25);background:rgba(239,68,68,.07);color:#F87171}
.chip.lost.on{border-color:var(--red);background:rgba(239,68,68,.15)}
.chip.open{border-color:rgba(249,115,22,.25);background:rgba(249,115,22,.05);color:var(--acc)}
/* Trade cards */
.tc{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid rgba(30,45,66,.35);cursor:pointer;-webkit-tap-highlight-color:transparent}
.tc:last-child{border:none}
.tc-ico{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.9rem}
.tc-ico.won{background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.2)}
.tc-ico.lost{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.18)}
.tc-ico.pending{background:rgba(249,115,22,.1);border:1px solid rgba(249,115,22,.18)}
.tc-body{flex:1;min-width:0}
.tc-sym{font-size:.78rem;font-weight:700;color:var(--t1)}
.tc-meta{display:flex;align-items:center;gap:5px;margin-top:2px}
.tc-dir{font-size:.56rem;font-weight:800;padding:1px 6px;border-radius:5px}
.tc-dir.rise{background:rgba(16,185,129,.12);color:var(--grn)}
.tc-dir.fall{background:rgba(239,68,68,.1);color:#F87171}
.tc-date{font-size:.58rem;color:var(--t3)}
.tc-right{text-align:right;flex-shrink:0}
.tc-pnl{font-family:'JetBrains Mono',monospace;font-size:.82rem;font-weight:700}
.tc-pnl.pos{color:var(--grn)}.tc-pnl.neg{color:#F87171}.tc-pnl.pend{color:var(--acc)}
.tc-stake{font-size:.58rem;color:var(--t3);margin-top:2px}
/* Empty */
.empty{text-align:center;padding:48px 20px}
.empty-ico{font-size:2.2rem;margin-bottom:10px}
.empty-t{font-size:.84rem;font-weight:700;color:var(--t1);margin-bottom:4px}
.empty-s{font-size:.7rem;color:var(--t3)}
/* Pag */
.pag{padding:12px 14px;display:flex;justify-content:center}
.pg{min-height:100%;background:var(--bg0);padding-bottom:16px}
.pg-hd{padding:16px 14px 12px;background:var(--bg1);border-bottom:1px solid var(--bdr)}
.pg-title{font-family:'Syne',sans-serif;font-size:1.15rem;font-weight:800;color:var(--t1)}
.pg-sub{display:flex;align-items:center;gap:6px;margin-top:3px}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--grn);animation:blink 1.4s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.live-txt{font-size:.62rem;color:var(--t2);font-weight:600}
.new-btn{background:var(--acc);border:none;border-radius:8px;padding:7px 14px;color:var(--on-acc);font-size:.72rem;font-weight:700;font-family:'DM Sans',sans-serif;text-decoration:none;display:flex;align-items:center;gap:5px}
/* stat strip */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px 14px}
.sc{background:var(--bg2);border:1px solid var(--bdr);border-radius:10px;padding:10px 10px}
.sc-l{font-size:.5rem;color:var(--t3);font-weight:700;text-transform:uppercase;letter-spacing:.07em;display:block;margin-bottom:4px}
.sc-v{font-family:'JetBrains Mono',monospace;font-size:.9rem;font-weight:700;color:var(--t1)}
.sc-v.grn{color:var(--grn)}.sc-v.acc{color:var(--acc)}.sc-v.red{color:var(--red)}
/* pnl chart */
.chart-card{margin:0 14px 10px;background:var(--bg2);border:1px solid var(--bdr);border-radius:12px;padding:12px}
.cc-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.cc-title{font-size:.7rem;font-weight:700;color:var(--t2)}
.cc-pill{font-size:.62rem;font-weight:700;padding:2px 8px;border-radius:8px;font-family:'JetBrains Mono',monospace}
.cc-pill.pos{background:rgba(16,185,129,.12);color:var(--grn);border:1px solid rgba(16,185,129,.2)}
.cc-pill.neg{background:rgba(239,68,68,.1);color:var(--red);border:1px solid rgba(239,68,68,.2)}
/* section */
.sec{margin:0 14px 10px}
.sec-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.sec-title{font-size:.6rem;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.08em}
.sec-cnt{font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:8px;background:rgba(249,115,22,.1);color:var(--acc);border:1px solid rgba(249,115,22,.2)}
/* position card */
.pos-card{background:var(--bg2);border:1px solid var(--bdr);border-radius:12px;padding:12px;margin-bottom:7px;position:relative;overflow:hidden}
.pos-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px 0 0 3px}
.pos-card.rise::before{background:var(--grn)}
.pos-card.fall::before{background:var(--red)}
.pc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.pc-sym{font-family:'JetBrains Mono',monospace;font-size:.82rem;font-weight:700;color:var(--t1)}
.pc-dir{font-size:.58rem;font-weight:800;padding:2px 8px;border-radius:8px}
.pc-dir.rise{background:rgba(16,185,129,.12);color:var(--grn);border:1px solid rgba(16,185,129,.2)}
.pc-dir.fall{background:rgba(239,68,68,.1);color:var(--red);border:1px solid rgba(239,68,68,.2)}
.pc-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.pc-m{background:var(--bg3);border-radius:7px;padding:6px 8px;text-align:center}
.pc-ml{font-size:.48rem;color:var(--t3);font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:2px}
.pc-mv{font-size:.74rem;font-weight:700;font-family:'JetBrains Mono',monospace;color:var(--t1)}
.pc-mv.acc{color:var(--acc)}.pc-mv.grn{color:var(--grn)}
/* progress bar */
.pc-prog{margin-top:8px}
.pc-prog-track{height:3px;background:var(--bg3);border-radius:99px;overflow:hidden}
.pc-prog-fill{height:100%;border-radius:99px;transition:width 1s linear}
.pc-prog-fill.rise{background:var(--grn)}.pc-prog-fill.fall{background:var(--red)}
.pc-prog-lbl{display:flex;justify-content:space-between;font-size:.5rem;color:var(--t3);margin-top:3px}
/* empty */
.empty{text-align:center;padding:40px 20px;color:var(--t3)}
.empty svg{width:40px;height:40px;margin:0 auto 10px;opacity:.3}
.empty-title{font-size:.82rem;font-weight:700;color:var(--t2);margin-bottom:4px}
.empty-sub{font-size:.66rem;color:var(--t3)}
.empty-btn{display:inline-flex;align-items:center;gap:5px;margin-top:12px;background:var(--acc);border-radius:9px;padding:8px 18px;color:var(--on-acc);font-size:.72rem;font-weight:700;text-decoration:none}

.pg{min-height:100%;background:var(--bg0);padding-bottom:24px}
.pg-hd{padding:16px 14px 12px;background:var(--bg1);border-bottom:1px solid var(--bdr);display:flex;align-items:center;justify-content:space-between}
.pg-title{font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:800;color:var(--t1)}
.pg-sub{font-size:.62rem;color:var(--t2);margin-top:2px}
.apply-btn{background:var(--acc);border:none;border-radius:8px;padding:8px 14px;color:var(--on-acc);font-size:.7rem;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif}
/* flash */
.flash-ok{margin:10px 14px 0;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2);border-radius:10px;padding:10px 12px;font-size:.7rem;color:#34D399}
.flash-err{margin:10px 14px 0;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);border-radius:10px;padding:10px 12px;font-size:.7rem;color:#FCA5A5}
/* promo gate (not yet IB) */
.promo{margin:12px 14px;background:linear-gradient(135deg,#0F1A2A,#1A1030);border:1px solid var(--bdr);border-radius:16px;padding:20px;text-align:center}
.promo-ico{width:56px;height:56px;background:rgba(249,115,22,.1);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:1.4rem}
.promo-title{font-family:'Syne',sans-serif;font-size:.95rem;font-weight:800;color:var(--t1);margin-bottom:5px}
.promo-sub{font-size:.66rem;color:var(--t2);margin-bottom:14px;line-height:1.6}
.promo-rates{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:16px}
.pr-box{background:var(--bg3);border:1px solid var(--bdr2);border-radius:10px;padding:10px}
.pr-val{font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:800;color:var(--acc)}
.pr-lbl{font-size:.52rem;color:var(--t3);margin-top:2px}
.kyc-note{font-size:.6rem;color:var(--acc);margin-bottom:8px}
.activate-btn{background:var(--acc);border:none;border-radius:10px;padding:12px 24px;color:var(--on-acc);font-size:.78rem;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;box-shadow:0 3px 16px rgba(249,115,22,.25)}
/* stats strip */
.stats4{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:12px 14px 0}
.sc{background:var(--bg2);border:1px solid var(--bdr);border-radius:10px;padding:10px 12px}
.sc-l{font-size:.5rem;color:var(--t3);font-weight:700;text-transform:uppercase;letter-spacing:.07em;display:block;margin-bottom:4px}
.sc-v{font-family:'JetBrains Mono',monospace;font-size:.9rem;font-weight:700;color:var(--t1)}
.sc-v.grn{color:var(--grn)}.sc-v.acc{color:var(--acc)}.sc-v.pur{color:var(--pur)}
/* referral link card */
.link-card{margin:10px 14px 0;background:var(--bg2);border:1px solid var(--bdr);border-radius:12px;padding:14px}
.lc-title{font-size:.6rem;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.link-row{display:flex;gap:6px}
.link-inp{flex:1;background:var(--bg3);border:1px solid var(--bdr2);border-radius:9px;padding:10px 12px;color:var(--t2);font-size:.64rem;font-family:'JetBrains Mono',monospace;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.copy-btn{background:var(--acc);border:none;border-radius:9px;padding:10px 16px;color:var(--on-acc);font-size:.68rem;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;transition:background .15s;white-space:nowrap}
.copy-btn.copied{background:var(--grn)}
/* payout banner */
.payout-banner{margin:10px 14px 0;background:rgba(16,185,129,.07);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.pb-txt{font-size:.72rem;font-weight:700;color:#34D399}
.pb-sub{font-size:.58rem;color:var(--grn);margin-top:2px}
.pb-btn{background:var(--grn);border:none;border-radius:9px;padding:9px 14px;color:var(--on-acc);font-size:.68rem;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;white-space:nowrap}
.min-note{margin:8px 14px 0;background:var(--bg2);border:1px solid var(--bdr);border-radius:10px;padding:10px 12px;font-size:.62rem;color:var(--t3);line-height:1.5}
/* section */
.sec-hd{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 6px}
.sec-title{font-size:.6rem;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.08em}
/* referral card */
.ref-card{background:var(--bg2);border:1px solid var(--bdr);border-radius:11px;padding:11px 12px;margin:0 14px 5px;display:flex;align-items:center;gap:10px}
.ref-av{width:34px;height:34px;border-radius:50%;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:800;color:var(--acc);flex-shrink:0}
.ref-body{flex:1;min-width:0}
.ref-name{font-size:.76rem;font-weight:700;color:var(--t1);line-height:1}
.ref-email{font-size:.56rem;color:var(--t3);margin-top:2px}
.ref-right{text-align:right;flex-shrink:0}
.ref-trades{font-size:.7rem;font-weight:700;color:var(--t1);font-family:'JetBrains Mono',monospace}
.ref-badge{font-size:.5rem;font-weight:700;padding:2px 7px;border-radius:7px;margin-top:3px;display:inline-block}
.rb-ok{background:rgba(16,185,129,.1);color:var(--grn);border:1px solid rgba(16,185,129,.2)}
.rb-pend{background:rgba(249,115,22,.1);color:var(--acc);border:1px solid rgba(249,115,22,.2)}
/* commission row */
.com-row{background:var(--bg2);border:1px solid var(--bdr);border-radius:10px;padding:10px 12px;margin:0 14px 5px;display:flex;align-items:center;justify-content:space-between}
.cr-type{font-size:.74rem;font-weight:700;color:var(--t1)}
.cr-sub{font-size:.56rem;color:var(--t3);margin-top:2px}
.cr-amt{font-family:'JetBrains Mono',monospace;font-size:.8rem;font-weight:700;color:var(--grn)}
.cr-st{font-size:.52rem;margin-top:2px}
.cr-paid{color:var(--grn)}.cr-pend{color:var(--acc)}
.empty{text-align:center;padding:20px;font-size:.7rem;color:var(--t3)}

.pg{min-height:100%;background:var(--bg0);padding-bottom:32px}
.pg-hd{padding:16px 14px 12px;background:var(--bg1);border-bottom:1px solid var(--bdr)}
.pg-title{font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:800;color:var(--t1)}
.pg-sub{font-size:.62rem;color:var(--t2);margin-top:2px}
.sec{padding:12px 14px 0}
/* status banners */
.banner{border-radius:12px;padding:14px 16px;margin-bottom:4px;display:flex;align-items:flex-start;gap:10px}
.banner.ok{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2)}
.banner.warn{background:rgba(249,115,22,.07);border:1px solid rgba(249,115,22,.2)}
.banner.fail{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2)}
.banner-ico{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.9rem}
.banner.ok .banner-ico{background:rgba(16,185,129,.15)}
.banner.warn .banner-ico{background:rgba(249,115,22,.15)}
.banner.fail .banner-ico{background:rgba(239,68,68,.15)}
.banner-title{font-size:.8rem;font-weight:700;color:var(--t1);margin-bottom:2px}
.banner.ok .banner-title{color:#34D399}
.banner.warn .banner-title{color:var(--acc)}
.banner.fail .banner-title{color:#FCA5A5}
.banner-sub{font-size:.62rem;color:var(--t2);line-height:1.5}
/* steps progress */
.steps{display:flex;align-items:center;gap:0;margin:0 14px 14px;padding:14px;background:var(--bg2);border:1px solid var(--bdr);border-radius:12px}
.step{display:flex;flex-direction:column;align-items:center;flex:1}
.step-num{width:28px;height:28px;border-radius:50%;background:var(--bg3);border:2px solid var(--bdr2);display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:800;color:var(--t3);margin-bottom:4px;transition:all .2s}
.step-num.done{background:var(--grn);border-color:var(--grn);color:var(--on-acc)}
.step-num.active{background:var(--acc);border-color:var(--acc);color:var(--on-acc)}
.step-lbl{font-size:.5rem;font-weight:700;color:var(--t3);text-align:center}
.step-lbl.active{color:var(--acc)}
.step-line{flex:1;height:1px;background:var(--bdr2);margin:0 6px;margin-bottom:20px}
/* form card */
.fcard{margin:0 14px 10px;background:var(--bg2);border:1px solid var(--bdr);border-radius:12px;padding:14px}
.fc-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--bdr)}
.fc-num{width:24px;height:24px;border-radius:50%;background:rgba(249,115,22,.15);border:1px solid rgba(249,115,22,.25);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800;color:var(--acc);flex-shrink:0}
.fc-lbl{font-size:.8rem;font-weight:700;color:var(--t1)}
/* inputs */
.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fl{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}
.fl label{font-size:.54rem;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.07em}
.fi{background:var(--bg3);border:1.5px solid var(--bdr2);border-radius:9px;padding:10px 12px;color:var(--t1);font-size:.8rem;outline:none;width:100%;font-family:'DM Sans',sans-serif;transition:border-color .15s}
.fi:focus{border-color:var(--acc)}
.fi-sel{background:var(--bg3);border:1.5px solid var(--bdr2);border-radius:9px;padding:10px 12px;color:var(--t1);font-size:.8rem;outline:none;width:100%;appearance:none;font-family:'DM Sans',sans-serif}
.fi-sel:focus{border-color:var(--acc)}
/* upload zone */
.upload-zone{border:2px dashed var(--bdr2);border-radius:10px;padding:16px;text-align:center;cursor:pointer;transition:border-color .2s;position:relative}
.upload-zone:hover{border-color:var(--acc)}
.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.uz-ico{font-size:1.4rem;margin-bottom:4px}
.uz-title{font-size:.7rem;font-weight:700;color:var(--t2)}
.uz-sub{font-size:.54rem;color:var(--t3);margin-top:2px}
.upload-zone.has-file{border-color:var(--grn);background:rgba(16,185,129,.05)}
.upload-zone.has-file .uz-ico::after{content:'✓';display:block;color:var(--grn)}
/* submit */
.sub-btn{width:100%;background:var(--acc);border:none;border-radius:11px;padding:14px;color:var(--on-acc);font-size:.82rem;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;margin-top:6px;box-shadow:0 3px 16px rgba(249,115,22,.25);transition:background .15s}
.sub-btn:hover{background:#EA580C}
.legal{font-size:.58rem;color:var(--t3);text-align:center;line-height:1.6;margin:10px 14px 0;padding:10px;background:var(--bg2);border-radius:9px;border:1px solid var(--bdr)}


.arena-page{min-height:100%;background:var(--bg0);padding-bottom:20px}
.arena-hero{background:linear-gradient(135deg,#0F1623 0%,#1A1030 50%,#0F1623 100%);padding:18px 16px 14px;position:relative;overflow:hidden;border-bottom:1px solid var(--bdr)}
.arena-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(139,92,246,.12),transparent);pointer-events:none}
.arena-hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.arena-logo{font-family:'Syne',sans-serif;font-size:1.25rem;font-weight:800;color:var(--t1)}
.arena-logo span{color:var(--pur)}
.arena-badge{background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.3);color:#A78BFA;font-size:.58rem;font-weight:700;padding:3px 9px;border-radius:20px;letter-spacing:.06em;text-transform:uppercase}
/* Tabs */
.arena-tabs{display:flex;background:var(--bg1);border-bottom:1px solid var(--bdr);position:sticky;top:0;z-index:10}
.atab{flex:1;padding:12px;text-align:center;font-size:.76rem;font-weight:700;color:var(--t3);border-bottom:2.5px solid transparent;cursor:pointer;transition:all .18s;background:none;border-left:none;border-right:none;border-top:none;font-family:'DM Sans',sans-serif}
.atab.on{color:var(--acc);border-bottom-color:var(--acc)}
.tab-pane{display:none;padding:12px 14px 0}
.tab-pane.on{display:block}
/* Section headers */
.sec-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;margin-top:12px}
.sec-hd:first-child{margin-top:0}
.sec-title{font-size:.66rem;font-weight:700;color:var(--t2);text-transform:uppercase;letter-spacing:.08em}
.badge-live{background:rgba(239,68,68,.1);color:#F87171;border:1px solid rgba(239,68,68,.2);font-size:.54rem;font-weight:700;padding:2px 8px;border-radius:10px}
.badge-soon{background:rgba(249,115,22,.08);color:var(--acc);border:1px solid rgba(249,115,22,.18);font-size:.54rem;font-weight:700;padding:2px 8px;border-radius:10px}
/* Tournament card */
.t-card{background:var(--bg2);border:1px solid var(--bdr);border-radius:14px;padding:14px;margin-bottom:10px;cursor:pointer;transition:border-color .15s;-webkit-tap-highlight-color:transparent}
.t-card:active{transform:scale(.99)}
.t-card.featured{border-color:rgba(245,158,11,.3);background:linear-gradient(135deg,#141D2E,#1A150A)}
.t-card.featured::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.t-card.featured{position:relative}
.t-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}
.t-ico{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
.t-ico.gold{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.25)}
.t-ico.purple{background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.25)}
.t-ico.green{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.25)}
.t-title{font-size:.86rem;font-weight:700;color:var(--t1);line-height:1.2}
.t-sub{font-size:.62rem;color:var(--t2);margin-top:3px}
.status-live{display:flex;align-items:center;gap:4px;font-size:.58rem;font-weight:700;color:#F87171}
.dot-live{width:6px;height:6px;border-radius:50%;background:#EF4444;animation:blink 1.4s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.status-soon{font-size:.6rem;font-weight:700;color:var(--acc)}
.t-prize{background:var(--bg3);border-radius:8px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.prize-lbl{font-size:.52rem;color:var(--t3);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.prize-val{font-family:'JetBrains Mono',monospace;font-size:.86rem;font-weight:700;color:var(--gold)}
.t-stats{display:flex;gap:5px;margin-bottom:10px}
.t-stat{flex:1;background:var(--bg3);border-radius:7px;padding:6px 8px;text-align:center}
.ts-l{font-size:.48rem;color:var(--t3);font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:2px}
.ts-v{font-size:.74rem;font-weight:700;color:var(--t1);font-family:'JetBrains Mono',monospace}
.t-bar-wrap{margin-bottom:10px}
.t-bar-lbl{display:flex;justify-content:space-between;font-size:.56rem;color:var(--t3);margin-bottom:4px}
.t-bar{height:4px;background:var(--bg3);border-radius:99px;overflow:hidden}
.t-bar-fill{height:100%;background:linear-gradient(90deg,var(--acc),#EA580C);border-radius:99px}
.t-btn{width:100%;padding:10px;border-radius:9px;border:none;font-size:.78rem;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all .15s}
.t-btn.primary{background:var(--acc);color:#fff;box-shadow:0 3px 12px rgba(249,115,22,.22)}
.t-btn.primary:active{background:#EA580C}
.t-btn.joined{background:rgba(16,185,129,.1);color:var(--grn);border:1px solid rgba(16,185,129,.22)}
.t-btn.secondary{background:var(--bg3);color:var(--t2);border:1px solid var(--bdr)}
.t-btn.ghost{background:rgba(249,115,22,.08);color:var(--acc);border:1px solid rgba(249,115,22,.2)}
/* Leaderboard */
.lb-card{background:var(--bg2);border:1px solid var(--bdr);border-radius:12px;overflow:hidden;margin-bottom:10px}
.lb-hd{padding:9px 12px;background:var(--bg3);font-size:.58rem;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.08em;display:flex;justify-content:space-between}
.lb-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid rgba(30,45,66,.4)}
.lb-row:last-child{border:none}
.lb-rank{width:22px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:.7rem;font-weight:700}
.lb-r1{color:var(--gold)}.lb-r2{color:#9CA3AF}.lb-r3{color:#B45309}.lb-rn{color:var(--t3)}
.lb-av{width:28px;height:28px;border-radius:50%;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;color:var(--t2);flex-shrink:0;border:1px solid var(--bdr)}
.lb-name{flex:1;font-size:.74rem;font-weight:600;color:var(--t1)}
.lb-you{font-size:.5rem;background:rgba(249,115,22,.12);color:var(--acc);padding:1px 5px;border-radius:4px;margin-left:4px;font-weight:700}
.lb-pnl{font-family:'JetBrains Mono',monospace;font-size:.74rem;font-weight:700;color:var(--grn)}
/* Challenge cards */
.ch-card{background:var(--bg2);border:1px solid var(--bdr);border-radius:14px;padding:14px;margin-bottom:10px;cursor:pointer;transition:border-color .18s;-webkit-tap-highlight-color:transparent}
.ch-card:hover{border-color:var(--bdr)}
.ch-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.ch-ico{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}
.ch-title{font-size:.84rem;font-weight:700;color:var(--t1)}
.ch-sub{font-size:.6rem;color:var(--t2);margin-top:2px}
.diff-starter{background:rgba(16,185,129,.1);color:var(--grn);border:1px solid rgba(16,185,129,.2);font-size:.52rem;font-weight:700;padding:2px 7px;border-radius:9px}
.diff-pro{background:rgba(249,115,22,.08);color:var(--acc);border:1px solid rgba(249,115,22,.18);font-size:.52rem;font-weight:700;padding:2px 7px;border-radius:9px}
.diff-elite{background:rgba(139,92,246,.1);color:#A78BFA;border:1px solid rgba(139,92,246,.2);font-size:.52rem;font-weight:700;padding:2px 7px;border-radius:9px}
.diff-master{background:rgba(245,158,11,.08);color:var(--gold);border:1px solid rgba(245,158,11,.18);font-size:.52rem;font-weight:700;padding:2px 7px;border-radius:9px}
.ch-rules{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}
.ch-rule{background:var(--bg3);border-radius:6px;padding:4px 8px;font-size:.58rem;color:var(--t2)}
.ch-rule b{color:var(--t1)}
.ch-reward{background:linear-gradient(135deg,rgba(245,158,11,.05),rgba(249,115,22,.05));border:1px solid rgba(245,158,11,.14);border-radius:8px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.ch-rew-l{font-size:.52rem;color:var(--t3);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.ch-rew-v{font-family:'JetBrains Mono',monospace;font-size:.86rem;font-weight:700;color:var(--gold)}
.ch-btn{width:100%;padding:10px;border-radius:9px;border:1px solid var(--bdr);font-size:.76rem;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;background:var(--bg3);color:var(--t1);transition:all .15s}
.ch-btn:active{background:var(--bg4)}
/* Active challenges */
.ach-card{background:var(--bg2);border:1px solid var(--bdr);border-radius:12px;padding:12px;margin-bottom:8px}
.ach-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.ach-name{font-size:.78rem;font-weight:700;color:var(--t1);flex:1}
.ach-st-active{background:rgba(16,185,129,.1);color:var(--grn);border:1px solid rgba(16,185,129,.2);font-size:.54rem;font-weight:700;padding:2px 6px;border-radius:8px}
.ach-st-failed{background:rgba(239,68,68,.08);color:#F87171;border:1px solid rgba(239,68,68,.18);font-size:.54rem;font-weight:700;padding:2px 6px;border-radius:8px}
.ach-met{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}
.ach-m{background:var(--bg3);border-radius:7px;padding:6px 8px;text-align:center}
.ach-ml{font-size:.46rem;color:var(--t3);font-weight:700;text-transform:uppercase;display:block;margin-bottom:2px}
.ach-mv{font-size:.72rem;font-weight:700;font-family:'JetBrains Mono',monospace}
.ok{color:var(--grn)}.warn{color:var(--acc)}.fail{color:var(--red)}
/* My position banner */
.my-pos{background:rgba(249,115,22,.06);border:1px solid rgba(249,115,22,.15);border-radius:10px;padding:12px 14px;margin-bottom:10px}

.cb-page{max-width:740px;margin:0 auto;padding:28px 16px 60px}

/* ── hero ── */
.cb-hero{
  background:linear-gradient(135deg,#0f172a,#1e293b);
  border:1px solid rgba(255,255,255,.08);
  border-radius:1.25rem;padding:26px 24px;margin-bottom:20px;
}
.cb-hero-top{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}
.cb-bal-lbl{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#475569;margin-bottom:5px}
.cb-bal-val{font-family:'JetBrains Mono',monospace;font-size:1.5rem;font-weight:900;color:var(--on-acc)}
.cb-bal-val.green{color:var(--grn)}
.cb-divider{border:none;border-top:1px solid rgba(255,255,255,.07);margin:0 0 20px}

/* ── tier badge ── */
.tier-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 14px;border-radius:99px;
  font-size:.72rem;font-weight:800;letter-spacing:.04em;
  border:1px solid;
}

/* ── tier progress card ── */
.tier-card{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  border-radius:1rem;padding:18px 20px;
}
.tier-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}
.tier-progress-bar{height:8px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden;margin-bottom:10px}
.tier-progress-fill{height:100%;border-radius:99px;transition:width .6s ease}
.tier-next-msg{font-size:.72rem;color:#94a3b8}
.tier-next-msg strong{font-weight:700}

/* ── all tiers strip ── */
.tiers-strip{
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;
  margin-bottom:20px;
}
.tier-step{
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);
  border-radius:.875rem;padding:14px 12px;text-align:center;
  transition:border-color .2s;
}
.tier-step.active{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.07)}
.tier-step-ico{font-size:1.4rem;margin-bottom:6px}
.tier-step-name{font-size:.65rem;font-weight:800;color:var(--on-acc);margin-bottom:2px}
.tier-step-rate{font-size:.72rem;font-weight:900;margin-bottom:4px}
.tier-step-min{font-size:.58rem;color:#475569}

/* ── withdraw box ── */
.cb-withdraw{
  background:#fff;border:1px solid var(--border);
  border-radius:1rem;padding:20px;margin-bottom:20px;
  box-shadow:0 2px 12px rgba(0,0,0,.05);
}
.cb-withdraw h3{font-size:.88rem;font-weight:800;color:var(--dark);margin-bottom:4px}
.cb-withdraw p{font-size:.76rem;color:#64748b;margin-bottom:14px}
.cb-row{display:flex;gap:10px}
.cb-input{
  flex:1;padding:11px 14px;border:1px solid var(--border);border-radius:.75rem;
  font-size:.88rem;font-family:inherit;outline:none;transition:border-color .15s;
}
.cb-input:focus{border-color:var(--acc)}
.cb-btn{
  padding:11px 22px;border-radius:.75rem;border:none;cursor:pointer;
  background:var(--grn);color:var(--on-acc);font-size:.88rem;font-weight:700;
  font-family:inherit;transition:background .15s;white-space:nowrap;
}
.cb-btn:hover{background:#059669}

/* ── current month preview ── */
.cb-preview{
  background:rgba(249,115,22,.05);border:1px solid rgba(249,115,22,.18);
  border-radius:1rem;padding:18px 20px;margin-bottom:20px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.cb-preview-left{}
.cb-preview-lbl{font-size:.78rem;font-weight:700;color:#c2410c}
.cb-preview-sub{font-size:.68rem;color:#9a3412;margin-top:3px}
.cb-preview-val{font-family:'JetBrains Mono',monospace;font-size:1.4rem;font-weight:900;color:var(--acc)}
.cb-preview-rate{font-size:.65rem;color:#9a3412;margin-top:2px;text-align:right}

/* ── info banner ── */
.cb-info{
  background:#f0fdf4;border:1px solid #bbf7d0;border-radius:1rem;
  padding:14px 18px;margin-bottom:20px;
  display:flex;gap:10px;align-items:flex-start;
}
.cb-info p{font-size:.76rem;color:#166534;line-height:1.65}

/* ── history ── */
.cb-section-lbl{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#94a3b8;margin-bottom:10px}
.cb-table-wrap{background:#fff;border:1px solid var(--border);border-radius:1rem;overflow:hidden}
.cb-table{width:100%;border-collapse:collapse}
.cb-table th{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#94a3b8;padding:10px 14px;text-align:left;background:#f8fafc;border-bottom:1px solid var(--border)}
.cb-table td{font-size:.82rem;padding:13px 14px;border-bottom:1px solid #f1f5f9;color:var(--dark)}
.cb-table tr:last-child td{border-bottom:none}
.cb-table tr:hover td{background:#fafafa}
.pill{display:inline-flex;align-items:center;gap:4px;font-size:.58rem;font-weight:700;padding:3px 8px;border-radius:99px}
.pill-credited{background:rgba(16,185,129,.1);color:var(--grn);border:1px solid rgba(16,185,129,.2)}
.pill-pending{background:rgba(249,115,22,.1);color:var(--acc);border:1px solid rgba(249,115,22,.2)}

/* ── alerts ── */
.alert-ok{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.875rem;padding:13px 16px;margin-bottom:16px;font-size:.82rem;color:#166534;font-weight:600}
.alert-err{background:#fef2f2;border:1px solid #fecaca;border-radius:.875rem;padding:13px 16px;margin-bottom:16px;font-size:.82rem;color:#991b1b;font-weight:600}

@media(max-width:600px){
  .cb-hero-top{grid-template-columns:1fr}
  .tiers-strip{grid-template-columns:repeat(2,1fr)}
  .cb-row{flex-direction:column}
  .cb-preview{flex-direction:column;gap:10px}
  .cb-preview-rate{text-align:left}
}
.pg{min-height:100%;background:var(--bg0);padding-bottom:24px}
.pg-hd{padding:16px 14px 12px;background:var(--bg1);border-bottom:1px solid var(--bdr)}
.pg-title{font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:800;color:var(--t1)}
.pg-sub{font-size:.62rem;color:var(--t2);margin-top:2px}
.bal-stripe{margin:12px 14px;background:linear-gradient(135deg,#0F1A2A,#1A1030);border:1px solid var(--bdr);border-radius:14px;padding:16px}
.bs-lbl{font-size:.54rem;color:var(--t3);font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px}
.bs-val{font-family:'JetBrains Mono',monospace;font-size:1.6rem;font-weight:700;color:var(--t1)}
.bs-cur{font-size:.58rem;color:var(--t2);margin-top:2px}
.kyc-warn{margin-top:10px;background:rgba(249,115,22,.08);border:1px solid rgba(249,115,22,.2);border-radius:9px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}
.kw-txt{font-size:.62rem;color:var(--acc)}
.kw-btn{background:var(--acc);border:none;border-radius:7px;padding:5px 12px;color:var(--on-acc);font-size:.6rem;font-weight:700;text-decoration:none;font-family:'DM Sans',sans-serif}
.sec{padding:0 14px;margin-bottom:14px}
.sec-title{font-size:.56rem;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.inp-lbl{font-size:.56rem;color:var(--t2);font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px;display:block;margin-top:10px}
.inp-wrap{position:relative}
.inp-pre{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-family:'JetBrains Mono',monospace;font-size:.9rem;color:var(--t2);font-weight:700;pointer-events:none}
.inp{width:100%;background:var(--bg2);border:1.5px solid var(--bdr2);border-radius:10px;padding:12px 12px 12px 32px;color:var(--t1);font-family:'JetBrains Mono',monospace;font-size:.9rem;outline:none;transition:border-color .15s}
.inp:focus{border-color:var(--acc)}
.inp-plain{width:100%;background:var(--bg2);border:1.5px solid var(--bdr2);border-radius:10px;padding:11px 12px;color:var(--t1);font-size:.8rem;outline:none;transition:border-color .15s;font-family:'DM Sans',sans-serif}
.inp-plain:focus{border-color:var(--acc)}
.sel-inp{width:100%;background:var(--bg2);border:1.5px solid var(--bdr2);border-radius:10px;padding:11px 12px;color:var(--t1);font-size:.8rem;outline:none;appearance:none;font-family:'DM Sans',sans-serif}
.sel-inp:focus{border-color:var(--acc)}
.qa{display:flex;gap:5px;margin:7px 0 10px}
.qa-btn{flex:1;padding:8px;background:var(--bg3);border:1.5px solid var(--bdr2);border-radius:9px;color:var(--t2);font-size:.64rem;font-weight:700;cursor:pointer;text-align:center;font-family:'JetBrains Mono',monospace;transition:all .15s}
.qa-btn:hover{border-color:var(--acc);color:var(--acc)}
/* method select */
.meth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}
.meth-btn{padding:10px 6px;background:var(--bg3);border:1.5px solid var(--bdr2);border-radius:10px;cursor:pointer;text-align:center;transition:all .15s}
.meth-btn.on{background:rgba(249,115,22,.1);border-color:var(--acc)}
.mb-ico{font-size:.95rem;display:block;margin-bottom:3px}
.mb-lbl{font-size:.58rem;font-weight:700;color:var(--t2);display:block}
.meth-btn.on .mb-lbl{color:var(--acc)}
.sub-btn{width:100%;background:var(--acc);border:none;border-radius:11px;padding:14px;color:var(--on-acc);font-size:.82rem;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;margin-top:10px;box-shadow:0 3px 16px rgba(249,115,22,.25)}
.notice{background:rgba(245,158,11,.07);border:1px solid rgba(245,158,11,.2);border-radius:10px;padding:10px 12px;font-size:.62rem;color:#FCD34D;line-height:1.5;margin:8px 0}
/* KYC gate */
.kyc-gate{margin:12px 14px;background:var(--bg2);border:1px solid var(--bdr);border-radius:14px;padding:24px;text-align:center}
.kg-ico{width:52px;height:52px;background:rgba(249,115,22,.1);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:1.3rem}
.kg-title{font-size:.9rem;font-weight:700;color:var(--t1);margin-bottom:4px}
.kg-sub{font-size:.66rem;color:var(--t3);margin-bottom:14px}
.kg-btn{background:var(--acc);border:none;border-radius:10px;padding:10px 24px;color:var(--on-acc);font-size:.76rem;font-weight:700;text-decoration:none;font-family:'DM Sans',sans-serif}
/* history */
.wd-row{background:var(--bg2);border:1px solid var(--bdr);border-radius:10px;padding:10px 12px;margin-bottom:5px;display:flex;align-items:center;justify-content:space-between}
.wr-l{font-size:.74rem;font-weight:700;color:var(--t1)}
.wr-s{font-size:.56rem;color:var(--t3);margin-top:1px}
.wr-right{text-align:right}
.wr-amt{font-family:'JetBrains Mono',monospace;font-size:.76rem;font-weight:700;color:var(--red)}
.st-badge{font-size:.54rem;font-weight:700;padding:2px 8px;border-radius:7px;display:block;margin-top:3px}
.st-comp{background:rgba(16,185,129,.1);color:var(--grn);border:1px solid rgba(16,185,129,.2)}
.st-pend{background:rgba(249,115,22,.1);color:var(--acc);border:1px solid rgba(249,115,22,.2)}
.st-fail{background:rgba(239,68,68,.1);color:var(--red);border:1px solid rgba(239,68,68,.2)}
/* Sidebar Nav Buttons - Force high specificity */
#shell #lnav .ln-item, 
#shell #rnav .rn-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 7px !important;
    color: var(--t3) !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important; /* Remove native button borders */
    padding: 0 !important;
    margin: 0 !important;
}

/* Hover State */
#shell #lnav .ln-item:hover, 
#shell #rnav .rn-item:hover {
    background: var(--bg3) !important;
    color: var(--t2) !important;
}

/* Active/Selected State */
#shell #lnav .ln-item.on, 
#shell #rnav .rn-item.on {
    background: rgba(var(--acc-r), var(--acc-g), var(--acc-b), 0.12) !important;
    color: var(--acc) !important;
}


body{background:var(--bg0);font-family:'DM Sans',sans-serif}
.pg{min-height:100%;background:var(--bg0);padding-bottom:32px}

/* ── Header ── */
.hd{background:var(--bg1);border-bottom:1px solid var(--bdr);padding:16px 16px 14px;display:flex;align-items:center;gap:12px}
.hd-back{width:34px;height:34px;border-radius:50%;background:var(--bg2);border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--t1);flex-shrink:0}
.hd-back svg{width:18px;height:18px}
.hd-info{flex:1}
.hd-title{font-family:'Syne',sans-serif;font-size:1.05rem;font-weight:800;color:var(--t1)}
.hd-acct{font-size:.6rem;color:var(--t3);margin-top:2px;font-family:'JetBrains Mono',monospace}

/* ── Alerts ── */
.alert{border-radius:12px;padding:11px 14px;font-size:.74rem;margin:12px 14px 0;display:flex;align-items:center;gap:8px}
.alert.ok{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.25);color:var(--grn)}
.alert.err{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:var(--red)}

/* ── Amount block ── */
.amt-block{margin:14px 14px 0;background:var(--bg2);border:1px solid var(--bdr);border-radius:16px;padding:16px}
.field-lbl{font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--t3);margin-bottom:8px;display:block}
.amt-row{display:flex;align-items:center;gap:8px;background:var(--bg3);border:1.5px solid var(--bdr2);border-radius:11px;padding:12px 14px;transition:border-color .15s}
.amt-row:focus-within{border-color:var(--acc)}
.amt-pre{font-family:'JetBrains Mono',monospace;font-size:1.1rem;font-weight:700;color:var(--t3)}
.amt-inp{flex:1;background:none;border:none;outline:none;font-family:'JetBrains Mono',monospace;font-size:1.4rem;font-weight:700;color:var(--t1)}
.amt-inp::placeholder{color:var(--bdr2)}
.qa{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}
.qa-btn{padding:7px 4px;background:var(--bg3);border:1.5px solid var(--bdr2);border-radius:9px;color:var(--t2);font-size:.66rem;font-weight:700;cursor:pointer;text-align:center;font-family:'JetBrains Mono',monospace;transition:all .15s}
.qa-btn:hover,.qa-btn:active{border-color:var(--acc);color:var(--acc);background:rgba(249,115,22,.06)}

/* ── Promo strip (inline) ── */
.promo-strip{margin:8px 14px 0}

/* ── Section label ── */
.sec-lbl{padding:16px 14px 8px;font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--t3)}

/* ── Method rows ── */
.method-list{margin:0 14px;display:flex;flex-direction:column;gap:6px}
.method-row{background:var(--bg2);border:1px solid var(--bdr);border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;text-decoration:none;transition:border-color .15s;-webkit-tap-highlight-color:transparent}
.method-row:active{border-color:var(--acc)}
.method-ico{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem}
.method-ico.crypto{background:rgba(16,185,129,.1)}
.method-ico.bank{background:rgba(59,130,246,.1)}
.method-ico.card{background:rgba(139,92,246,.1)}
.method-ico.palmpay{background:rgba(249,115,22,.1)}
.method-body{flex:1;min-width:0}
.method-name{font-size:.84rem;font-weight:700;color:var(--t1)}
.method-sub{font-size:.6rem;color:var(--t3);margin-top:2px}
.method-chev{color:var(--t3);flex-shrink:0}
.method-chev svg{width:18px;height:18px}

/* ── Crypto panel ── */
.crypto-panel{display:none;border-top:1px solid var(--bdr);padding:14px 16px}
.coin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px}
.coin-btn{text-align:center;padding:9px 4px;border-radius:9px;cursor:pointer;border:1.5px solid var(--bdr2);background:var(--bg3);transition:all .15s}
.coin-btn.active{border-color:var(--grn);background:rgba(16,185,129,.08)}
.coin-sym{font-size:.7rem;font-weight:800;color:var(--t2)}
.coin-btn.active .coin-sym{color:var(--grn)}
.coin-net{font-size:.48rem;color:var(--t3);margin-top:1px}
.go-btn{width:100%;background:var(--grn);border:none;border-radius:10px;padding:13px;color:#fff;font-size:.82rem;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif}

/* ── History ── */
.hist-sec{margin:20px 14px 0}
.hist-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--bdr)}
.hist-row:last-child{border:none}
.hist-ico{width:34px;height:34px;border-radius:50%;background:rgba(16,185,129,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.85rem}
.hist-body{flex:1;min-width:0}
.hist-method{font-size:.76rem;font-weight:700;color:var(--t1)}
.hist-time{font-size:.58rem;color:var(--t3);margin-top:2px}
.hist-right{text-align:right;flex-shrink:0}
.hist-amt{font-family:'JetBrains Mono',monospace;font-size:.78rem;font-weight:700;color:var(--grn)}
.badge{font-size:.5rem;font-weight:700;padding:2px 7px;border-radius:6px;display:inline-block;margin-top:3px}
.badge-ok{background:rgba(16,185,129,.1);color:var(--grn);border:1px solid rgba(16,185,129,.2)}
.badge-pend{background:rgba(249,115,22,.1);color:var(--acc);border:1px solid rgba(249,115,22,.2)}
.badge-fail{background:rgba(239,68,68,.1);color:var(--red);border:1px solid rgba(239,68,68,.2)}

.ssl-note{text-align:center;padding:20px 14px 0;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.6rem;color:var(--t3)}
.ssl-note svg{width:13px;height:13px;stroke:var(--t3);fill:none;flex-shrink:0}
.pg{min-height:100%;background:var(--bg0);padding-bottom:24px}

/* ── Header ── */
.hd{background:var(--bg1);border-bottom:1px solid var(--bdr);padding:16px 16px 0}
.hd-top{display:flex;align-items:center;gap:12px;padding-bottom:14px}
.hd-back{width:34px;height:34px;border-radius:50%;background:var(--bg2);border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--t1);flex-shrink:0}
.hd-back svg{width:18px;height:18px}
.hd-info{flex:1}
.hd-title{font-family:'Syne',sans-serif;font-size:1.05rem;font-weight:800;color:var(--t1)}
.hd-sub{font-size:.6rem;color:var(--t3);margin-top:2px}
.trade-btn{background:var(--acc);border:none;border-radius:9px;padding:7px 14px;color:var(--on-acc);font-size:.72rem;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}

/* ── Stats strip ── */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--bdr);background:var(--bg1)}
.stat{padding:11px 10px;border-right:1px solid var(--bdr);text-align:center}
.stat:last-child{border:none}
.stat-lbl{font-size:.48rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--t3);margin-bottom:3px}
.stat-val{font-family:'JetBrains Mono',monospace;font-size:.86rem;font-weight:700;color:var(--t1);line-height:1}
.stat-sub{font-size:.48rem;color:var(--t3);margin-top:2px}

/* ── Filter chips ── */
.filters{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:12px 14px;border-bottom:1px solid var(--bdr);background:var(--bg1)}
.filters::-webkit-scrollbar{display:none}
.fchip{flex-shrink:0;padding:6px 14px;border-radius:20px;border:1.5px solid var(--bdr2);background:var(--bg2);color:var(--t2);font-size:.7rem;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;text-decoration:none;transition:all .15s;white-space:nowrap}
.fchip.on{border-color:var(--acc);background:rgba(249,115,22,.1);color:var(--acc)}
.fchip.won{color:var(--grn);border-color:rgba(16,185,129,.25)}
.fchip.won.on{border-color:var(--grn);background:rgba(16,185,129,.1)}
.fchip.lost{color:#F87171;border-color:rgba(239,68,68,.25)}
.fchip.lost.on{border-color:var(--red);background:rgba(239,68,68,.1)}

/* ── Trade rows ── */
.date-grp{padding:10px 14px 5px;font-size:.56rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--t3)}
.tc{background:var(--bg2);border:1px solid var(--bdr);border-radius:13px;margin:0 14px 6px;padding:12px 14px;display:flex;align-items:center;gap:11px}
.tc-ico{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.9rem;font-weight:800}
.tc-ico.won{background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.2);color:var(--grn)}
.tc-ico.lost{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.18);color:#F87171}
.tc-ico.pending{background:rgba(249,115,22,.1);border:1px solid rgba(249,115,22,.18);color:var(--acc)}
.tc-body{flex:1;min-width:0}
.tc-sym{font-size:.8rem;font-weight:700;color:var(--t1)}
.tc-meta{display:flex;align-items:center;gap:6px;margin-top:3px}
.dir-badge{font-size:.56rem;font-weight:800;padding:2px 7px;border-radius:5px}
.dir-rise{background:rgba(16,185,129,.12);color:var(--grn)}
.dir-fall{background:rgba(239,68,68,.1);color:#F87171}
.tc-time{font-size:.56rem;color:var(--t3)}
.tc-right{text-align:right;flex-shrink:0}
.tc-pnl{font-family:'JetBrains Mono',monospace;font-size:.84rem;font-weight:700}
.tc-pnl.pos{color:var(--grn)}.tc-pnl.neg{color:#F87171}.tc-pnl.pend{color:var(--acc)}
.tc-stake{font-size:.58rem;color:var(--t3);margin-top:2px}
.tc-payout{font-size:.52rem;color:var(--t3);margin-top:1px}

/* ── Empty ── */
.empty{text-align:center;padding:56px 20px}
.empty-ico{font-size:2.4rem;margin-bottom:12px}
.empty-t{font-size:.86rem;font-weight:700;color:var(--t1);margin-bottom:4px}
.empty-s{font-size:.7rem;color:var(--t3)}