*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#071207;color:#f7f7f8;font-family:Georgia,"Times New Roman",serif;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.appBody{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(39,92,36,.18),transparent 34%),linear-gradient(180deg,#071008,#0a1606 65%,#07120a)}
.appHeader{position:sticky;top:0;z-index:80;height:78px;background:#4aa8c6;display:flex;align-items:center;justify-content:space-between;padding:10px 24px;box-shadow:0 4px 18px rgba(0,0,0,.32)}.menuBtn,.bellBtn{width:48px;height:48px;border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer;position:relative}.bellBtn{font-size:30px}.bellBtn i{position:absolute;right:-2px;top:0;background:#e7374e;color:#fff;font:bold 13px Arial;border-radius:30px;padding:4px 8px;font-style:normal}.appBrand{display:flex;align-items:center;gap:12px;min-width:0}.appBrand img,.appBrand .logoFallback{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.55);background:#13213a;display:grid;place-items:center;color:#fff;font-size:28px}.appBrand b{display:block;font-size:25px;white-space:nowrap}.appBrand small{display:block;font-size:14px;color:#e4f5fa;white-space:nowrap}
.appMain{max-width:1050px;margin:0 auto;padding:22px 26px 115px}.appMain>*{animation:fadeUp .35s ease}.notice{padding:14px 16px;border-radius:16px;background:#14302b;border:1px solid #2e6656;margin-bottom:18px}.toast{position:relative}.error{padding:14px 16px;border-radius:15px;background:#3b1820;border:1px solid #8b3345;margin:12px 0}.muted,small,.mutedText{color:#a9b0c5}
.card,.stat,.infoCard{background:linear-gradient(145deg,rgba(19,34,46,.98),rgba(13,25,31,.98));border:1px solid rgba(82,122,144,.18);border-radius:28px;padding:24px;box-shadow:0 12px 35px rgba(0,0,0,.20)}.card{margin-bottom:20px}.grid{display:grid;gap:18px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:6px 0 22px}.top h1{font-size:34px;margin:3px 0}.pill{display:inline-block;padding:6px 12px;border-radius:999px;background:#074b2d;color:#55ed91;font:700 12px Arial}.stat{min-height:130px}.stat small{font-size:17px}.stat b{display:block;font-size:31px;margin-top:8px}.stat span{color:#aeb8cb}.btn,button{border:0;border-radius:999px;padding:13px 22px;background:#08b6ce;color:#fff;cursor:pointer;font-weight:700;box-shadow:0 5px 15px rgba(0,183,210,.22)}.btn:hover,button:hover{filter:brightness(1.07)}.danger{background:#b9324b}.wideBtn{width:100%;text-align:center}.ghostBtn{background:transparent;border:1px solid #4e6474;box-shadow:none}.copyBtn{width:100%;margin-top:10px}.sectionTitle{font-size:28px;margin:22px 0 13px}.heroBanner{border-radius:26px;overflow:hidden;position:relative;background:#10251a;margin-bottom:20px}.heroBanner img{display:block;width:100%;max-height:330px;object-fit:cover}.bannerSlider{position:relative;border-radius:26px;overflow:hidden;min-height:180px;margin-bottom:20px;background:#102018}.bannerSlider .slide{position:absolute;inset:0;opacity:0;transition:opacity .55s ease}.bannerSlider .slide.show{opacity:1;position:relative}.bannerSlider img{width:100%;display:block;max-height:340px;object-fit:cover}.dots{position:absolute;bottom:10px;left:0;right:0;text-align:center;z-index:2}.dots span{display:inline-block;width:34px;height:5px;background:#fff;border-radius:4px;margin:0 3px;opacity:.75}
.balanceHero{background:linear-gradient(120deg,#122a36,#12212c);border-radius:28px;padding:28px 34px;margin-bottom:18px}.balanceHero .amount{font-size:60px}.balanceHero .label{font-size:20px;color:#a8b2c6}.quickGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quick{border-radius:25px;min-height:130px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:#102a3b}.quick.pink{background:#391725}.quick.green{background:#0b3420}.quickIcon{font-size:40px;margin-bottom:8px}.quick b{font-size:18px}.ledger{display:grid;gap:14px}.ledgerItem{display:grid;grid-template-columns:90px 1fr 1fr 90px;gap:12px;align-items:center;padding:19px;border-radius:24px;background:#102434}.status{display:inline-block;padding:6px 12px;border-radius:999px;background:#084f32;color:#28df8a;font-size:14px}.refCards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.refCard{min-height:220px;border-radius:28px;background:#102434;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px}.refIcon{width:115px;height:115px;border-radius:50%;display:grid;place-items:center;background:#1765b8;font-size:60px;margin-bottom:13px}.refCard:nth-child(2) .refIcon{background:#17d37d}.refCard:nth-child(3) .refIcon{background:#df402b}.refCard:nth-child(4) .refIcon{background:#d3df18}.refCard:nth-child(5) .refIcon{background:#d3df18}.refCard h3{font-size:21px;margin:0}.refValue{font-size:32px}.levelTable{overflow:auto}.levelTable table{min-width:600px}
.walletBox{padding:22px;border-radius:28px;background:#102b3e;text-align:center;margin-bottom:18px}.qr{width:min(300px,80vw);display:block;margin:16px auto;border-radius:8px;background:#fff;padding:8px}.addressBox{background:#050b21;border:1px solid #4c5579;border-radius:999px;padding:15px 18px;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paymentBox{border:1px solid #345a70;border-radius:25px;padding:22px;background:#0f2532;margin-bottom:18px}.paymentBox code,.codeBox{display:block;padding:15px;background:#050b21;border-radius:15px;overflow:auto;word-break:break-all}.depositDescription{padding:20px 24px;border-radius:28px;background:linear-gradient(90deg,#173d2b,#132d22);font-size:18px}
.formCard{max-width:580px;margin:20px auto}.auth{max-width:450px;margin:40px auto}.auth input,.formCard input,.formCard select{margin:8px 0}.input,.auth input,input,select{width:100%;padding:15px 17px;border-radius:999px;border:1px solid #44516c;background:#050a22;color:#fff;outline:none}.input:focus,input:focus,select:focus{border-color:#20c2df;box-shadow:0 0 0 3px rgba(32,194,223,.12)}label{display:block;margin:10px 0}.checkLine{display:flex;gap:8px;align-items:center}.checkLine input{width:auto}.registerBtn{width:100%;text-align:center;background:transparent;border:0;box-shadow:none;margin-top:8px}
.loginPage{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#4a5362,#364150 55%,#4b5360);position:relative;overflow:hidden}.loginPage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 70%,rgba(255,255,255,.08),transparent 45%)}.loginCard{width:min(430px,94vw);padding:28px 24px 34px;text-align:center;background:rgba(62,72,86,.84);border:0;box-shadow:none;z-index:1}.loginLogo{width:125px;height:125px;border-radius:50%;object-fit:cover;border:3px solid #e4b92c;margin:0 auto 12px}.loginLogo.fallback{display:grid;place-items:center;background:#17223c;color:#fff;font-size:48px}.loginCard h1{font-size:44px;margin:0 0 2px}.loginCard .tagline{font-size:20px;color:#d7d9df;margin:0 0 26px}.loginCard h2{font-size:34px;margin:18px 0}.loginCard form button{width:100%;font-size:22px;padding:15px}.loginCard .registerBtn{font-size:20px}.loginBanner{margin:12px 0 18px;border-radius:20px;overflow:hidden}.loginBanner img{width:100%;display:block;max-height:220px;object-fit:cover}
.welcome{min-height:calc(100vh - 40px);display:flex;align-items:center;justify-content:center}.welcomeCard{max-width:700px;text-align:center}.successIcon{width:150px;height:150px;border-radius:50%;margin:0 auto 20px;display:grid;place-items:center;background:#08ad55;color:#fff;font-size:92px;box-shadow:0 10px 35px rgba(0,0,0,.2)}.welcomeCard h1{font-size:52px;margin:10px 0}.welcomeCard p{font-size:25px;color:#c8ccd5}.welcomeCard .heroBanner{margin:28px 0}
.sideMenu{position:fixed;left:0;top:0;bottom:0;width:min(410px,88vw);background:rgba(2,5,8,.97);z-index:120;transform:translateX(-105%);transition:transform .28s ease;box-shadow:20px 0 60px rgba(0,0,0,.45);padding:22px 20px;display:flex;flex-direction:column}.sideMenu.open{transform:translateX(0)}.menuOverlay{position:fixed;inset:0;background:rgba(0,0,0,.52);z-index:110;opacity:0;visibility:hidden;transition:.25s}.menuOverlay.show{opacity:1;visibility:visible}.sideTop{display:flex;align-items:center;justify-content:flex-end}.closeBtn{background:transparent;box-shadow:none;font-size:36px;padding:0}.sideBrand{display:none}.sideLinks{display:grid;gap:8px;margin-top:20px}.sideLinks a{display:flex;align-items:center;gap:18px;padding:14px 18px;border-radius:999px;font-size:22px;color:#e7e8ec}.sideLinks a span{width:28px;text-align:center}.sideLinks a.active{background:#4aa8c6;color:#fff}.sideUser{margin-top:auto;display:flex;align-items:center;gap:12px;padding:18px 8px;font-size:20px}.sideUser>span:first-child{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#17284b;overflow:hidden}.sideUser img{width:100%;height:100%;object-fit:cover}.sideUser .chat{margin-left:auto}.sideQuick{display:flex;justify-content:space-around;background:#262626;border-radius:999px;padding:14px;font-size:27px}.bottomNav{position:fixed;left:0;right:0;bottom:0;height:82px;z-index:90;background:rgba(8,10,11,.96);display:flex;justify-content:space-around;align-items:center;padding:5px 8px;border-top:1px solid rgba(255,255,255,.05)}.bottomNav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:70px;color:#9da5ba}.bottomNav a span{font-size:28px;line-height:1}.bottomNav a small{font-size:12px}.bottomNav a.active{color:#fff}.bottomNav .centerNav{width:76px;height:76px;min-width:76px;border-radius:50%;margin-top:-32px;background:linear-gradient(145deg,#1b7dc9,#1748bc);color:#fff;border:1px solid #4c83df;box-shadow:0 8px 22px rgba(0,0,0,.35)}.bottomNav .centerNav span{font-size:35px}.appFooter{text-align:center;padding:15px 10px 100px;color:#6f7c8b;font-size:13px}
.adminBody{background:#080d16}.adminWrap{max-width:1200px;margin:auto}.adminHeader{position:sticky;top:0;z-index:80}.adminGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.adminCard{background:#111a2a;border:1px solid #24314c;border-radius:22px;padding:20px;box-shadow:0 12px 30px rgba(0,0,0,.2)}.adminCard h2{margin-top:0}.adminNav{display:flex;gap:8px;overflow:auto}.adminNav a{padding:10px 13px;border-radius:10px;white-space:nowrap}.adminNav a:hover{background:#17253b}.adminTable{overflow:auto}.adminTable table{min-width:760px}.adminLogoPreview{width:90px;height:90px;border-radius:50%;object-fit:cover;border:2px solid #4aa8c6}.uploadPreview{width:180px;max-height:100px;object-fit:cover;border-radius:14px}.bannerAdminGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.bannerAdminItem{background:#0c1423;border:1px solid #263551;border-radius:16px;padding:12px}.bannerAdminItem img{width:100%;height:110px;object-fit:cover;border-radius:12px}.levelRow{display:grid;grid-template-columns:100px 1fr 1fr auto;gap:10px;align-items:center;margin:8px 0}.adminInput{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #31405f;background:#080e1b;color:#fff}
#pageLoader{position:fixed;inset:0;background:rgba(3,7,10,.54);backdrop-filter:blur(5px);display:grid;place-items:center;z-index:9999;opacity:0;visibility:hidden;transition:.15s}#pageLoader.show{opacity:1;visibility:visible}#pageLoader span{width:36px;height:36px;border:3px solid #335263;border-top-color:#4ab5d0;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px 10px;border-bottom:1px solid #27344d;text-align:left;white-space:nowrap}code{display:block;padding:13px;overflow:auto;background:#050a18;border-radius:12px}.inline{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.inline button,.inline select{width:auto;margin:0}.inner{margin:0}
@media(max-width:900px){.four{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:1fr 1fr}.appMain{padding:18px 14px 112px}.appHeader{height:72px;padding:8px 12px}.appBrand b{font-size:21px}.appBrand small{font-size:12px}.balanceHero .amount{font-size:48px}.ledgerItem{grid-template-columns:80px 1fr 1fr}.ledgerItem img{display:none}.adminGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.bannerAdminGrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.two,.three,.four,.quickGrid,.refCards{grid-template-columns:1fr 1fr}.four .stat:last-child{grid-column:span 2}.appBrand img,.appBrand .logoFallback{width:44px;height:44px}.appBrand b{font-size:19px}.appBrand small{font-size:11px}.card,.stat{padding:18px;border-radius:24px}.balanceHero{padding:23px;border-radius:24px}.balanceHero .amount{font-size:43px}.quick{min-height:120px}.quickIcon{font-size:32px}.ledgerItem{grid-template-columns:1fr 1fr}.ledgerItem .date{grid-column:span 2}.loginCard h1{font-size:37px}.loginCard h2{font-size:29px}.loginLogo{width:105px;height:105px}.welcomeCard h1{font-size:40px}.welcomeCard p{font-size:20px}.sideMenu{width:88vw}.sideLinks a{font-size:19px}.bottomNav{height:78px}.bottomNav .centerNav{width:68px;height:68px;min-width:68px}.levelRow{grid-template-columns:1fr}.adminGrid,.bannerAdminGrid{grid-template-columns:1fr}.adminNav{padding-bottom:5px}}
@media(max-width:390px){.two,.three,.four,.quickGrid,.refCards{grid-template-columns:1fr}.four .stat:last-child{grid-column:auto}.bottomNav a{min-width:55px}.bottomNav a small{font-size:10px}.appBrand b{font-size:17px}.appBrand small{font-size:10px}}

/* Enhanced responsive/mobile UI */
.pageHead{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:4px 0 20px}.pageHead h1{font-size:38px;margin:5px 0}.pageHeadValue{font-size:25px;font-weight:700;color:#7fe8f5}.methodBadge{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#073f4b;color:#7fe8f5;font:700 13px Arial}.badStatus{background:#4b1722!important;color:#ff7e96!important}.activePayment{max-width:760px;margin:0 auto 20px}.accountHero{display:flex;align-items:center;gap:18px;padding:22px;border-radius:28px;background:linear-gradient(120deg,#122a36,#12212c);margin-bottom:18px}.accountAvatar{width:88px;height:88px;flex:0 0 88px;border-radius:50%;overflow:hidden;background:#17284b;display:grid;place-items:center;font-size:38px;border:2px solid #4aa8c6}.accountAvatar img{width:100%;height:100%;object-fit:cover}.accountHero h2{margin:0;font-size:30px}.accountHero p{margin:3px 0 10px;color:#aeb8cb}.accountStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.infoCard h3{margin-top:0;font-size:22px}.infoCard p{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid rgba(255,255,255,.07);padding:11px 0;margin:0}.infoCard p:last-child{border-bottom:0}.infoCard p span{color:#a9b0c5}.infoCard p b{text-align:right}.actionStat{display:block}.paymentSelector{padding:18px;border:1px solid #31506a;border-radius:18px;background:#0b1724;margin:15px 0 20px}.paymentSelector h3{margin:0 0 5px}.paymentSelector .adminInput{font-size:16px}.sideMenu{width:min(420px,92vw);padding:20px 18px;overflow-y:auto}.sideTop{min-height:45px}.sideLinks{gap:5px}.sideLinks a{min-height:58px;padding:13px 18px;font-size:21px}.sideUser{margin-top:24px}.bottomNav a{min-width:76px}.appMain{width:100%}
@media(max-width:900px){.appMain{max-width:760px}.accountStats{grid-template-columns:repeat(2,minmax(0,1fr))}.ledgerItem{grid-template-columns:90px 1fr 1fr}.pageHead h1{font-size:32px}}
@media(max-width:600px){.appMain{padding:15px 12px 118px}.appHeader{padding:8px 10px}.appBrand{gap:8px}.appBrand b{font-size:18px}.appBrand small{font-size:10px}.pageHead{align-items:flex-start}.pageHead h1{font-size:29px}.pageHeadValue{font-size:19px;white-space:nowrap}.card,.stat,.infoCard{padding:16px;border-radius:22px}.balanceHero{padding:20px}.balanceHero .amount{font-size:40px}.sectionTitle{font-size:25px}.accountHero{padding:18px;gap:13px}.accountAvatar{width:70px;height:70px;flex-basis:70px}.accountHero h2{font-size:23px}.accountHero p{font-size:13px;word-break:break-word}.accountStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.accountStats .stat{min-height:118px}.stat b{font-size:25px;word-break:break-word}.stat small,.stat span{font-size:13px}.refCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.refCard{min-height:185px;padding:12px;border-radius:22px}.refIcon{width:82px;height:82px;font-size:42px}.refValue{font-size:27px}.refCard h3{font-size:16px}.quickGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.quick{min-height:105px;padding:13px;border-radius:20px}.quickIcon{font-size:28px}.quick b{font-size:15px}.ledgerItem{grid-template-columns:1fr 1fr;gap:9px;padding:15px;border-radius:20px}.ledgerItem .date{grid-column:span 2}.addressBox{font-size:14px;padding:14px}.walletBox,.paymentBox{padding:18px;border-radius:22px}.qr{width:min(280px,76vw)}.bannerSlider,.heroBanner{border-radius:20px}.bannerSlider img{max-height:260px}.sideMenu{width:min(390px,94vw);padding:18px 14px}.sideLinks a{font-size:20px;min-height:56px}.sideUser{padding:14px 6px}.sideQuick{padding:12px}.bottomNav{height:84px;padding-bottom:7px}.bottomNav a{min-width:65px}.bottomNav a span{font-size:26px}.bottomNav a small{font-size:11px}.bottomNav .centerNav{width:72px;height:72px;min-width:72px}.appFooter{display:none}.adminWrap{padding-bottom:30px}}
@media(max-width:390px){.appBrand b{font-size:16px}.appBrand small{font-size:9px}.menuBtn,.bellBtn{width:42px}.accountStats{gap:8px}.accountStats .stat{min-height:110px}.stat b{font-size:21px}.refCard{min-height:165px}.refIcon{width:70px;height:70px;font-size:35px}.refCard h3{font-size:14px}.quick b{font-size:13px}.quickIcon{font-size:25px}.bottomNav a{min-width:57px}.bottomNav a small{font-size:9px}.bottomNav .centerNav{width:64px;height:64px;min-width:64px}}

/* v3 Premium Compact Mobile UI */
.headerSpacer{width:48px;height:48px;display:block}
.menuBtn i,.sideLinks i,.bottomNav i,.quickIcon i,.refIcon i{font-size:inherit;line-height:1}
.loginPage{padding:10px}
.loginCard{width:min(370px,92vw);padding:14px 14px 18px;border-radius:24px}
.loginLogo{width:82px;height:82px;border-width:2px;margin-bottom:6px}
.loginCard h1{font-size:29px;line-height:1.05;margin:0}
.loginCard .tagline{font-size:13px;margin:3px 0 10px}
.loginCard h2{font-size:23px;line-height:1.1;margin:10px 0}
.loginCard form{display:grid;gap:7px}
.loginCard form input{height:42px;padding:8px 13px;font-size:14px;margin:0}
.loginCard form button{height:43px;padding:8px;font-size:17px}
.loginCard .registerBtn{font-size:15px;margin-top:4px;padding:4px}
.loginBanner{margin:7px 0 9px;border-radius:13px}.loginBanner img{max-height:120px}
.checkLine{font-size:12px;margin:2px 0;justify-content:center}.checkLine input{height:auto!important}
.error,.notice{padding:9px 11px;border-radius:11px;margin:7px 0;font-size:12px}
.welcome{min-height:100vh}.welcomeCard{padding:15px}.successIcon{width:78px;height:78px;font-size:43px;margin-bottom:9px}.welcomeCard h1{font-size:32px}.welcomeCard p{font-size:16px;margin:3px 0 10px}.welcomeCard .heroBanner{margin:10px 0}.welcomeCard .heroBanner img{max-height:170px}
.appHeader{height:64px;padding:6px 10px}.menuBtn,.headerSpacer{width:40px;height:40px;font-size:20px}.appBrand{gap:7px}.appBrand img,.appBrand .logoFallback{width:38px;height:38px;font-size:20px}.appBrand b{font-size:17px}.appBrand small{font-size:9px}
.appMain{padding:12px 10px 88px}.appMain>*{animation:fadeUp .22s ease}.top{margin:3px 0 12px}.top h1{font-size:24px}.sectionTitle{font-size:22px;margin:15px 0 9px}.pill{padding:4px 9px;font-size:10px}.card,.stat,.infoCard{padding:13px;border-radius:18px;box-shadow:0 7px 20px rgba(0,0,0,.18)}.stat{min-height:100px}.stat b{font-size:23px;margin-top:4px}.stat small,.stat span{font-size:12px}.balanceHero{padding:16px 18px;border-radius:19px;margin-bottom:10px}.balanceHero .amount{font-size:34px}.balanceHero .label{font-size:13px}.quickGrid{gap:8px}.quick{min-height:88px;padding:10px;border-radius:17px}.quickIcon{font-size:24px;margin-bottom:5px}.quick b{font-size:13px}.ledger{gap:8px}.ledgerItem{padding:11px;border-radius:17px;gap:6px;font-size:12px}.status{padding:4px 8px;font-size:10px}.addressBox{padding:11px 13px;font-size:12px}.walletBox,.paymentBox{padding:13px;border-radius:18px}.paymentBox h2,.walletBox h2{font-size:20px}.paymentBox p,.walletBox p{font-size:12px}.qr{width:min(220px,68vw);padding:5px;margin:10px auto}.methodBadge{padding:5px 9px;font-size:10px}.pageHead{margin:2px 0 10px;gap:8px}.pageHead h1{font-size:25px}.pageHeadValue{font-size:16px}.bannerSlider,.heroBanner{border-radius:16px;margin-bottom:10px}.bannerSlider img{max-height:190px}.dots{bottom:6px}.dots span{width:20px;height:3px}.refCards{gap:8px}.refCard{min-height:145px;padding:9px;border-radius:18px}.refIcon{width:58px;height:58px;font-size:27px;margin-bottom:7px}.refValue{font-size:22px}.refCard h3{font-size:13px}.accountHero{padding:13px;border-radius:18px;gap:10px;margin-bottom:10px}.accountAvatar{width:58px;height:58px;flex-basis:58px;font-size:25px}.accountHero h2{font-size:20px}.accountHero p{font-size:11px;margin:1px 0 5px}.accountStats{gap:8px;margin-bottom:10px}.accountStats .stat{min-height:94px}.infoCard h3{font-size:17px}.infoCard p{padding:7px 0;font-size:12px}.actionStat b{font-size:17px}
/* compact 2x2 dashboard/stat grids on phones */
.appMain .grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
/* slide menu is a compact panel, not full-screen and never scrolls */
.sideMenu{top:64px;bottom:64px;width:min(292px,78vw);height:auto;padding:9px 10px;overflow:hidden;border-radius:0 20px 20px 0;box-shadow:14px 0 40px rgba(0,0,0,.5)}
.sideTop{min-height:28px}.closeBtn{font-size:24px;width:32px;height:32px;padding:0}.sideLinks{gap:2px;margin-top:4px}.sideLinks a{min-height:36px;height:36px;padding:5px 9px;border-radius:12px;gap:10px;font-size:15px}.sideLinks a span{width:21px}.sideLinks a i{font-size:14px}.sideUser{margin-top:7px;padding:6px 3px;font-size:14px;gap:7px}.sideUser>span:first-child{width:34px;height:34px}.sideQuick{padding:7px;font-size:18px;margin-top:4px}.sideQuick span{display:grid;place-items:center}.menuOverlay{background:rgba(0,0,0,.38)}
.bottomNav{height:62px;padding:3px 5px}.bottomNav a{min-width:56px;gap:1px}.bottomNav a span{font-size:20px}.bottomNav a small{font-size:9px}.bottomNav .centerNav{width:55px;height:55px;min-width:55px;margin-top:-22px}.bottomNav .centerNav span{font-size:23px}
.adminHeader{height:58px}.adminHeader .appBrand img,.adminHeader .appBrand .logoFallback{width:34px;height:34px}.adminHeader .appBrand b{font-size:15px}.adminHeader .appBrand small{font-size:8px}.adminNav{gap:3px}.adminNav a{padding:6px 7px;font-size:11px}.adminGrid{gap:8px}.adminCard{padding:13px;border-radius:16px}.adminCard h2{font-size:20px}.adminInput{padding:9px 10px;font-size:13px}.levelRow{gap:6px}.adminWrap{padding-bottom:20px}
@media(max-width:390px){.loginCard{width:min(350px,94vw);padding:11px}.loginLogo{width:70px;height:70px}.loginCard h1{font-size:26px}.loginCard .tagline{font-size:12px}.loginCard h2{font-size:21px}.loginCard form input{height:39px;font-size:13px}.loginCard form button{height:40px;font-size:16px}.appMain{padding-left:8px;padding-right:8px}.appBrand b{font-size:15px}.appBrand small{font-size:8px}.appMain .grid.two{gap:6px}.stat{min-height:92px;padding:11px}.stat b{font-size:20px}.stat small,.stat span{font-size:11px}.quick{min-height:82px}.quick b{font-size:12px}.refCard{min-height:135px}.refIcon{width:52px;height:52px;font-size:24px}.refCard h3{font-size:12px}.sideMenu{width:286px}.sideLinks a{font-size:14px;height:34px;min-height:34px}.sideUser{font-size:13px}.sideQuick{font-size:16px}.bottomNav{height:58px}.bottomNav a{min-width:52px}.bottomNav a small{font-size:8px}.bottomNav .centerNav{width:52px;height:52px;min-width:52px;margin-top:-20px}}

/* V4 final mobile/layout correction */
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
img,svg{max-width:100%;height:auto}
button,.btn,input,select{max-width:100%}
.card,.stat,.infoCard,.paymentBox,.walletBox,.accountHero,.ledgerItem,.refCard,.quick,.adminCard{min-width:0;overflow-wrap:anywhere}
.appMain{width:100%;overflow:visible}

/* Login/Register: normal-height compact mobile composition */
.loginPage{min-height:100svh;padding:18px 12px;overflow-y:auto}
.loginCard{width:min(390px,94vw);min-height:520px;padding:24px 18px 28px;border-radius:26px;display:flex;flex-direction:column;justify-content:center}
.loginCard form{width:100%;gap:9px}
.loginLogo{width:96px;height:96px;margin:0 auto 9px}
.loginCard h1{font-size:31px}
.loginCard .tagline{font-size:14px;margin:4px 0 13px}
.loginCard h2{font-size:25px;margin:12px 0}
.loginCard form input{height:48px;font-size:15px}
.loginCard form button{height:48px;font-size:18px}
.registerPage .loginCard{min-height:650px}
.loginBanner{max-width:100%}
.loginBanner img{max-height:145px}

/* Referral text always readable; never place text over bright banner */
.bannerSlider{isolation:isolate}
.bannerSlider .slide img{filter:none}
.refCard h3,.refValue,.sectionTitle,.card h2,.card h3,.paymentBox h2,.walletBox h2{position:relative;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.refCard{color:#fff;text-shadow:none}
.refCard h3{color:#fff!important;opacity:1!important}
.mutedText,.stat span,.stat small{opacity:1}

/* 2x2 dashboard/stat layout */
.dashboardGrid,.appMain .grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dashboardGrid>*{min-width:0}

/* Compact but taller side menu: complete menu visible without internal scrolling */
.sideMenu{top:64px;bottom:auto;width:min(330px,82vw);height:calc(100svh - 64px);max-height:calc(100svh - 64px);padding:12px 12px 10px;overflow:hidden;border-radius:0 22px 22px 0}
.sideLinks{gap:3px;margin-top:5px}
.sideLinks a{height:42px;min-height:42px;padding:6px 11px;font-size:16px;gap:11px}
.sideLinks a span{width:23px}
.sideLinks a i{font-size:15px}
.sideUser{margin-top:auto;padding:8px 4px;font-size:14px}
.sideQuick{padding:8px;margin-top:3px;font-size:18px}
.menuOverlay{left:330px}

/* Header and bottom navigation */
.appHeader{height:64px}
.bottomNav{height:64px;padding:3px 4px}
.bottomNav a{min-width:60px}
.bottomNav a span{font-size:21px}
.bottomNav a small{font-size:9px}
.bottomNav .centerNav{width:56px;height:56px;min-width:56px;margin-top:-20px}
.appMain{padding-bottom:90px}

/* Account */
.accountStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.accountStats .stat{min-height:110px}
.accountDetails{align-items:stretch}
.infoCard p{align-items:flex-start}
.infoCard p b{max-width:62%;word-break:break-word}

/* Deposit method selector */
.paymentChoice{margin:12px 0 16px;padding:14px;border:1px solid #315a70;border-radius:18px;background:#0b1724}
.paymentChoice label{font-weight:700;margin:0 0 7px}
.paymentChoice select{height:46px;background:#050a22;color:#fff}
.paymentChoice small{display:block;margin-top:6px;color:#aeb8cb}

/* Admin mobile menu */
.adminBody{min-height:100svh;overflow-x:hidden}
.adminHeader{height:62px;padding:6px 10px}
.adminMenuBtn{display:inline-grid;place-items:center;width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:#fff;font-size:21px;margin-right:4px}
.adminHeader .appBrand{min-width:0}
.adminHeader .appBrand b{font-size:16px}
.adminHeader .appBrand small{font-size:9px}
.adminDesktopNav{display:flex}
.adminSideMenu{position:fixed;left:0;top:62px;bottom:0;width:min(330px,82vw);background:#05080d;z-index:150;transform:translateX(-105%);transition:transform .25s ease;padding:12px;box-shadow:15px 0 45px rgba(0,0,0,.5);overflow:hidden}
.adminSideMenu.open{transform:translateX(0)}
.adminSideMenu a{display:flex;align-items:center;gap:12px;height:44px;padding:7px 12px;border-radius:12px;color:#fff;text-decoration:none;font-size:15px}
.adminSideMenu a.active,.adminSideMenu a:hover{background:#4aa8c6}
.adminSideMenu i{width:22px;text-align:center}
.adminMenuOverlay{position:fixed;inset:62px 0 0 0;background:rgba(0,0,0,.38);z-index:140;opacity:0;visibility:hidden;transition:.2s}
.adminMenuOverlay.show{opacity:1;visibility:visible}
.adminMainNoOverflow{overflow-x:hidden}

@media(min-width:769px){.adminMenuBtn,.adminSideMenu,.adminMenuOverlay{display:none}.adminDesktopNav{display:flex}}
@media(max-width:768px){.adminDesktopNav{display:none}.adminHeader .adminMenuBtn{display:inline-grid}.adminWrap{padding:12px 9px 25px}.adminGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.adminTable{max-width:100%;overflow-x:auto}.adminTable table{min-width:700px}.adminCard{overflow:hidden}}
@media(max-width:430px){
 .loginPage{padding:12px 8px}
 .loginCard{width:96vw;min-height:500px;padding:20px 14px 24px}
 .registerPage .loginCard{min-height:620px}
 .loginLogo{width:86px;height:86px}
 .loginCard h1{font-size:28px}.loginCard h2{font-size:23px}
 .loginCard form input,.loginCard form button{height:46px}
 .dashboardGrid,.appMain .grid.two{gap:8px}
 .card,.stat,.infoCard{padding:12px;border-radius:17px}
 .stat{min-height:100px}.stat b{font-size:21px}
 .accountHero{padding:12px}.accountAvatar{width:56px;height:56px;flex-basis:56px}.accountHero h2{font-size:19px}
 .accountStats{gap:8px}.accountStats .stat{min-height:96px}
 .refCard{min-height:145px}.refIcon{width:56px;height:56px;font-size:26px}.refValue{font-size:21px}.refCard h3{font-size:13px}
 .sideMenu{width:min(315px,84vw)}
 .menuOverlay{left:min(315px,84vw)}
 .sideLinks a{height:40px;min-height:40px;font-size:15px}
 .bottomNav{height:60px}.bottomNav a{min-width:54px}.bottomNav a span{font-size:19px}.bottomNav a small{font-size:8px}.bottomNav .centerNav{width:53px;height:53px;min-width:53px}
}

/* V5 fixes: active gateway only + referral level readability + admin single slide menu */
.levelTable table th, .levelTable table td { color:#fff !important; opacity:1 !important; text-shadow:none !important; }
.levelTable table th { font-weight:700; }
.paymentChoice.activeOnlyPayment { color:#fff; }
.paymentChoice.activeOnlyPayment strong { display:block; margin-top:8px; color:#fff; font-size:18px; }
.paymentChoice.activeOnlyPayment small { display:block; margin-top:6px; color:#dbe7f5 !important; opacity:1; }
.adminNav { display:none !important; }
.adminHeader .adminMenuBtn { display:inline-grid !important; place-items:center; }
.adminHeader { justify-content:flex-start; gap:12px; }
@media (min-width:769px) { .adminHeader .adminMenuBtn { display:inline-grid !important; } .adminSideMenu { display:block; } }

/* Referral tracking model: readable mobile tables and white text */
.trackingCards .refCard p{margin:5px 0 0;color:#e8edf5;font-size:12px}
.trackingTotals{margin:14px 0 20px}
.levelProgressList{display:grid;gap:16px}
.progressRow{padding:13px;border:1px solid rgba(130,160,180,.22);border-radius:16px;background:rgba(7,18,25,.45)}
.progressTop,.progressMeta{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;color:#fff}
.progressTop span,.progressMeta span{font-size:12px;color:#e5eaf2}
.progressMeta{margin-top:8px;font-size:12px}
.progressTrack{height:10px;background:#25313b;border-radius:999px;overflow:hidden;margin-top:9px}
.progressFill{height:100%;background:linear-gradient(90deg,#3bd98b,#56b7ff);border-radius:999px}
.tableScroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.tableScroll table{min-width:560px}
.tableScroll th,.tableScroll td,.levelTable th,.levelTable td{color:#fff!important;white-space:nowrap}
.levelTable{overflow-x:auto}
.levelTable table{min-width:760px}
.card h2,.card h3{color:#fff}
@media(max-width:600px){.trackingTotals{grid-template-columns:1fr}.trackingCards .refCard{min-height:160px}.progressMeta{display:block}.progressMeta b{display:block;margin-top:5px}.tableScroll table{font-size:12px}.trackingCards .mutedText{color:#e8edf5!important}}
/* Withdrawal/admin visibility and separate admin modules */
.withdrawPage,.withdrawPage h1,.withdrawPage h2,.withdrawPage h3,.withdrawPage p,.withdrawPage label,.withdrawPage .mutedText,.withdrawPage .notice,.withdrawPage .ledgerItem,.withdrawPage .date,.withdrawPage .status{color:#fff !important;opacity:1!important}
.withdrawPage input,.withdrawPage select{color:#fff!important;background:#08111d!important;border-color:#426074!important}
.withdrawPage input::placeholder{color:#d8e1eb!important;opacity:1}
.withdrawNotice{color:#fff!important}
.adminCard h1,.adminCard h2,.adminCard h3,.adminCard label,.adminCard p,.adminCard small,.adminCard th,.adminCard td{color:#fff}
.adminSideMenu a{color:#fff!important}
.adminSideMenu a.active{color:#fff!important}
.adminInput, .adminCard input, .adminCard select{color:#fff!important;background:#08111d!important;border-color:#426074!important}
.adminCard input::placeholder{color:#d8e1eb!important;opacity:1}
@media(max-width:768px){.withdrawPage{padding:14px!important}.withdrawPage .walletConnectRow{display:grid;grid-template-columns:1fr;gap:8px}.withdrawPage .wideBtn{width:100%}.adminCard{padding:12px!important}.adminTable{overflow-x:auto}.adminTable table{min-width:1050px}}
.withdrawPage,.withdrawPage h1,.withdrawPage h2,.withdrawPage h3,.withdrawPage p,.withdrawPage label,.withdrawPage .mutedText,.withdrawPage .notice,.withdrawPage .ledgerItem,.withdrawPage .date,.withdrawPage .status{color:#fff!important;opacity:1!important}.withdrawPage input,.withdrawPage select{color:#fff!important;background:#08111d!important;border-color:#426074!important}.withdrawPage input::placeholder{color:#d8e1eb!important;opacity:1}.adminCard h1,.adminCard h2,.adminCard h3,.adminCard label,.adminCard p,.adminCard small,.adminCard th,.adminCard td{color:#fff}.adminSideMenu a{color:#fff!important}.adminInput,.adminCard input,.adminCard select{color:#fff!important;background:#08111d!important;border-color:#426074!important}.adminCard input::placeholder{color:#d8e1eb!important;opacity:1}@media(max-width:768px){.withdrawPage{padding:14px!important}.withdrawPage .walletConnectRow{display:grid;grid-template-columns:1fr;gap:8px}.withdrawPage .wideBtn{width:100%}.adminCard{padding:12px!important}.adminTable{overflow-x:auto}.adminTable table{min-width:1050px}}
.withdrawPage,.withdrawPage h1,.withdrawPage h2,.withdrawPage h3,.withdrawPage p,.withdrawPage label,.withdrawPage .mutedText,.withdrawPage .notice,.withdrawPage .ledgerItem,.withdrawPage .date,.withdrawPage .status{color:#fff!important;opacity:1!important}.withdrawPage input,.withdrawPage select{color:#fff!important;background:#08111d!important}.withdrawPage input::placeholder{color:#d8e1eb!important;opacity:1}.adminCard h1,.adminCard h2,.adminCard h3,.adminCard label,.adminCard p,.adminCard small,.adminCard th,.adminCard td{color:#fff}.adminSideMenu a{color:#fff!important}.adminInput,.adminCard input,.adminCard select{color:#fff!important;background:#08111d!important;border-color:#426074!important}@media(max-width:768px){.withdrawPage .walletConnectRow{display:grid;grid-template-columns:1fr;gap:8px}.adminTable{overflow-x:auto}.adminTable table{min-width:1000px}}

/* Admin menu + referral model V6 */
.adminSideMenu{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.adminSideMenu a{flex:0 0 auto}
.referralAdminPage{max-width:1200px}
.referralModelCard{overflow:visible}
.refModelRows{display:grid;gap:14px;margin-top:18px}
.refModelRow{display:flex;align-items:flex-start;gap:16px;padding:16px;border:1px solid rgba(82,122,144,.25);border-radius:20px;background:linear-gradient(145deg,rgba(13,28,38,.98),rgba(8,18,25,.98));box-shadow:0 8px 24px rgba(0,0,0,.16)}
.refLevelCircle{flex:0 0 58px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#4aa8c6;color:#fff;font-weight:800;font-size:18px;border:2px solid rgba(255,255,255,.35)}
.refModelValues{flex:1;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}
.refModelTitle{grid-column:1/-1;color:#fff;font-size:18px;font-weight:800;display:flex;align-items:center;gap:9px}
.refTypePill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;background:rgba(74,168,198,.18);border:1px solid rgba(74,168,198,.45);font-size:11px;font-weight:700}
.refField{min-width:0}.refField label{display:block;color:#dbe7f5;font-size:11px;margin:0 0 5px}.refField input,.refField select{width:100%;height:42px;border-radius:999px!important;padding:7px 13px!important;color:#fff!important;background:#08111d!important;border:1px solid #426074!important;outline:none}.refField input:focus,.refField select:focus{border-color:#6dc6e4!important;box-shadow:0 0 0 2px rgba(109,198,228,.12)}
.refSaveBtn{margin-top:18px;width:100%;border:0;border-radius:999px;padding:13px 18px;background:#4aa8c6;color:#fff;font-weight:800;cursor:pointer}
@media(max-width:900px){.refModelValues{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.refModelRow{gap:10px;padding:12px;border-radius:18px}.refLevelCircle{flex-basis:46px;width:46px;height:46px;font-size:14px}.refModelValues{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.refModelTitle{font-size:15px}.refField input,.refField select{height:40px;font-size:13px}.refField label{font-size:10px}}