*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --b9:#0D47A1;--b8:#1565C0;--b7:#1976D2;--b5:#2196F3;--b3:#64B5F6;--b1:#BBDEFB;--b0:#E3F2FD;
  --w:#fff;--g50:#F8FAFC;--g100:#F1F5F9;--g200:#E2E8F0;--g300:#CBD5E1;--g500:#64748B;--g700:#334155;--g900:#0F172A;
  --green:#00C853;--red:#FF3D57;--gold:#F59E0B;--purp:#7C3AED;
  --r:14px;--nav:64px;--ff:'Inter',sans-serif;
}
html,body{height:100%;width:100%;font-family:var(--ff);background:var(--g50);color:var(--g700);overflow:hidden}

/* ── SCREENS ── */
.screen{position:absolute;inset:0;display:flex;flex-direction:column;transition:opacity .22s,transform .22s;background:var(--g50)}
.screen.off{opacity:0;pointer-events:none;transform:translateY(10px)}

/* ── TOAST ── */
#toast{position:fixed;top:16px;left:50%;transform:translateX(-50%) translateY(-90px);background:var(--g900);color:#fff;padding:10px 20px;border-radius:30px;font-size:13px;font-weight:600;z-index:9999;transition:transform .3s;white-space:nowrap;pointer-events:none;max-width:90vw;text-align:center}
#toast.on{transform:translateX(-50%) translateY(0)}

