:root{--bg:#06090f;--card:#11151f;--card2:#151a25;--line:#222936;--text:#f4f7fb;--muted:#8994a8;--green:#16d49a;--green2:#0bb57f;--red:#ff3030;--blue:#4388ff;--gold:#ffd84a}*{box-sizing:border-box}html,body{margin:0;background:#000;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif}button,input,select{font:inherit}button{border:0;cursor:pointer}.screen{min-height:100dvh;background:#000;max-width:560px;margin:auto;position:relative;padding-bottom:72px}.auth{padding:70px 24px 30px}.auth-card{border:1px solid #28333c;border-radius:24px;background:linear-gradient(145deg,rgba(22,34,41,.94),rgba(12,15,24,.97));box-shadow:0 24px 70px #0009;padding:26px 24px}.brand{font-size:24px;font-weight:900;letter-spacing:2px;text-align:center}.brand b{color:var(--green)}.tag{text-align:center;color:#9aa7bb;font-size:14px;margin:14px 0 26px}.field-label{display:block;font-weight:700;font-size:13px;margin:14px 0 7px}.input-wrap{height:48px;border:1px solid #2a3040;border-radius:14px;background:#171b27;display:flex;align-items:center;overflow:hidden}.prefix{height:100%;padding:0 12px;display:flex;align-items:center;border-right:1px solid #2b3040;font-weight:700;font-size:13px}.input-wrap input{flex:1;background:none;border:0;outline:0;color:#fff;padding:0 12px;font-size:14px;min-width:0}.input-wrap input::placeholder{color:#647086}.primary{width:100%;height:48px;border-radius:14px;background:linear-gradient(135deg,#30dba7,#08a878);color:#fff;font-size:15px;font-weight:900;box-shadow:0 10px 28px #10c99545;margin-top:18px}.link{text-align:right;color:#a5afc0;margin-top:12px;font-weight:700;font-size:12px}.divider{display:flex;align-items:center;gap:14px;color:#667187;font-weight:800;letter-spacing:2px;margin:26px 0 16px;font-size:11px}.divider:before,.divider:after{content:"";height:1px;background:#28303c;flex:1}.center{text-align:center;font-size:13px}.green{color:var(--green)}.top{height:64px;display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid #19212a;position:sticky;top:0;z-index:5;background:#071015ee;backdrop-filter:blur(14px)}.top .brand{font-size:19px;text-align:left}.balance{background:#12c58d;border-radius:26px;padding:8px 18px;font-weight:900;font-size:14px;box-shadow:0 10px 30px #12c58d2b}.moon{width:38px;height:38px;border-radius:50%;background:#11141d;border:1px solid #2b303b;font-size:18px}.content{padding:14px 14px}.sort-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #27303a;border-radius:14px;background:#0e131c;padding:10px 12px;margin:6px 0 14px}.sort-label{font-size:11px;letter-spacing:2px;color:#9aa5ba;font-weight:900;display:flex;align-items:center;gap:8px}.sort-label i{width:3px;height:14px;background:var(--green);border-radius:2px;display:inline-block}.sort-select{background:#151a26;border:1px solid #2a3242;color:#e8edf5;border-radius:10px;padding:7px 10px;font-weight:800;font-size:12px;outline:0}.section-title{font-size:11px;letter-spacing:2.5px;color:#9aa5ba;font-weight:900;margin:16px 4px 10px}.live{border:1px solid #27303a;border-radius:18px;padding:16px 14px;background:linear-gradient(120deg,#101521,#102b27);box-shadow:0 14px 30px #0005}.live h2{margin:0 0 6px;font-size:17px}.live p{margin:0;color:#919db0;line-height:1.5;font-size:12px}.order{border:1px solid #27303a;border-radius:18px;background:#10141e;margin:12px 0;padding:16px 14px;position:relative;overflow:hidden}.order:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--green)}.amount{font-size:21px;font-weight:900}.bonus{display:inline-block;color:var(--green);border:1px solid #096c58;border-radius:14px;padding:5px 10px;font-weight:800;font-size:12px;margin-top:8px}.order-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}.source{color:#8791a5;font-size:12px}.chip{color:#5d9aff;border:1px solid #2c5da9;border-radius:7px;padding:3px 9px;font-weight:900;font-size:11px;display:inline-block;margin-left:4px}.pay{background:linear-gradient(135deg,#32dba7,#0aaa7d);color:#fff;padding:11px 16px;border-radius:13px;font-weight:900;font-size:12px;white-space:nowrap;box-shadow:0 8px 22px #10c99538}.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:560px;height:64px;background:#070a10f5;border-top:1px solid #1c222d;display:flex;justify-content:space-around;align-items:center;z-index:10;backdrop-filter:blur(16px)}.nav{background:none;color:#8791a5;font-weight:800;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:3px}.nav span{font-size:20px}.nav.active{color:var(--green)}.tabs{display:flex;background:#11151f;border:1px solid #262e3a;border-radius:16px;padding:5px;margin-bottom:16px}.tab{flex:1;padding:10px 4px;border-radius:12px;background:none;color:#9ca7bb;font-weight:900;font-size:12px}.tab.active{background:#0ebf89;color:#fff}.empty{min-height:280px;border:1px solid #252c38;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px}.empty .icon{font-size:40px}.empty h2{font-size:18px;margin:14px 0 6px}.empty p{color:#8d98ab;font-size:13px;margin:0}.profile-card{border:1px solid #28303c;background:#11151f;border-radius:20px;padding:18px}.avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#12352e;color:var(--green);font-size:22px;font-weight:900;margin-bottom:10px}.profile-card h2{font-size:18px;margin:6px 0}.profile-card p{font-size:13px}.setting{display:flex;justify-content:space-between;padding:13px 2px;border-bottom:1px solid #252b36;color:#aeb7c8;font-size:13px}.danger{color:#ff6868}.hidden{display:none}.pf-hero{border:1px solid #1d3a35;border-radius:22px;background:radial-gradient(circle at 50% 0,#0c2f28 0,transparent 60%),linear-gradient(160deg,#10151f,#0b0e16);padding:26px 16px 20px;text-align:center;margin:6px 0 14px}
.pf-avatar{width:88px;height:88px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:40px;background:radial-gradient(circle at 35% 30%,#2fe3ae,#0a8f66);box-shadow:0 0 0 8px #12c58d22,0 0 44px #12c58d55;color:#063}
.pf-name{font-size:22px;font-weight:900;margin:0 0 14px}
.pf-phone{display:inline-flex;align-items:center;gap:10px;border:1px solid #2a3040;border-radius:26px;background:#12161f;padding:9px 16px;font-size:13px}
.pf-phone span{color:#7c8698;font-weight:800;letter-spacing:1px;font-size:11px}
.pf-phone b{letter-spacing:1px}
.pf-eye{background:#1a1f2b;border:1px solid #2b3040;border-radius:50%;width:30px;height:30px;font-size:14px}
.pf-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.pf-stat{border:1px solid #1d3a35;border-top:2px solid var(--green);border-radius:18px;background:linear-gradient(160deg,#10151f,#0b0e16);padding:18px 10px 14px;text-align:center}
.pf-ic{width:38px;height:38px;border-radius:12px;background:#16d49a1c;display:flex;align-items:center;justify-content:center;font-size:18px;margin:0 auto 8px}
.pf-val{color:var(--green);font-weight:900;font-size:18px}
.pf-lab{color:#7c8698;font-size:11px;font-weight:800;letter-spacing:2px;margin-top:4px}
.pf-block{border:1px solid #222936;border-radius:18px;background:#0e121b;padding:14px 12px 8px;margin-bottom:14px}
.pf-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:2px;color:#9aa5ba;margin:0 4px 10px}
.pf-title i{width:3px;height:14px;background:var(--green);border-radius:2px}
.pf-row{width:100%;display:flex;align-items:center;gap:12px;background:none;color:var(--text);font-size:14px;font-weight:700;padding:12px 6px;border-top:1px solid #1c222e;text-align:left}
.pf-row:first-of-type{border-top:0}
.pf-ric{width:34px;height:34px;border-radius:10px;background:#16d49a14;display:flex;align-items:center;justify-content:center;font-size:16px;flex:none}
.pf-arrow{margin-left:auto;color:#7c8698;font-weight:900}
.pf-muted{margin-left:auto;color:#7c8698;font-size:12px}
.pf-row.danger{color:#ff6b6b}
.pf-support{width:100%;display:flex;align-items:center;gap:12px;border:1px solid #0f6e52;border-radius:18px;background:linear-gradient(135deg,#0d3b2f,#0a2a22);padding:16px 14px;margin-bottom:14px;text-align:left;color:var(--text)}
.pf-sic{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#30dba7,#08a878);display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}
.pf-stxt{display:flex;flex-direction:column;gap:2px}
.pf-stxt b{font-size:15px}
.pf-stxt small{color:#9ab8ad;font-size:12px}
.pf-arrow.green{color:var(--green)}
.ticker{overflow:hidden;border:1px solid #222936;border-radius:14px;background:#0d1119;padding:11px 0;margin:2px 0 12px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.tick-track{display:flex;gap:34px;width:max-content;animation:tick 60s linear infinite}
.tick-item{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;white-space:nowrap;color:#c6cedd}
.tick-item i{color:var(--green);font-style:normal}
.tick-item b{color:var(--green);font-weight:900}
.tick-w{color:#8f99ad;font-weight:600}
@keyframes tick{to{transform:translateX(-50%)}}
.nav svg{width:24px;height:24px;display:block;margin:0 auto 3px}
.nav{color:#9aa3b5}
.nav.active{color:#22c55e}
.order.sold{border-color:#7a2020;background:linear-gradient(160deg,#1a0f14,#10141e)}
.order.sold:before{background:var(--red)}
.soldout{position:absolute;top:14px;right:14px;color:#ff4d4d;border:2px dashed #a32727;border-radius:14px;padding:8px 14px;font-weight:900;font-size:13px;letter-spacing:1px;background:#2a12128c}
.hstat{position:absolute;top:14px;right:14px;font-size:11px;font-weight:800;padding:4px 9px;border-radius:999px}
.hstat.success{color:#34d399;background:#0d2a1f}.hstat.pending{color:#fbbf24;background:#2a220d}.hstat.failed{color:#f87171;background:#2a1010}
.order.hist{position:relative}
.wp-alert-layer{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#0009;backdrop-filter:blur(5px);animation:alert-fade .2s ease-out}
.wp-alert-layer.closing{animation:alert-fade .18s ease-in reverse}
.wp-alert{width:min(100%,300px);display:flex;flex-direction:column;align-items:center;padding:24px;border:1px solid #ffffff1a;border-radius:24px;background:#1a1d23;box-shadow:0 24px 60px #000c;text-align:center;animation:alert-rise .24s cubic-bezier(.2,.8,.2,1)}
.wp-alert-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;margin-bottom:15px;background:#3b82f61a;color:#60a5fa}
.wp-alert-icon svg{width:25px;height:25px}
.wp-alert-layer.error .wp-alert-icon{background:#ef44441a;color:#ff5b5b}
.wp-alert-layer.warning .wp-alert-icon{background:#f59e0b1a;color:#fbbf24}
.wp-alert-layer.success .wp-alert-icon{background:#16d49a1a;color:var(--green)}
.wp-alert h2{margin:0 0 8px;color:var(--text);font-size:18px;line-height:1.25}
.wp-alert p{margin:0 0 22px;color:#a0a8b6;font-size:14px;line-height:1.55}
.wp-alert-close{width:100%;height:45px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff0d;color:var(--text);font-weight:800;transition:background .15s ease,transform .15s ease}
.wp-alert-close:active{transform:scale(.98);background:#ffffff16}
.wp-alert-close:focus-visible{outline:2px solid var(--green);outline-offset:2px}
@keyframes alert-fade{from{opacity:0}}
@keyframes alert-rise{from{opacity:0;transform:translateY(10px) scale(.97)}}
@media (prefers-reduced-motion:reduce){.wp-alert-layer,.wp-alert{animation:none}}

.wd-back{background:none;color:#9aa3b5;font-size:13px;font-weight:700;padding:4px 0;margin-bottom:6px}
.wd-h{font-size:22px;font-weight:900;margin:2px 0 4px}.wd-sub{color:#9aa3b5;font-size:13px;margin:0 0 14px}
.wd-bal,.wd-card{background:linear-gradient(160deg,#121722,#0d1119);border:1px solid #232a38;border-radius:18px;padding:16px;margin-bottom:14px}
.wd-bal{background:radial-gradient(circle at 85% 30%,rgba(34,197,94,.14),transparent 50%),linear-gradient(160deg,#121722,#0d1119)}
.wd-card{border-top:2px solid #22c55e}
.wd-t{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:2px;color:#9aa3b5;margin-bottom:10px}.wd-t i{width:3px;height:14px;background:#22c55e;border-radius:2px}
.wd-amt{font-size:28px;font-weight:900;color:#3fb27f;margin-bottom:6px}.wd-bal small{color:#7d8597;font-size:12px}
.wd-warn{display:flex;gap:10px;align-items:center;background:#1e0f12;border:1px solid #6b2027;color:#f05252;border-radius:16px;padding:12px 14px;font-size:13px;font-weight:600;margin-bottom:14px}
.wd-seg{display:flex;gap:6px;background:#0f131b;border:1px solid #232a38;border-radius:16px;padding:5px;margin-bottom:14px}
.wd-seg button{flex:1;padding:11px;border-radius:12px;background:none;color:#9aa3b5;font-weight:800;font-size:14px}.wd-seg button.on{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 18px rgba(16,185,129,.3)}
.wd-label{display:block;font-weight:800;font-size:13px;margin:12px 0 6px}
.wd-input{display:flex;align-items:center;gap:10px;background:#141925;border:1px solid #262e3e;border-radius:14px;padding:0 14px}.wd-input input{flex:1;background:none;border:0;color:#fff;font-size:14px;padding:13px 0;outline:none;min-width:0}.wd-input:focus-within{border-color:#22c55e}
.wd-hint{color:#7d8597;font-size:12px;margin-top:6px}
.wd-submit{width:100%;margin-top:18px;padding:14px;border-radius:14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:900;font-size:15px;box-shadow:0 6px 22px rgba(16,185,129,.3)}.wd-submit:disabled{opacity:.6}
.wd-info{display:flex;gap:10px;margin-top:14px;background:#0e1830;border:1px solid #1e3a6b;color:#5b9cf5;border-radius:14px;padding:12px;font-size:12.5px;font-weight:600}

.reg-top{display:flex;justify-content:flex-end}
.moon-btn{width:38px;height:38px;border-radius:50%;background:#11141d;border:1px solid #2b303b;display:grid;place-items:center;font-size:17px}
.eye{background:none;color:#cfd6e2;font-size:17px;padding:0 16px}
.steps{display:flex;align-items:center;justify-content:center;margin:20px 0 24px}
.step{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:14px;border:1px solid #2b3040;color:#8b96a9;background:#11151f}
.step.active,.step.done{background:linear-gradient(135deg,#30dba7,#08a878);color:#fff;border-color:transparent;box-shadow:0 0 20px #12c58d55}
.step-line{width:56px;height:2px;background:#2b3040}
.step-line.active{background:#12c58d;box-shadow:0 0 8px #12c58d88}
.otp-icon{width:66px;height:66px;border-radius:18px;margin:8px auto 16px;display:grid;place-items:center;font-size:30px;border:1px solid #1d3a35;background:radial-gradient(circle at 50% 0,#0c2f28 0,transparent 70%),#10151f}
.otp-h{font-size:20px;font-weight:900;text-align:center;margin:0 0 8px}
.otp-sub{color:#9aa7bb;font-size:13.5px;text-align:center;margin:0 0 16px}
.otp-sub b{color:var(--green);letter-spacing:1px}
.expire-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #6b4a10;border-radius:999px;background:#241c08;color:#fbbf24;font-weight:800;font-size:13px;padding:9px 16px}
.expire-pill.over{color:#f87171;border-color:#6b2027;background:#241010}
.otp-box{border-color:#1d3a35;box-shadow:0 0 0 1px #12c58d22}
.resend-btn{width:100%;margin-top:12px;padding:13px;border-radius:14px;background:#141925;border:1px solid #262e3e;color:#9aa3b5;font-weight:800;font-size:14px}
.resend-btn:disabled{opacity:.75}
.resend-btn:not(:disabled){color:#3fe0ab;border-color:#1d5c49}
.hstat.processing{color:#60a5fa;background:#0d1a2a}