@import url("member-pages.css");
@import url("member-finance.css");
@import url("member-profile.css");
@import url("member-bank-confirm.css");
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#f4f7ff;--card:#fff;--text:#17213a;--muted:#7a849f;
  --primary:#6757f5;--primary2:#8c5cf5;--cyan:#20c9d8;
  --green:#21bf73;--orange:#ff9a3e;--pink:#ee5b9e;--border:#e8ebf4;
  --shadow:0 18px 55px rgba(44,57,111,.12)
}
body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}
button,a,input{font:inherit}.app-shell{min-height:100vh;display:flex}
.pwa-install-button{display:none;width:100%;border:1px solid #dcd8ff;background:#f3f1ff;color:#6757f5;border-radius:12px;padding:11px;margin-top:14px;font-size:11px;font-weight:800;cursor:pointer}.pwa-install-button.show{display:block}.pwa-install-button span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#6757f5;color:#fff;margin-right:6px}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;padding:25px 18px;background:linear-gradient(180deg,#171a36,#242753);color:#fff;z-index:50;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:12px;padding:0 8px 26px}.brand-logo{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#8a70ff,#35d7df);display:grid;place-items:center;font-weight:800;color:#fff;box-shadow:0 10px 24px rgba(103,87,245,.32)}
.brand h2{font-size:19px}.brand span,.profile-mini span{font-size:11px;color:#afb5d0}
.profile-mini{display:flex;gap:11px;align-items:center;padding:14px;border-radius:18px;background:rgba(255,255,255,.08);margin-bottom:24px}.profile-mini strong{font-size:13px;display:block;margin-bottom:4px}
.avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#ffac5c,#f05c92);display:grid;place-items:center;font-weight:800;color:#fff}.avatar.small{width:38px;height:38px;border-radius:12px;font-size:12px}
.side-nav{display:flex;flex-direction:column;gap:7px}.side-nav a{color:#c8cce1;text-decoration:none;padding:13px 14px;border-radius:13px;font-size:13px;font-weight:600}.side-nav a span{display:inline-block;width:28px}.side-nav a:hover,.side-nav a.active{background:linear-gradient(90deg,#6657f5,#8062ec);color:#fff}
.side-bottom{margin-top:auto}.logout-btn{display:block;text-align:center;padding:12px;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:13px}
.main-content{margin-left:260px;width:calc(100% - 260px);padding:26px 34px 90px;max-width:1500px}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#8b91aa;margin-bottom:5px}.topbar h1{font-size:27px}.menu-btn{display:none;border:0;background:#fff;border-radius:12px;width:42px;height:42px;box-shadow:var(--shadow)}
.top-actions{display:flex;align-items:center;gap:14px}.icon-btn{width:42px;height:42px;border:0;background:#fff;border-radius:13px;position:relative;box-shadow:0 8px 25px rgba(47,52,90,.08)}.icon-btn i{position:absolute;width:7px;height:7px;border-radius:50%;background:#ff5b67;right:8px;top:8px}.user-chip{display:flex;align-items:center;gap:9px}.user-chip strong,.user-chip span{display:block}.user-chip strong{font-size:12px}.user-chip span{font-size:10px;color:var(--muted);margin-top:3px}
.hero-card{min-height:185px;border-radius:27px;padding:29px 34px;color:#fff;display:flex;justify-content:space-between;overflow:hidden;position:relative;background:linear-gradient(120deg,#5848eb,#8256ef 56%,#22c7d4);box-shadow:0 20px 50px rgba(92,73,235,.25)}.status-line{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:20px;background:rgba(255,255,255,.15);font-size:11px;font-weight:700;margin-bottom:21px}.active-dot{width:8px;height:8px;background:#72f4b5;border-radius:50%;box-shadow:0 0 0 4px rgba(114,244,181,.15)}.active-dot.inactive-dot{background:#ffbd6a;box-shadow:0 0 0 4px rgba(255,189,106,.16)}.hero-label{font-size:11px;color:#d9dcff}.hero-card h2{font-size:32px;margin:5px 0}.hero-name{font-size:13px;color:#e5e6ff}.hero-art{position:relative;width:260px}.orb{position:absolute;border-radius:50%;background:rgba(255,255,255,.09)}.orb.one{width:170px;height:170px;right:-20px;top:-35px}.orb.two{width:100px;height:100px;right:130px;bottom:-55px}.wallet-icon{position:absolute;right:56px;top:37px;width:92px;height:92px;border-radius:28px;background:rgba(255,255,255,.16);backdrop-filter:blur(10px);display:grid;place-items:center;font-size:42px;font-weight:800;transform:rotate(8deg);border:1px solid rgba(255,255,255,.2)}
.referral-card,.quick-panel{margin-top:22px;background:#fff;border-radius:22px;padding:22px 24px;box-shadow:0 11px 32px rgba(45,58,111,.07)}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-title h3{font-size:19px}.ref-badge{font-size:10px;font-weight:800;color:#6557ef;background:#f0edff;border-radius:20px;padding:8px 12px}.ref-box{display:flex;background:#f5f6fb;border:1px solid #e7e9f1;border-radius:14px;padding:6px;gap:7px}.ref-box input{flex:1;border:0;outline:0;background:transparent;padding:9px 12px;color:#5f6780;font-size:12px}.ref-box button{border:0;color:#fff;padding:10px 18px;border-radius:10px;font-weight:700;font-size:12px;cursor:pointer}.copy-btn{background:#6557f0}.share-btn{background:#20bda9}.copy-msg{height:0;overflow:hidden;color:#21a66a;font-size:11px;font-weight:700;transition:.25s}.copy-msg.show{height:22px;padding-top:8px}
.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.team-card{background:#fff;border-radius:22px;padding:22px;display:flex;align-items:center;gap:17px;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(45,58,111,.07)}.team-icon{width:53px;height:53px;border-radius:17px;display:grid;place-items:center;font-size:20px;font-weight:800}.left-team .team-icon{background:#e9f9ff;color:#20a8c6}.right-team .team-icon{background:#fff1f7;color:#ea5b94}.team-card span,.team-card strong,.team-card small{display:block}.team-card span{font-size:11px;color:var(--muted)}.team-card strong{font-size:23px;margin:3px 0}.team-card small{font-size:10px;color:#24af74}.mini-bars{margin-left:auto;height:42px;display:flex;align-items:end;gap:4px}.mini-bars i{display:block;width:5px;border-radius:5px;background:#48c9e3}.mini-bars i:nth-child(1){height:14px}.mini-bars i:nth-child(2){height:23px}.mini-bars i:nth-child(3){height:18px}.mini-bars i:nth-child(4){height:35px}.mini-bars i:nth-child(5){height:29px}.reverse i{background:#f37eaa}
.income-section{margin-top:28px}.outline-btn{border:1px solid #dcdff0;background:#fff;color:#6459dc;padding:10px 14px;border-radius:12px;font-size:11px;font-weight:700}.income-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.income-card{background:#fff;border-radius:19px;padding:19px;min-height:145px;border:1px solid #eff0f6;box-shadow:0 9px 24px rgba(48,60,110,.055);transition:.25s}.income-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.income-card.lifetime{grid-column:span 2;background:linear-gradient(135deg,#171a36,#343767);color:#fff}.income-top{display:flex;align-items:center;gap:10px}.income-top span{font-size:11px;color:#8a91a8}.lifetime .income-top span,.lifetime small{color:#c6c9df}.income-icon{width:35px;height:35px;border-radius:11px;background:#f0edff;color:#6959ef;display:grid;place-items:center;font-weight:800}.lifetime .income-icon{background:linear-gradient(135deg,#7669fa,#2bd3da);color:#fff}.income-card strong{font-size:22px;display:block;margin:18px 0 7px}.income-card small{font-size:10px;color:#969caf}.progress{height:6px;background:rgba(255,255,255,.13);border-radius:10px;margin:10px 0}.progress i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#7b68ff,#32d5db)}
.quick-panel{display:flex;justify-content:space-between;align-items:center}.quick-actions{display:flex;gap:9px}.quick-actions button{border:0;background:#f6f7fb;border-radius:13px;padding:11px 14px;color:#4f5872;font-size:10px;font-weight:700}.quick-actions button span{margin-right:6px}.mobile-footer{display:none}.reward-section{margin-top:28px}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.reward-card{background:#fff;border:1px solid #eceef5;border-radius:20px;padding:20px;box-shadow:0 9px 25px rgba(45,58,111,.055);position:relative;overflow:hidden}.reward-card.achieved{border-color:#9ce1bf;background:linear-gradient(145deg,#fff,#effbf5)}.reward-icon{width:45px;height:45px;border-radius:14px;background:linear-gradient(135deg,#6757f5,#36cbd4);display:grid;place-items:center;font-size:22px;margin-bottom:13px}.reward-level{font-size:8px;letter-spacing:1px;color:#8a91a8;font-weight:800}.reward-card h4{font-size:16px;margin:5px 0}.reward-card>strong{display:block;color:#6757f5;font-size:12px}.reward-card p{font-size:9px;color:var(--muted);margin-top:7px}.reward-progress{height:6px;background:#edf0f5;border-radius:8px;margin:13px 0 7px;overflow:hidden}.reward-progress i{display:block;height:100%;background:linear-gradient(90deg,#6757f5,#2bc8d2);border-radius:8px}.reward-card small{font-size:8px;color:#858ca1}.reward-card.achieved small{color:#199161;font-weight:800}
.overlay{display:none}.impersonation-banner{position:fixed;top:0;left:260px;right:0;z-index:100;background:#ffefc8;color:#79551b;min-height:38px;padding:9px 24px;display:flex;align-items:center;justify-content:center;gap:18px;font-size:11px;font-weight:700;box-shadow:0 4px 15px rgba(70,50,15,.12)}.impersonation-banner a{background:#79551b;color:#fff;text-decoration:none;padding:5px 10px;border-radius:7px}.impersonation-banner~.app-shell .sidebar{top:38px}.impersonation-banner~.app-shell .main-content{padding-top:64px}

/* login */
.login-body{min-height:100vh;background:#f3f5fc;overflow-x:hidden}.login-page{min-height:100vh;display:grid;grid-template-columns:1.12fr .88fr;position:relative;z-index:2}.login-showcase{background:linear-gradient(145deg,#201b55,#5d45df 55%,#18bcca);position:relative;overflow:hidden;padding:42px 58px;color:#fff}.login-showcase:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-120px;bottom:-120px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.02)}.login-brand{display:flex;gap:12px;align-items:center;position:relative;z-index:2}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-size:19px}.login-brand span{font-size:10px;color:#c5c9f4;margin-top:4px}.showcase-content{position:absolute;left:58px;top:50%;transform:translateY(-50%);max-width:570px;z-index:3}.glass-badge{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);padding:9px 13px;border-radius:30px;font-size:9px;font-weight:800;letter-spacing:1.4px}.showcase-content h1{font-size:53px;line-height:1.08;margin:23px 0 18px}.showcase-content h1 em{font-style:normal;color:#73eff0}.showcase-content p{color:#d4d5ef;line-height:1.75;font-size:13px;max-width:540px}.feature-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.feature-pills span{background:rgba(255,255,255,.09);padding:10px 13px;border-radius:12px;font-size:10px}.floating-stat{position:absolute;background:rgba(255,255,255,.13);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:13px 17px;z-index:3}.floating-stat span,.floating-stat strong{display:block}.floating-stat span{font-size:9px;color:#d6d9f4}.floating-stat strong{margin-top:4px}.stat-one{right:45px;top:125px}.stat-two{right:100px;bottom:80px}
.login-card-wrap{display:grid;place-items:center;padding:40px}.login-card{width:min(430px,100%);background:#fff;border-radius:27px;padding:37px 36px;box-shadow:0 30px 80px rgba(55,61,112,.15)}.mobile-logo{display:none}.login-card h2{font-size:28px}.login-sub{font-size:11px;color:#8b92a8;margin:8px 0 26px;line-height:1.6}.login-card>label{display:block;font-size:10px;font-weight:800;margin:14px 0 7px;color:#555e77}.input-wrap{display:flex;align-items:center;background:#f5f6fa;border:1px solid #e5e8f0;border-radius:13px;padding:0 12px;min-height:50px}.input-wrap input{border:0;background:transparent;outline:0;width:100%;padding:0 10px;font-size:12px}.eye-btn{border:0;background:transparent;color:#6757ee;font-size:10px;font-weight:800}.login-options{display:flex;justify-content:space-between;align-items:center;margin:14px 0 22px;font-size:10px}.login-options a,.support-line a{color:#6557ee;text-decoration:none;font-weight:700}.remember{display:flex;align-items:center;gap:6px;color:#6f778f}.login-btn{width:100%;border:0;padding:15px;border-radius:13px;background:linear-gradient(90deg,#6556ef,#8e5fe8);color:#fff;font-weight:800;box-shadow:0 14px 28px rgba(103,87,245,.25);cursor:pointer}.login-btn span{float:right}.secure-note{text-align:center;background:#f2fbf7;color:#3c9d75;padding:10px;border-radius:10px;font-size:9px;font-weight:700;margin-top:18px}.support-line{text-align:center;font-size:10px;color:#8990a5;margin-top:17px}.login-bg-shape{position:fixed;border-radius:50%;filter:blur(2px);z-index:1}.shape-a{width:160px;height:160px;background:#e5ddff;right:38%;top:-70px}.shape-b{width:100px;height:100px;background:#d9f9fa;right:-30px;bottom:100px}.shape-c{width:60px;height:60px;background:#ffe2ee;left:44%;bottom:-20px}

.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f3f4fa;border-radius:13px;padding:4px;margin-bottom:24px}.auth-tabs button{border:0;background:transparent;padding:10px;border-radius:10px;color:#858ca2;font-size:11px;font-weight:800;cursor:pointer}.auth-tabs button.active{background:#fff;color:#6757f5;box-shadow:0 5px 14px rgba(45,58,111,.1)}.auth-form.hidden{display:none}.auth-form>label,.form-row label{display:block;font-size:10px;font-weight:800;margin:13px 0 7px;color:#555e77}.auth-form .login-btn{margin-top:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-row>div{min-width:0}.form-message{font-size:11px;line-height:1.5;padding:11px 13px;border-radius:11px;margin-bottom:14px}.form-message.error{color:#a83d4b;background:#fff0f2}.form-message.success{color:#287d5b;background:#edfbf5}.registration-note{background:#f5f3ff;color:#6557aa;border-radius:10px;padding:10px;margin-top:13px;font-size:9px}.auth-form label small{font-weight:500;color:#9096aa}.access-card{max-height:calc(100vh - 42px);overflow-y:auto;scrollbar-width:thin}

.member-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.member-actions a{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;border:1px solid #eef0f7;border-radius:15px;padding:11px 6px;text-decoration:none;color:var(--text);box-shadow:0 7px 20px rgba(45,58,111,.055);transition:.2s}.member-actions a:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.member-actions .action-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:17px;font-weight:800;margin-bottom:7px}.member-actions strong{display:block;font-size:10px;white-space:nowrap}.membership-icon{background:linear-gradient(135deg,#725df5,#9c61ef)}.withdraw-icon{background:linear-gradient(135deg,#20b97b,#35d0aa)}.member-icon{background:linear-gradient(135deg,#ff8a45,#f4b34c)}.transaction-icon{background:linear-gradient(135deg,#2ca9d3,#36d0dc)}

.payment-body{min-height:100vh;background:linear-gradient(135deg,#f5f3ff,#eefbfc);padding:30px 18px}.payment-shell{width:min(980px,100%);margin:auto}.back-link{display:inline-block;margin-bottom:18px;color:#6757f5;text-decoration:none;font-size:12px;font-weight:700}.payment-card{background:#fff;border-radius:25px;padding:28px;box-shadow:var(--shadow)}.payment-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--border)}.payment-heading h1{font-size:26px}.payment-heading>div>p:last-child{font-size:11px;color:var(--muted);margin-top:7px}.fee-badge{text-align:right;background:#f2efff;border-radius:15px;padding:12px 16px}.fee-badge small,.fee-badge strong{display:block}.fee-badge small{font-size:8px;color:#7e73b4}.fee-badge strong{font-size:21px;color:#6757f5;margin-top:3px}.payment-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;padding-top:26px}.qr-panel{text-align:center;background:#f8f9fd;border-radius:20px;padding:20px}.qr-panel img{width:min(240px,100%);border-radius:17px}.qr-panel h3{font-size:15px;margin-top:12px}.qr-panel p{font-size:11px;color:var(--muted);margin-top:5px}.payment-form>label:not(.upload-box){display:block;font-size:10px;font-weight:800;margin:4px 0 7px}.upload-box{display:flex;flex-direction:column;align-items:center;text-align:center;border:2px dashed #d9dcef;border-radius:15px;padding:20px;margin-top:14px;cursor:pointer;background:#fafaff}.upload-box input{display:none}.upload-box>span{font-size:25px;color:#6757f5}.upload-box strong{font-size:11px;margin-top:6px}.upload-box small{font-size:9px;color:var(--muted);margin-top:4px}.submit-warning,.locked-note{font-size:9px;line-height:1.5;color:#9a6a27;background:#fff8e9;border-radius:10px;padding:10px;margin-top:14px}.payment-form .login-btn{margin-top:14px}.request-status{display:flex;align-items:flex-start;gap:17px;padding:26px;border-radius:18px;margin-top:25px}.request-status>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:23px;font-weight:800}.request-status h2{font-size:20px}.request-status p{margin-top:7px;font-size:12px}.request-status small{display:block;margin-top:5px}.status-pending{background:#fff8e8;color:#91651d}.status-verified{background:#eafaf3;color:#23805a}.status-rejected{background:#fff0f2;color:#a33d4d}.admin-note{font-size:11px;margin-top:12px;font-weight:700}

@media(max-width:1100px){
 .member-actions{grid-template-columns:repeat(4,minmax(0,1fr))}
 .income-grid{grid-template-columns:repeat(2,1fr)}
 .login-showcase{padding:35px}.showcase-content{left:35px}.showcase-content h1{font-size:43px}
}
@media(max-width:850px){
 .impersonation-banner{left:0;padding:7px 10px;font-size:9px}.impersonation-banner~.app-shell .sidebar{top:38px}
 .sidebar{transform:translateX(-100%);transition:.28s}.sidebar.open{transform:translateX(0)}
 .main-content{margin-left:0;width:100%;padding:19px 18px 95px}.menu-btn{display:block}.topbar{gap:12px}.topbar>div:nth-child(2){margin-right:auto}.user-chip div:last-child{display:none}
 .overlay{position:fixed;inset:0;background:rgba(13,17,37,.45);z-index:40}.overlay.show{display:block}
 .login-page{grid-template-columns:1fr}.login-showcase{display:none}.login-card-wrap{min-height:100vh;padding:22px}.mobile-logo{display:flex;gap:10px;align-items:center;margin-bottom:28px}.reward-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
 .payment-body{padding:14px 10px}.payment-card{padding:18px;border-radius:18px}.payment-heading{align-items:flex-start;gap:10px}.payment-heading h1{font-size:20px}.fee-badge{padding:9px}.fee-badge strong{font-size:16px}.payment-grid{grid-template-columns:1fr;gap:18px}.qr-panel img{width:180px}
 .member-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.member-actions a{padding:9px 3px;border-radius:12px}.member-actions .action-icon{width:34px;height:34px;border-radius:10px;font-size:15px;margin-bottom:6px}.member-actions strong{font-size:8px;white-space:normal;line-height:1.2}
 body{background:#f6f7fb}.topbar h1{font-size:22px}.hero-card{min-height:165px;padding:24px}.hero-card h2{font-size:26px}.hero-art{width:130px}.wallet-icon{right:6px;top:37px;width:72px;height:72px;font-size:32px}
 .referral-card,.quick-panel{padding:18px}.ref-box{flex-wrap:wrap}.ref-box input{width:100%;flex-basis:100%;font-size:10px}.ref-box button{flex:1}
 .team-grid{grid-template-columns:1fr}.income-grid{grid-template-columns:1fr 1fr;gap:11px}.income-card{padding:15px;min-height:132px}.income-card.lifetime{grid-column:span 2}.income-card strong{font-size:18px}.income-top span{font-size:9px}
 .quick-panel{display:block}.quick-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:15px}
 .mobile-footer{position:fixed;display:flex;bottom:0;left:0;right:0;height:72px;background:#fff;z-index:35;justify-content:space-around;border-top:1px solid #eaecf3;box-shadow:0 -8px 25px rgba(44,54,98,.08)}
 .mobile-footer a{flex:1;text-decoration:none;color:#9aa0b4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:18px}.mobile-footer small{font-size:8px;font-weight:700}.mobile-footer a.active{color:#6657ef}.mobile-footer .footer-main span{width:43px;height:43px;border-radius:15px;background:linear-gradient(135deg,#6557ef,#29cad5);color:#fff;display:grid;place-items:center;margin-top:-25px;box-shadow:0 9px 22px rgba(98,87,235,.3)}.mobile-footer .footer-main small{margin-top:-2px}
 .section-title h3{font-size:17px}.login-card{padding:29px 23px;border-radius:22px}.form-row{grid-template-columns:1fr}.access-card{max-height:none}
}