/* ── LOADER OVERLAY ── */
#loader{position:fixed;inset:0;background:rgba(15,23,42,.65);z-index:8888;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;opacity:0;pointer-events:none;transition:opacity .25s}
#loader.on{opacity:1;pointer-events:all}
.spin{width:44px;height:44px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
#loader p{color:#fff;font-size:14px;font-weight:600}

/* ════════════════════════════
   AUTH SCREENS
════════════════════════════ */
#pg-login,#pg-register,#pg-key{
  background:linear-gradient(155deg,var(--b9) 0%,var(--b7) 55%,var(--b3) 100%);
  align-items:center;justify-content:center;padding:24px;overflow-y:auto;
}
.acard{background:var(--w);border-radius:24px;padding:32px 24px 28px;width:100%;max-width:380px;box-shadow:0 28px 64px rgba(13,71,161,.42)}
.alogo{text-align:center;margin-bottom:24px}
.abadge{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,var(--b8),var(--b5));box-shadow:0 8px 24px rgba(21,101,192,.44);margin-bottom:12px}
.abadge span{font-size:20px;font-weight:800;color:#fff}
.alogo h1{font-size:23px;font-weight:800;color:var(--b9);letter-spacing:-.5px}
.alogo p{font-size:12px;color:var(--g500);margin-top:3px}
.fld{margin-bottom:13px}
.fld label{display:block;font-size:11px;font-weight:700;color:var(--g500);text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px}
.fld input{width:100%;padding:12px 14px;border:1.5px solid var(--g200);border-radius:10px;font-size:14px;font-family:var(--ff);color:var(--g700);background:var(--g50);outline:none;transition:border-color .18s}
.fld input:focus{border-color:var(--b5);background:var(--w)}
.fld .hint{font-size:10px;color:var(--g500);margin-top:4px}
.fld .err{font-size:11px;color:var(--red);margin-top:4px;display:none}
.fld.has-err input{border-color:var(--red)}
.fld.has-err .err{display:block}
.btn-a{width:100%;padding:14px;background:linear-gradient(135deg,var(--b8),var(--b5));color:#fff;font-size:15px;font-weight:700;border:none;border-radius:12px;cursor:pointer;box-shadow:0 6px 18px rgba(21,101,192,.38);margin-top:6px;font-family:var(--ff);transition:opacity .18s}
.btn-a:active{opacity:.85}
.afoot{text-align:center;margin-top:16px;font-size:12px;color:var(--g500)}
.afoot a{color:var(--b7);font-weight:600;text-decoration:none;cursor:pointer}

/* key reveal card */
.key-box{background:var(--g900);border-radius:12px;padding:14px;margin:14px 0;word-break:break-all;font-size:12px;font-family:monospace;color:#4ade80;line-height:1.6;position:relative}
.key-copy{position:absolute;top:8px;right:8px;background:rgba(255,255,255,.1);border:none;color:#fff;padding:4px 10px;border-radius:6px;font-size:11px;cursor:pointer;font-family:var(--ff)}
.addr-box{background:var(--b0);border-radius:10px;padding:12px 14px;word-break:break-all;font-size:13px;font-weight:700;color:var(--b8);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.addr-box .addr-ico{font-size:18px;flex-shrink:0}
.warn-box{background:#FFF3E0;border-radius:10px;padding:12px 14px;font-size:12px;color:#E65100;line-height:1.5;border-left:3px solid var(--gold);margin-bottom:14px}

/* ════════════════════════════
   APP SHELL
════════════════════════════ */
.abody{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(var(--nav) + 8px);-webkit-overflow-scrolling:touch;scroll-behavior:smooth}
.abody::-webkit-scrollbar{display:none}

/* ── BANNER ── */
.banner{background:linear-gradient(135deg,var(--b9) 0%,var(--b7) 60%,var(--b5) 100%);padding:16px 16px 28px;position:relative;overflow:hidden}
.banner::before{content:'';position:absolute;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.07);top:-55px;right:-45px}
.banner::after{content:'';position:absolute;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.05);bottom:-35px;left:18px}
.btop{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;position:relative;z-index:1}
.brand{display:flex;align-items:center;gap:9px}
.bicon{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff}
.bname{font-size:19px;font-weight:800;color:#fff;letter-spacing:-.3px}
.bacts{display:flex;gap:8px}
.ibtn{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;font-size:15px;transition:background .18s}
.ibtn:active{background:rgba(255,255,255,.3)}
.bgreet{font-size:12px;color:var(--b1);margin-bottom:3px;position:relative;z-index:1}
.buser{font-size:18px;font-weight:700;color:#fff;position:relative;z-index:1}

/* ── WALLET CARD (hero) ── */
.wallet-hero{
  margin:0 14px;margin-top:-16px;position:relative;z-index:3;
  background:linear-gradient(135deg,#0a2e6e,var(--b8));
  border-radius:18px;padding:20px;box-shadow:0 8px 28px rgba(13,71,161,.38);
  overflow:hidden;
}
.wallet-hero::before{content:'';position:absolute;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.06);top:-40px;right:-30px}
.wh-label{font-size:10px;font-weight:700;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.7px;margin-bottom:4px}
.wh-balance{font-size:32px;font-weight:800;color:#fff;letter-spacing:-.8px;margin-bottom:2px}
.wh-usd{font-size:13px;color:rgba(255,255,255,.65);margin-bottom:14px}
.wh-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wh-addr{font-size:10px;font-family:monospace;color:rgba(255,255,255,.7);background:rgba(255,255,255,.1);padding:5px 10px;border-radius:20px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wh-copy{background:rgba(255,255,255,.15);border:none;color:#fff;padding:5px 10px;border-radius:20px;font-size:10px;font-weight:700;cursor:pointer;font-family:var(--ff);flex-shrink:0}
.wh-pulse{display:flex;align-items:center;gap:5px;margin-top:10px;font-size:10px;color:rgba(255,255,255,.6);font-weight:600}
.wh-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}

/* ── ROBOT BAR ── */
.rbar{margin:10px 14px 0;background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 4px 16px rgba(0,0,0,.09);display:flex;align-items:center;justify-content:space-between;gap:10px}
.rinfo{flex:1}
.rlabel{font-size:10px;font-weight:700;color:var(--g500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}
.rstatus{font-size:13px;font-weight:600;color:var(--g700);display:flex;align-items:center;gap:7px}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--green);position:relative;flex-shrink:0}
.pulse::after{content:'';position:absolute;inset:-3px;border-radius:50%;background:rgba(0,200,83,.3);animation:pulse 1.4s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.7)}}
.pulse.idle{background:var(--g300)}.pulse.idle::after{display:none}
.bstart{padding:10px 18px;border-radius:10px;border:none;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--ff);background:linear-gradient(135deg,var(--b8),var(--b5));color:#fff;box-shadow:0 4px 14px rgba(21,101,192,.35);transition:all .2s;white-space:nowrap}
.bstart.stop{background:linear-gradient(135deg,#b71c1c,var(--red));box-shadow:0 4px 14px rgba(255,61,87,.35)}
.bstart:active{opacity:.85}

/* ── ARB FLOW ── */
.arbcard{background:#fff;border-radius:var(--r);padding:16px;box-shadow:0 3px 12px rgba(0,0,0,.07)}
.arbrow{display:flex;align-items:center;gap:8px}
.arbex{flex:1;background:var(--b0);border-radius:10px;padding:10px 8px;text-align:center}
.arbex-lbl{font-size:9px;font-weight:700;color:var(--g500);text-transform:uppercase;letter-spacing:.5px}
.arbex-name{font-size:11px;font-weight:800;color:var(--b9);text-transform:uppercase}
.arbex-price{font-size:14px;font-weight:800;color:var(--b8);margin-top:2px}
.arrarrow{font-size:18px;color:var(--b5);flex-shrink:0}
.arbspread{display:flex;justify-content:space-around;margin-top:12px;padding-top:12px;border-top:1px solid var(--g100)}
.aitem span{display:block;font-size:9px;font-weight:700;color:var(--g500);text-transform:uppercase;letter-spacing:.4px}
.aitem strong{font-size:14px;font-weight:800;color:var(--green)}
/*cat*/
.arb-card{
background:#fff;
border-radius:18px;
padding:18px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
margin-bottom:18px;
}

.arb-top{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:18px;
}

.arb-pair{
font-size:22px;
font-weight:700;
}

.arb-status{
font-size:13px;
color:#777;
margin-top:5px;
}

.arb-profit{
font-size:26px;
font-weight:bold;
color:#18b566;
}

.arb-row{
display:flex;
justify-content:space-between;
padding:10px 0;
border-bottom:1px solid #eee;
font-size:15px;
}

.arb-update{
margin-top:15px;
font-size:12px;
color:#888;
text-align:right;
}
.arb-item{

display:flex;

justify-content:space-between;

align-items:center;

padding:12px;

margin-top:10px;

border-radius:12px;

background:#fafafa;

border:1px solid #ececec;

}

.arb-item .left{

font-weight:700;

}


#arb-top-list{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin-top:12px;
}

.arb-item{
    background:#fff;
    border-radius:18px;
    padding:15px;
    box-shadow:0 4px 18px rgba(0,0,0,.06);
    display:flex;
    justify-content:space-between;
    align-items:center;
    transition:.25s;
}

.arb-item:hover{
    transform:translateY(-2px);
}

.arb-item small{
    color:#888;
}

.arb-item .right{
    color:#17b56a;
    font-size:18px;
    font-weight:bold;
}
/* ── STATS ── */
.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sc{background:#fff;border-radius:var(--r);padding:14px;box-shadow:0 3px 12px rgba(0,0,0,.07)}
.slbl{font-size:10px;font-weight:700;color:var(--g500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;display:flex;align-items:center;gap:5px}
.sdot{width:6px;height:6px;border-radius:50%;background:var(--b5);flex-shrink:0}
.sval{font-size:20px;font-weight:800;color:var(--b9);letter-spacing:-.4px}
.sbadge{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;margin-top:4px;padding:2px 8px;border-radius:20px}
.up{color:var(--green);background:rgba(0,200,83,.1)}
.dn{color:var(--red);background:rgba(255,61,87,.1)}

/* ── SECTION HDR ── */
.sh{display:flex;justify-content:space-between;align-items:center;padding:18px 0 8px}
.stitle{font-size:14px;font-weight:700;color:var(--g700)}
.slink{font-size:11px;color:var(--b7);font-weight:600;cursor:pointer;border:none;background:none;font-family:var(--ff)}

/* ── WALLET ACTIONS ── */
.wact-row{display:flex;justify-content:space-around;background:#fff;border-radius:var(--r);padding:14px;box-shadow:0 3px 12px rgba(0,0,0,.07)}
.wa{text-align:center;flex:1;cursor:pointer;padding:6px 4px;border-radius:10px;transition:background .15s}
.wa:active{background:var(--g100)}
.wa-ico{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:19px;margin:0 auto 6px}
.wa span{font-size:10px;font-weight:600;color:var(--g500)}

/* ── TX LIST ── */
.txlist{background:#fff;border-radius:var(--r);padding:14px;box-shadow:0 3px 12px rgba(0,0,0,.07)}
.txrow{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--g50)}
.txrow:last-child{border-bottom:none}
.txl{display:flex;align-items:center;gap:10px}
.txdot{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.txinfo{font-size:12px;font-weight:600;color:var(--g700)}
.txdate{font-size:10px;color:var(--g500);margin-top:1px}
.txamt{font-size:13px;font-weight:700}
.tx-empty{text-align:center;padding:20px;font-size:13px;color:var(--g500)}
.txlist{
    max-height: 420px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 4px;}
.txlist::-webkit-scrollbar{
    width: 6px;}
.txlist::-webkit-scrollbar-thumb{
    background: rgba(255,255,255,.25);
    border-radius: 20px;}
.txlist::-webkit-scrollbar-track{
    background: transparent;}
/* ── SUBCAT ── */
.subgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.subi{text-align:center;cursor:pointer}
.subico{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;margin:0 auto 5px}
.subi p{font-size:10px;font-weight:600;color:var(--g500)}

/* ── MARKET ── */
.mscroll{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.mscroll::-webkit-scrollbar{display:none}
.mchip{flex-shrink:0;background:#fff;border-radius:12px;padding:12px 14px;min-width:108px;box-shadow:0 2px 10px rgba(0,0,0,.07);cursor:pointer}
.mchip:active{opacity:.85}
.mcoin{font-size:11px;font-weight:800;color:var(--b9);margin-bottom:3px;display:flex;align-items:center;gap:5px}
.mtag{font-size:9px;background:var(--b0);color:var(--b7);padding:2px 5px;border-radius:4px;font-weight:600}
.mprice{font-size:14px;font-weight:800;color:var(--g700)}
.mchg{font-size:10px;font-weight:700;margin-top:2px}
.mup{color:var(--green)}.mdn{color:var(--red)}

/* ── CURRENCIES ── */
/*.clist{display:flex;flex-direction:column;gap:8px}
.crow{background:#fff;border-radius:12px;padding:13px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 10px rgba(0,0,0,.06);cursor:pointer}
.crow:active{opacity:.88}
.cico{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;font-weight:800}
.cname{font-size:14px;font-weight:700;color:var(--g700)}
.csym{font-size:11px;color:var(--g500)}
.cright{margin-left:auto;text-align:right}
.cprice{font-size:14px;font-weight:800;color:var(--g700)}
.cchg{font-size:11px;font-weight:600;margin-top:2px}*/
/* ===== Referral Page ===== */

.banner .buser{
    line-height:1.5;
}

#ref-code-page,
#ref-link-page{
    font-weight:700;
    color:var(--blue);
    word-break:break-all;
}

.level-basic{
    color:#f4b400;
    font-weight:700;
}

.level-pro{
    color:#16c784;
    font-weight:700;
}

.level-leader{
    color:#8b5cf6;
    font-weight:700;
}
/* ── TASKS ── */
.tlist{display:flex;flex-direction:column;gap:8px}
.tcard.task-done {
    opacity: 0.55;
    filter: grayscale(1);
}

.tcard.task-done .tstatus {
    background: #ddd;
    color: #666;
}
.tcard{background:#fff;border-radius:12px;padding:14px;box-shadow:0 2px 10px rgba(0,0,0,.06);display:flex;align-items:center;gap:12px;cursor:pointer}
.tcard:active{opacity:.88}
.tico{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}
.tinfo{flex:1}
.ttitle{font-size:13px;font-weight:700;color:var(--g700)}
.tdesc{font-size:11px;color:var(--g500);margin-top:2px;line-height:1.4}
.tmeta{text-align:right;flex-shrink:0}
.treward{font-size:14px;font-weight:800;color:var(--green)}
.tstatus{font-size:10px;font-weight:700;margin-top:3px}
.ts-done{color:var(--green)}.ts-pend{color:var(--gold)}.ts-new{color:var(--b5)}
.prog-bar{height:5px;background:var(--g200);border-radius:3px;overflow:hidden;margin:8px 0 2px}
.prog-fill{height:100%;background:linear-gradient(90deg,var(--b5),var(--green));border-radius:3px}

/* ── SUPPORT ── */
.splist{display:flex;flex-direction:column;gap:10px}
.spcard{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 10px rgba(0,0,0,.06);display:flex;align-items:center;gap:14px;cursor:pointer;text-decoration:none;color:inherit}
.spcard:active{opacity:.88}
.spico{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.spinfo{flex:1}
.sptitle{font-size:14px;font-weight:700;color:var(--g700)}
.spdesc{font-size:11px;color:var(--g500);margin-top:3px;line-height:1.4}
.sparr{font-size:18px;color:var(--g300)}

/* ── PROFILE ── */
.phdr{background:linear-gradient(135deg,var(--b9),var(--b7));padding:24px 18px 32px;text-align:center}
.pavatar{width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.2);border:3px solid rgba(255,255,255,.4);margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:30px}
.pname{font-size:18px;font-weight:800;color:#fff}
.pid{font-size:11px;color:var(--b1);margin-top:4px;font-family:monospace}
.ptier{display:inline-flex;align-items:center;gap:5px;margin-top:10px;background:rgba(255,255,255,.16);padding:5px 14px;border-radius:20px;font-size:12px;font-weight:700;color:#fff}
.pstats{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:14px;box-shadow:0 6px 22px rgba(0,0,0,.11);overflow:hidden;position:relative;z-index:2}
.pstat{padding:14px 10px;text-align:center;border-right:1px solid var(--g100)}
.pstat:last-child{border-right:none}
.psval{font-size:15px;font-weight:800;color:var(--b9)}
.pslbl{font-size:10px;color:var(--g500);font-weight:600;margin-top:3px}
.pmenu{display:flex;flex-direction:column;gap:8px;padding:14px 0}
.pmi{background:#fff;border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.pmi:active{opacity:.88}
.pmico{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.pmlbl{font-size:13px;font-weight:600;color:var(--g700);flex:1}
.pmarr{font-size:16px;color:var(--g300)}
.pmbadge{font-size:10px;font-weight:700;background:var(--red);color:#fff;padding:2px 7px;border-radius:20px}
.pmbadge.gold{background:var(--gold)}

/* ── PAGE WRAPPER ── */
.pg-inner{padding:0 14px}

/* ── BOTTOM NAV ── */
.bnav{position:fixed;bottom:0;left:0;right:0;height:var(--nav);background:#fff;border-top:1px solid var(--g100);display:flex;align-items:center;padding:0 6px 6px;box-shadow:0 -4px 20px rgba(0,0,0,.08);z-index:100}
.nitem{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;padding:6px 0;border:none;background:none;font-family:var(--ff)}
.nico{font-size:20px;transition:transform .15s}
.nlbl{font-size:9px;font-weight:700;color:var(--g300);text-transform:uppercase;letter-spacing:.4px}
.nitem.act .nlbl{color:var(--b7)}
.nitem.act .nico{transform:translateY(-1px)}
.nhwrap{flex:0 0 62px;position:relative}
.nhbtn{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--b8),var(--b5));display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(21,101,192,.42);cursor:pointer;border:3px solid #fff;font-size:22px}

/* ── MODAL ── */
.moverlay{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:200;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .24s}
.moverlay.open{opacity:1;pointer-events:all}
.msheet{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:480px;padding:20px 20px 36px;transform:translateY(40px);transition:transform .28s ease;max-height:84vh;overflow-y:auto}
.moverlay.open .msheet{transform:translateY(0)}
.msheet::-webkit-scrollbar{display:none}
.mhandle{width:36px;height:4px;background:var(--g200);border-radius:2px;margin:0 auto 18px}
.mtitle{font-size:17px;font-weight:800;color:var(--g900);margin-bottom:5px}
.msub{font-size:13px;color:var(--g500);margin-bottom:18px;line-height:1.5}
.mfld{margin-bottom:13px}
.mfld label{display:block;font-size:11px;font-weight:700;color:var(--g500);text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px}
.mfld input,.mfld select,.mfld textarea{width:100%;padding:12px 14px;border:1.5px solid var(--g200);border-radius:10px;font-size:14px;font-family:var(--ff);color:var(--g700);background:var(--g50);outline:none}
.mfld input:focus,.mfld select:focus,.mfld textarea:focus{border-color:var(--b5);background:var(--w)}
.mfld textarea{resize:none;height:80px}
.irow{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--g50)}
.irow:last-of-type{border-bottom:none}
.irow span:first-child{font-size:12px;color:var(--g500)}
.irow span:last-child{font-size:12px;font-weight:700;color:var(--g700)}
.macts{display:flex;gap:10px;margin-top:16px}
.mbtn{flex:1;padding:13px;background:var(--g100);color:var(--g700);font-size:14px;font-weight:700;border:none;border-radius:12px;cursor:pointer;font-family:var(--ff)}
.mbtn.p{flex:2;background:linear-gradient(135deg,var(--b8),var(--b5));color:#fff;box-shadow:0 4px 14px rgba(21,101,192,.35)}
.mbtn:active{opacity:.82}
.mbtn.tg{background:linear-gradient(135deg,var(--b9),var(--b7));color:#fff;box-shadow:0 4px 14px rgba(21,101,192,.35);flex:2;text-decoration:none;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:14px;font-weight:700;padding:13px}
.refbox{background:var(--b0);border-radius:10px;padding:12px 14px;margin-bottom:14px;word-break:break-all;font-size:13px;font-weight:700;color:var(--b8)}
.tgbox{text-align:center;padding:14px 0}
.tgbox .tgicon{font-size:50px}
.tgbox .tgname{font-size:16px;font-weight:800;color:var(--b9);margin-top:10px}
.tgbox .tgmeta{font-size:12px;color:var(--g500);margin-top:4px}
.spacer{height:14px}
.crypto-loader{
    position:fixed;
    inset:0;
    background:
    radial-gradient(circle at center,#111827,#020617);
    display:none;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    z-index:99999;
    color:white;
    font-family:Arial;
}


.loader-ring{
    width:130px;
    height:130px;
    border-radius:50%;
    border:4px solid rgba(37,99,235,.2);
    border-top-color:#2563eb;
    animation:spin 1.2s linear infinite;
    display:flex;
    align-items:center;
    justify-content:center;
}


.coin{
    width:80px;
    height:80px;
    border-radius:50%;
    background:
    linear-gradient(135deg,#2563eb,#06b6d4);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    font-weight:bold;
    box-shadow:
    0 0 30px #2563eb;
}


.crypto-loader h2{
    margin-top:25px;
    font-size:32px;
    letter-spacing:3px;
}


.crypto-loader p{
    color:#94a3b8;
    margin-top:10px;
}


.loader-bar{
    margin-top:25px;
    width:250px;
    height:6px;
    background:#1e293b;
    border-radius:20px;
    overflow:hidden;
}


.loader-bar span{
    display:block;
    height:100%;
    width:0%;
    background:#2563eb;
    animation:load 3s forwards;
}


@keyframes spin{
    to{
        transform:rotate(360deg);
    }
}


@keyframes load{
    to{
        width:100%;
    }
}