*{box-sizing:border-box} :root{--green:#82bd39;--green-dark:#397839;--ink:#1e2a22;--muted:#758178;--line:#e5ebe5;--bg:#f4f7f3;--surface:#fff}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1440px)/2));position:sticky;top:0;z-index:5}.brand{display:flex;gap:11px;align-items:center;color:#27342a;text-decoration:none;font-weight:850;letter-spacing:.09em;font-size:17px}.brand small{display:block;color:#89948b;font-size:9px;letter-spacing:.2em;font-weight:650}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--green);color:white;font-weight:900;font-size:22px;letter-spacing:0}.top-user{display:flex;align-items:center;gap:10px;color:#59655c;font-size:13px}.avatar{height:34px;width:34px;border-radius:50%;display:grid;place-items:center;background:#e8f2dc;color:var(--green-dark);font-weight:800}.logout{color:var(--green-dark);text-decoration:none;margin-left:12px}.shell{max-width:1440px;margin:auto;display:flex;min-height:calc(100vh - 125px)}.sidebar{width:235px;flex:0 0 235px;padding:30px 16px 24px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.side-label{margin:11px 10px 7px;color:#a2aaa3;font-size:10px;letter-spacing:.14em;font-weight:800}.sidebar>a{color:#68746b;text-decoration:none;padding:11px 13px;border-radius:9px;font-size:16px}.sidebar>a span{font-size:13px;margin-left:9px}.sidebar>a:hover,.sidebar>a:first-of-type{background:#eff6e8;color:var(--green-dark);font-weight:650}.side-foot{margin-top:auto;padding:18px 11px 3px;border-top:1px solid var(--line);font-size:12px;color:#7f8a81}.side-foot b{display:block;color:#528b3d;margin-top:5px}.main{flex:1;min-width:0;padding:32px clamp(18px,4vw,52px) 60px}.main-auth{max-width:580px;margin:40px auto;flex:1}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;gap:16px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#79916e;font-weight:750}.page-head h1{margin:4px 0 0;font-size:27px;letter-spacing:-.03em}.page-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.card,.stat,.plan{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 4px 16px rgba(41,67,37,.025)}.stat{padding:18px 19px}.stat .label{font-size:12px;color:#849087}.stat strong{display:block;font-size:24px;margin-top:7px;letter-spacing:-.03em}.stat small{font-size:11px;color:#a0aaa1}.section-title{display:flex;justify-content:space-between;align-items:center;margin:28px 0 13px}.section-title h2{margin:0;font-size:16px}.section-title a,.text-link{color:var(--green-dark);text-decoration:none;font-size:12px;font-weight:700}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.plan{padding:15px}.plan-banner{height:135px;border-radius:9px;background:linear-gradient(130deg,#e6f1db,#b5d58f);display:flex;align-items:center;justify-content:center;color:#557a45;font-size:35px;font-weight:850;letter-spacing:.15em}.plan h3{margin:13px 0 3px}.plan p{margin:0;color:var(--muted);font-size:12px}.plan-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.plan-price{font-weight:800;font-size:19px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:var(--green);color:#fff;text-decoration:none;font-weight:750;font-size:13px;padding:11px 16px;cursor:pointer}.btn:hover{background:#70aa2b}.btn.secondary{background:#eff5e9;color:var(--green-dark)}.btn.dark{background:#243a2a}.btn:disabled{opacity:.5;cursor:not-allowed}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quick{padding:17px;text-decoration:none;color:var(--ink);font-weight:700}.quick span{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:4px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px;margin-bottom:17px}.panel h2{font-size:16px;margin:0 0 15px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:700;color:#566259}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe6df;background:#fff;border-radius:8px;padding:11px 12px;color:var(--ink);font:inherit;font-size:13px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8dbc63;box-shadow:0 0 0 3px #edf5e6}.hint{font-size:11px;color:#929c93}.notice{padding:12px 15px;border-radius:9px;margin:0 0 17px;background:#edf6e7;color:#416e32;font-size:13px}.notice.error{background:#ecfffd;color:#32a69a}.table-wrap{overflow:auto}.data{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.data th{text-align:left;color:#879189;font-weight:650;background:#f8faf7}.data td,.data th{padding:12px 13px;border-bottom:1px solid #edf0ed}.data td{color:#344037}.badge{display:inline-block;border-radius:20px;padding:4px 9px;background:#edf5e8;color:#557f3e;font-size:10px;font-weight:750;text-transform:capitalize}.badge.pending{background:#fff4dc;color:#a0782e}.badge.rejected,.badge.cancelled{background:#ecfffd;color:#42a69c}.empty{padding:28px;text-align:center;color:#879189;font-size:13px}.auth-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 12px 35px #2943250b}.auth-card h1{margin:0;font-size:24px}.auth-card>p{color:var(--muted);font-size:13px;margin:5px 0 22px}.auth-links{display:flex;justify-content:space-between;margin-top:16px;font-size:12px}.auth-links a{color:var(--green-dark);text-decoration:none;font-weight:700}.notice-bar{padding:14px 17px;border-radius:10px;background:#eef6e8;color:#4b733a}.footer{height:52px;border-top:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 max(24px,calc((100vw - 1440px)/2));font-size:11px;color:#929c93}.footer span{color:#b0b8b1}@media(max-width:960px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:205px;flex-basis:205px}.plan-grid{grid-template-columns:1fr}}@media(max-width:650px){.topbar{height:62px;padding:0 15px}.top-user>span:nth-child(2){display:none}.shell{display:block}.sidebar{position:fixed;z-index:4;left:0;right:0;bottom:0;top:auto;width:auto;height:66px;padding:5px 8px;flex-direction:row;justify-content:space-around;border-right:0;border-top:1px solid var(--line);box-shadow:0 -4px 16px #1b38100b}.side-label,.side-foot{display:none}.sidebar>a{flex:1;text-align:center;padding:8px 3px;font-size:19px}.sidebar>a span{display:block;font-size:9px;margin:0}.sidebar>a:first-of-type{background:transparent}.main{padding:24px 15px 95px}.main-auth{margin:24px 15px}.page-head h1{font-size:23px}.cards{gap:9px}.stat{padding:13px}.stat strong{font-size:19px}.quick-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer{padding:0 15px}.footer span{display:none}}

/* Mobile dashboard patterned after the supplied phone screenshot */
.mobile-nav{display:none}.mobile-balance-strip{display:none}.mobile-switch{display:none}
@media(max-width:650px){
 body{background:#f0f0ef}.topbar{height:56px;padding:0 14px;background:#fff}.brand{font-size:14px;gap:8px}.brand-mark{width:31px;height:31px;border-radius:9px;font-size:18px}.brand small{font-size:8px}.top-user{gap:7px}.top-user .avatar{width:30px;height:30px}.top-user .logout{font-size:11px;margin-left:2px}.shell{padding:0}.sidebar{display:none}.main.dashboard-main{padding:10px 12px 96px;max-width:none}.dashboard-main>.page-head{background:#fff;border-radius:0 0 15px 15px;margin:-10px -12px 8px;padding:14px 17px 12px;align-items:center}.dashboard-main .page-head .eyebrow,.dashboard-main .page-head p{display:none}.dashboard-main .page-head h1{font-size:18px;margin:0}.dashboard-main .page-head .btn{font-size:11px;padding:8px 10px}.mobile-balance-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:#fff;border-radius:0 0 15px 15px;padding:8px 12px 13px;margin:0 -12px 13px;box-shadow:0 3px 8px #00000008}.mobile-balance-strip>div{min-width:0;background:#f5f5f5;border-radius:11px;padding:12px 4px;text-align:center}.mobile-balance-strip b{display:block;font-size:15px;white-space:nowrap}.mobile-balance-strip span{display:block;font-size:10px;margin-top:3px;color:#5f665f}.desktop-cards,.desktop-actions-heading{display:none}.mobile-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}.mobile-actions .quick{margin:0;border:0;border-radius:11px;background:#e0edd5;padding:12px 3px 9px;text-align:center;font-size:10px;box-shadow:none}.action-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;margin:0 auto 5px;background:#fff;color:#43843b;font-size:20px}.mobile-actions .quick span{font-size:10px;margin:0;color:#334333}.mobile-switch{display:flex;background:#fff;border-radius:10px;padding:3px;margin:0 0 13px}.mobile-switch button{width:50%;border:0;background:transparent;border-radius:8px;padding:10px;color:#4d6844;font:inherit;font-size:12px;cursor:pointer}.mobile-switch button.selected{background:#4f963d;color:#fff}.dashboard-main .section-title{margin:15px 1px 9px}.dashboard-main .section-title h2{font-size:14px}.dashboard-main .plan-grid{grid-template-columns:1fr;gap:12px}.dashboard-main .plan{padding:10px;border-radius:13px}.dashboard-main .plan-banner{height:auto;aspect-ratio:2.15/1;border-radius:8px;font-size:32px}.dashboard-main .plan h3{font-size:15px;margin:8px 2px 5px}.dashboard-main .plan>p{display:none}.dashboard-main .plan-row{border:0;padding:0;margin:8px 0 9px}.plan-price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:7px}.plan-price-grid>div{background:#f4f5f3;border-radius:7px;text-align:center;padding:7px 2px}.plan-price-grid strong{display:block;font-size:12px;font-weight:650;white-space:nowrap}.plan-price-grid span{display:block;font-size:10px;margin-top:2px;color:#687268}.plan-buy-row form{width:100%}.plan-buy-row .btn{width:100%;border-radius:7px;padding:10px;font-size:12px;background:#77b34c}.dashboard-main .table-wrap{margin-bottom:8px}.mobile-nav{display:flex;position:fixed;z-index:10;left:0;right:0;bottom:0;min-height:63px;padding:5px 8px max(5px,env(safe-area-inset-bottom));justify-content:space-around;background:#fff;border-top:1px solid #e2e5e1;box-shadow:0 -3px 12px #0000000b}.mobile-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#7b817b;text-decoration:none}.mobile-nav b{font-size:22px;line-height:1.1}.mobile-nav span{font-size:10px}.mobile-nav a.active{color:#4f963d}.main:not(.dashboard-main){padding:19px 14px 91px}.main-auth{margin:20px 12px}.page-head h1{font-size:22px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer{height:42px;padding:0 13px 68px;border:0;background:transparent}.footer span{display:none}
}

.signup-card{width:100%}.signup-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.signup-fields .field.full{grid-column:1/-1}.signup-card .btn{width:100%}.signup-card input[readonly]{background:#f2f6ed;color:#4b6e3e;font-weight:700;letter-spacing:.08em}
@media(max-width:650px){.signup-card{padding:22px 18px}.signup-fields{grid-template-columns:1fr;gap:13px}.signup-fields .field.full{grid-column:auto}.signup-card h1{font-size:23px}.signup-card .field input{min-height:45px}.signup-card .hint{line-height:1.4}}
.brand{gap:0}.brand-logo{width:44px;height:44px;display:block;border-radius:50%;object-fit:cover}.brand-mark,.brand small{display:none!important}
@media(max-width:650px){.brand-logo{width:38px;height:38px}}

/* Authentication pages */
.main-auth{width:min(100%,580px);align-self:flex-start}.auth-card{position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#4f963d,#a6dd54)}.auth-heading{margin-bottom:22px}.auth-heading h1{margin:4px 0 0}.auth-heading p{margin:6px 0 0;color:var(--muted);font-size:13px}.auth-fields{gap:15px}.auth-submit{width:100%;min-height:46px;font-size:14px}.auth-links a{padding:4px 0}.auth-links a:hover{text-decoration:underline}
@media(max-width:650px){
 body:not(:has(.sidebar)) .topbar{justify-content:center;border-bottom:0;background:transparent}
 body:not(:has(.sidebar)){background:linear-gradient(180deg,#edf5e7 0,#f5f8f3 190px)}
 .main-auth{width:auto;min-height:calc(100dvh - 98px);margin:0;padding:16px 14px 32px!important;display:flex;flex-direction:column;align-items:stretch}
 .main-auth>.notice{width:100%}
 .auth-card{width:100%;margin:auto 0;padding:25px 20px 22px;border-radius:18px;box-shadow:0 14px 35px rgba(41,67,37,.09)}
 .auth-heading{margin-bottom:20px;text-align:center}.auth-heading .eyebrow{font-size:10px}.auth-heading h1{font-size:24px;line-height:1.2}.auth-heading p{font-size:13px}
 .auth-fields,.signup-fields{gap:14px}.auth-card .field{gap:7px}.auth-card .field label{font-size:13px}.auth-card .field input{min-height:48px;padding:12px 13px;border-radius:10px;font-size:16px}
 .auth-submit,.signup-card .btn{min-height:48px;border-radius:10px;font-size:15px}
 .auth-links{gap:16px;align-items:center;margin-top:18px;font-size:13px}.auth-links a{min-height:36px;display:flex;align-items:center}
 .signup-card{margin:0}.signup-card .notice{font-size:12px;padding:11px 12px}.footer{display:none}
}
@media(max-width:380px){.auth-card{padding:22px 15px 18px}.auth-links{flex-direction:column;gap:1px}.auth-links a{justify-content:center}.auth-heading h1{font-size:22px}}

/* MAXXIS tyre rewards dashboard */
:root{--maxxis-red:#19d7c4;--maxxis-dark:#151515}.maxxis-hero{position:relative;overflow:hidden;border-radius:20px;padding:25px;color:#fff;background:radial-gradient(circle at 85% 10%,#15ab9c 0,transparent 34%),linear-gradient(135deg,#181818,#09423c);box-shadow:0 16px 35px #05312d22}.hero-profile{display:flex;align-items:center;gap:15px}.hero-profile img{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid #fff}.hero-profile span,.hero-profile small{opacity:.72}.hero-profile h1{margin:1px 0;font-size:25px}.hero-invite{position:absolute;right:24px;top:25px;color:#fff;text-decoration:none;font-weight:750}.hero-wallets{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;border-radius:14px;background:linear-gradient(135deg,#2af2de,#07b7a5)}.hero-wallets div{text-align:center;padding:16px;border-right:1px solid #ffffff55}.hero-wallets div:last-child{border:0}.hero-wallets b,.hero-wallets span{display:block}.hero-wallets b{font-size:20px}.hero-wallets span{font-size:11px;opacity:.82}.maxxis-actions{grid-template-columns:repeat(4,1fr);margin-top:16px}.maxxis-actions .quick{text-align:center}.maxxis-actions .action-icon{background:#e9fffd;color:var(--maxxis-red)}.product-title h2{margin:2px 0 0}.maxxis-products{grid-template-columns:repeat(2,minmax(0,1fr))}.maxxis-plan{padding:10px;overflow:hidden}.product-image{position:relative;height:250px;border-radius:12px;overflow:hidden;background:#111}.product-image img{width:100%;height:100%;object-fit:cover;display:block}.product-image span{position:absolute;right:9px;top:9px;padding:5px 8px;border-radius:20px;background:#19d7c4;color:#fff;font-size:10px;font-weight:800}.product-copy{padding:9px 4px 4px}.product-copy small{color:var(--maxxis-red);font-weight:800;text-transform:uppercase}.product-copy h3{margin:2px 0}.product-copy p{display:block!important}.roi-note{text-align:center;background:#f0fffe;color:#0da596;border-radius:7px;padding:7px;font-size:11px;font-weight:700}.maxxis-plan .plan-price-grid{margin:9px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.maxxis-plan .plan-price-grid>div{background:#f5f5f5;border-radius:8px;padding:8px 3px;text-align:center}.maxxis-plan .plan-price-grid strong,.maxxis-plan .plan-price-grid span{display:block}.maxxis-plan .plan-price-grid strong{font-size:12px}.maxxis-plan .plan-price-grid span{font-size:9px;color:#777}.maxxis-plan .plan-buy-row form,.maxxis-plan .plan-buy-row .btn{width:100%}.maxxis-plan .btn{background:linear-gradient(90deg,#1bedd8,#07b7a5)}.admin-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-product-head{display:flex;align-items:center;gap:12px;margin-bottom:15px}.admin-product-head img{width:64px;height:64px;border-radius:10px;object-fit:cover}.check-row{display:flex;gap:20px;margin:15px 0;font-size:13px}
@media(max-width:760px){.maxxis-products,.admin-product-grid{grid-template-columns:1fr}.product-image{height:auto;aspect-ratio:1.55}.maxxis-hero{margin:-10px -12px 0;border-radius:0 0 19px 19px;padding:18px 15px}.hero-profile img{width:58px;height:58px}.hero-profile h1{font-size:20px}.hero-invite{right:15px;top:20px}.hero-wallets{margin-top:16px}.hero-wallets div{padding:13px 4px}.hero-wallets b{font-size:14px}.maxxis-actions .quick{background:#fff;border:1px solid #eee}.dashboard-main .maxxis-plan .plan-price-grid{grid-template-columns:repeat(2,1fr)}}

/* Full MAXXIS red theme overrides */
:root{--green:#19d7c4;--green-dark:#08a494;--ink:#172b29;--muted:#6d807e;--line:#ddf0ee;--bg:#f5fffe;--surface:#fff}
.avatar{background:#e5fffc;color:#08a494}.sidebar>a:hover,.sidebar>a:first-of-type{background:#f0fffe;color:#08a494}.side-foot b,.eyebrow,.section-title a,.text-link,.logout,.auth-links a{color:#0db7a6}.plan-banner{background:linear-gradient(130deg,#e7fffd,#a7f4ec);color:#08a494}.btn{background:#19d7c4}.btn:hover{background:#0db7a6}.btn.secondary{background:#f0fffe;color:#08a494}.btn.dark{background:#115c55}.field input:focus,.field select:focus,.field textarea:focus{border-color:#52e4d5;box-shadow:0 0 0 3px #e8fffd}.notice,.notice-bar{background:#f0fffe;color:#179e91}.badge{background:#e8fffd;color:#08a494}.signup-card input[readonly]{background:#f1fffe;color:#08a494}.auth-card:before{background:linear-gradient(90deg,#08a494,#3defdd)}
@media(max-width:650px){body:not(:has(.sidebar)){background:linear-gradient(180deg,#e8fffd 0,#f7fffe 190px)}.mobile-actions .quick{background:#f0fffe}.action-icon{color:#19d7c4}.mobile-switch button{color:#208f84}.mobile-switch button.selected{background:#19d7c4}.plan-buy-row .btn{background:#19d7c4}.mobile-nav a.active{color:#19d7c4}}
.top-user,.sidebar>a,.quick,.quick span,.field label,.data td,.mobile-actions .quick span{color:#415f5c}.card,.stat,.plan,.auth-card{box-shadow:0 4px 16px rgba(0,100,90,.04)}.auth-card{box-shadow:0 12px 35px rgba(0,100,90,.08)}

/* Recharge, income and withdrawal records */
.records-page{width:100%;max-width:760px;margin:0 auto}.records-head{height:52px;border-radius:12px 12px 0 0;background:linear-gradient(90deg,#0ee2cd,#07c2af);color:#fff;display:grid;grid-template-columns:48px 1fr 48px;align-items:center}.records-head a{color:#fff;text-decoration:none;font-size:34px;line-height:1;text-align:center;font-weight:300}.records-head h1{margin:0;text-align:center;font-size:16px}.record-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;background:#eef2f2}.record-tabs a{padding:11px 5px;border-radius:5px;background:#fff;color:#688c88;text-align:center;text-decoration:none;font-size:12px;font-weight:700;box-shadow:0 1px 3px #005b520d}.record-tabs a.active{background:#19d7c4;color:#fff}.record-list{padding:1px 10px 16px;background:#eef2f2;min-height:180px}.record-card{margin:9px 0;padding:14px 16px;border-radius:8px;background:#fff;box-shadow:0 2px 8px rgba(0,50,45,.08)}.record-top,.record-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.record-top b{color:#0ab4a3;font-size:13px}.record-status{font-size:12px;font-weight:800;text-transform:capitalize}.record-status.approved{color:#5eb831}.record-status.pending,.record-status.processing{color:#d09000}.record-status.rejected{color:#19d7c4}.record-card p{margin:10px 0 4px;color:#7c8d8b;font-size:11px}.record-bottom{margin-top:19px}.record-bottom strong{font-size:13px}.record-bottom time{color:#aaa;font-size:10px}.record-empty{text-align:center;padding:40px 15px;color:#879d9b}.embedded-records{margin-top:28px}.embedded-records .records-head{border-radius:12px 12px 0 0}
@media(max-width:650px){.records-page{margin:-8px -2px 0;width:calc(100% + 4px)}.main:has(>.records-page:not(.embedded-records)){padding:8px 10px 90px}.records-head{height:45px;border-radius:0}.records-head h1{font-size:14px}.records-head a{font-size:29px}.record-tabs{gap:7px;padding:9px 8px}.record-tabs a{padding:10px 2px;font-size:11px}.record-list{padding:1px 8px 14px}.record-card{padding:13px 14px}.embedded-records{margin:24px -4px 0;width:calc(100% + 8px)}}
.record-status.approved{color:#0cc4b2}

/* MAXXIS referral team */
.team-page{width:100%;max-width:820px;margin:0 auto}.team-head{height:56px;display:grid;grid-template-columns:54px 1fr 54px;align-items:center;border-radius:14px 14px 0 0;background:linear-gradient(90deg,#0de1cc,#07c4b1);color:#fff}.team-head a{color:#fff;text-decoration:none;text-align:center;font-size:36px;line-height:1}.team-head h1{margin:0;text-align:center;font-size:19px}.team-summary{display:grid;grid-template-columns:42% 58%;align-items:center;padding:30px 25px 24px;background:#fff}.team-logo{text-align:center}.team-logo img{width:145px;height:145px;border-radius:50%;object-fit:cover;filter:drop-shadow(0 7px 13px rgba(0,105,95,.15))}.team-metrics>div{text-align:right;padding:10px 4px 13px;border-bottom:1px solid #dceae9}.team-metrics span,.team-metrics strong{display:block}.team-metrics span{color:#1aad9e;font-size:14px;font-weight:700}.team-metrics strong{color:#19d7c4;font-size:27px}.level-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:0 20px;padding:5px;border-radius:15px;background:#19e7d2}.level-tabs a{display:flex;min-height:75px;flex-direction:column;align-items:center;justify-content:center;border-radius:11px;color:#fff;text-decoration:none}.level-tabs b{font-size:19px}.level-tabs span{font-size:11px}.level-tabs a.active{background:#fff;color:#0ac7b4}.team-member-list{min-height:340px;padding:20px}.team-member{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;margin-bottom:11px;padding:14px;border:1px solid #ddf0ee;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(0,75,68,.06)}.member-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#e7fffd;color:#0cc4b2;font-size:18px;font-weight:850}.member-main b,.member-main span,.member-main small,.member-value span,.member-value strong,.member-value em{display:block}.member-main span,.member-main small,.member-value span{color:#859a98;font-size:10px}.member-main small{margin-top:2px}.member-value{text-align:right}.member-value strong{font-size:13px}.member-value em{color:#0cc4b2;font-size:10px;font-style:normal;text-transform:capitalize}.team-empty{padding:100px 10px 55px;text-align:center}.team-empty>strong{display:block;color:#e4eeed;font-size:52px;letter-spacing:.05em}.team-empty p{color:#8c9d9b;font-size:13px}.invite-team-btn{display:inline-flex;margin-top:10px;padding:13px 35px;border-radius:30px;background:linear-gradient(90deg,#35efdc,#0ed5c1);box-shadow:0 11px 22px rgba(25,215,196,.27);color:#fff;text-decoration:none;font-size:16px;font-weight:750}.team-commission{padding:0 20px 25px}.team-commission .section-title span{color:#0cc4b2;font-weight:800}.team-commission article{display:flex;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #ddf0ee;background:#fff}.team-commission article:first-of-type{border-radius:10px 10px 0 0}.team-commission article:last-child{border-radius:0 0 10px 10px;border:0}.team-commission article>div:last-child{text-align:right}.team-commission small{display:block;color:#899d9b}
@media(max-width:650px){.main:has(>.team-page){padding:8px 0 90px}.team-page{margin:0}.team-head{height:49px;border-radius:0}.team-head h1{font-size:17px}.team-summary{padding:27px 20px 21px}.team-logo img{width:120px;height:120px}.team-metrics span{font-size:12px}.team-metrics strong{font-size:24px}.level-tabs{margin:0 20px}.level-tabs a{min-height:68px}.level-tabs b{font-size:17px}.team-member-list{padding:18px 12px}.team-empty{padding-top:90px}.team-empty>strong{font-size:43px}.team-member{grid-template-columns:43px 1fr auto;padding:12px 10px}.member-avatar{width:41px;height:41px}.team-commission{padding:0 12px 20px}}

/* Screenshot-style mobile header and five-item footer */
@media(max-width:650px){body:has(.team-page)>.topbar{display:none}body:has(.team-page) .main:has(>.team-page){padding-top:0}.mobile-nav{min-height:76px;padding:7px 5px max(7px,env(safe-area-inset-bottom));border-top:1px solid #eee;box-shadow:0 -2px 10px rgba(0,60,54,.05)}.mobile-nav a{gap:3px;color:#c8c5c5}.mobile-nav b{display:grid;place-items:center;height:29px;font-size:25px;font-family:Arial,sans-serif;line-height:1}.mobile-nav span{font-size:11px}.mobile-nav a.active{color:#19d7c4;font-weight:750}.footer{display:none}}

/* MAXXIS share and referral page */
.share-page{width:100%;max-width:720px;margin:0 auto;border-radius:15px;overflow:hidden;background:#1bebd6}.share-head{height:55px;display:grid;grid-template-columns:52px 1fr 52px;align-items:center;color:#fff}.share-head a{color:#fff;text-decoration:none;text-align:center;font-size:36px;line-height:1}.share-head h1{margin:0;text-align:center;font-size:18px}.share-body{padding:0 9px 12px}.share-intro,.qr-card,.invite-details{border-radius:9px;background:#fff}.share-intro{text-align:center;padding:18px 12px}.share-intro b,.share-intro span{display:block}.share-intro b{color:#19d7c4;font-size:14px}.share-intro span{margin-top:7px;color:#889997;font-size:11px}.qr-card{margin-top:8px;padding:20px;text-align:center}.qr-card span{display:block;margin-bottom:8px}.qr-card img{display:block;width:210px;height:210px;max-width:75vw;margin:auto;image-rendering:auto}.invite-details{margin-top:8px;padding:15px}.copy-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-bottom:9px;padding:9px;border-radius:7px;background:#f3f7f7}.copy-row span{min-width:0;overflow:hidden;color:#19d7c4;font-size:11px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.copy-row button{border:0;border-radius:4px;background:#19e7d2;color:#fff;padding:7px 12px;font-size:10px;cursor:pointer}.copy-row.code span{letter-spacing:.12em}.commission-note{margin:12px 3px;padding:13px 10px;border-left:3px solid #19e7d2;background:#f0fffe;color:#11c2b0;font-size:11px;font-weight:700}.share-levels{border-radius:8px;overflow:hidden;background:#f3fffe}.share-levels>div{display:flex;justify-content:space-between;padding:11px 13px;border-bottom:1px solid #d8f2ef;color:#0cb4a3}.share-levels>div:last-child{border:0}.share-now{width:100%;margin-top:14px;border:0;border-radius:24px;padding:13px;background:linear-gradient(90deg,#30efdc,#08c9b6);color:#fff;font-weight:800;cursor:pointer}.admin-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:650px){body:has(.share-page)>.topbar{display:none}body:has(.share-page) .main:has(>.share-page){padding:0 0 92px}.share-page{margin:0;border-radius:0;min-height:calc(100dvh - 76px)}.share-head{height:49px}.share-head h1{font-size:16px}.share-body{padding-bottom:15px}.qr-card{padding:18px}.qr-card img{width:180px;height:180px}.invite-details{padding:11px}.admin-head-actions{justify-content:flex-start}}

/* Stable app bars */
.share-head,.team-head,.records-head{position:sticky;top:0;z-index:12}
@media(max-width:650px){.mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;height:76px;min-height:76px;padding:6px 4px max(6px,env(safe-area-inset-bottom));justify-content:normal}.mobile-nav a{min-width:0;width:auto;display:flex;padding:3px 0;gap:2px}.mobile-nav svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobile-nav b{display:none}.mobile-nav span{font-size:10px;line-height:1.2}.mobile-nav a.active svg{stroke-width:2.4}body:has(.share-page),body:has(.team-page){padding-top:0}.share-page,.team-page{padding-bottom:0}}

/* Share keeps the mobile-app shell on desktop too */
@media(min-width:651px){body:has(.share-page){background:#ededed}body:has(.share-page)>.topbar,body:has(.share-page) .sidebar,body:has(.share-page)>.footer{display:none}body:has(.share-page) .shell{display:block;width:100%;max-width:540px;min-height:100vh;margin:0 auto;background:#1bebd6;box-shadow:0 0 32px rgba(0,70,63,.14)}body:has(.share-page) .main{width:100%;padding:0 0 84px}body:has(.share-page) .share-page{max-width:none;min-height:calc(100vh - 76px);margin:0;border-radius:0}body:has(.share-page) .share-head{height:50px}body:has(.share-page) .share-body{padding-bottom:14px}body:has(.share-page) .qr-card img{width:190px;height:190px}body:has(.share-page) .mobile-nav{display:grid;position:fixed;z-index:20;left:50%;right:auto;bottom:0;transform:translateX(-50%);grid-template-columns:repeat(5,minmax(0,1fr));width:540px;max-width:100%;height:76px;padding:6px 4px;background:#fff;border-top:1px solid #eee;box-shadow:0 -2px 10px rgba(0,60,54,.06)}body:has(.share-page) .mobile-nav a{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#c8c5c5;text-decoration:none}body:has(.share-page) .mobile-nav a.active{color:#19d7c4;font-weight:750}body:has(.share-page) .mobile-nav svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}body:has(.share-page) .mobile-nav span{font-size:10px}body:has(.share-page) .mobile-nav a.active svg{stroke-width:2.4}}

/* Shared authenticated page header */
.app-page-header{display:none;height:50px;grid-template-columns:50px 1fr 50px;align-items:center;background:linear-gradient(90deg,#1bedd8,#08c5b2);color:#fff}.app-page-header a{color:#fff;text-decoration:none;text-align:center;font-size:34px;line-height:1}.app-page-header h1{margin:0;text-align:center;font-size:16px}.app-page-header img{width:34px;height:34px;border-radius:50%;object-fit:cover;justify-self:center}
@media(max-width:650px){body:has(.app-page-header)>.topbar{display:none}.app-page-header{display:grid;position:sticky;top:0;z-index:30}.main>.page-head,.share-head,.team-head,.main>.records-page>.records-head{display:none}.main:not(.dashboard-main){padding-top:0}body:has(.profile-page)>.topbar{display:none}}
@media(min-width:651px){body:has(.share-page) .app-page-header,body:has(.profile-page) .app-page-header{display:grid;position:sticky;top:0;z-index:30}body:has(.share-page) .share-head{display:none}}

/* MAXXIS profile */
.profile-page{width:100%;max-width:700px;margin:0 auto}.profile-hero{min-height:205px;padding:34px 24px 65px;background:linear-gradient(90deg,rgba(0,34,31,.72),rgba(0,125,113,.35)),url('products/razr-at811.png') center 48%/cover}.profile-identity{display:flex;align-items:center;gap:16px;color:#fff}.profile-identity img{width:94px;height:94px;border:3px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 5px 18px #0005}.profile-identity h1{margin:0;font-size:26px}.profile-identity span{display:inline-block;margin:5px 0;padding:3px 11px;border-radius:20px;background:#fff;color:#19d7c4;font-size:11px;font-weight:800}.profile-identity b{display:block;width:max-content;padding:4px 10px;border-radius:0 0 12px 12px;background:#19d7c4;font-size:11px}.profile-wallets{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);margin:-50px 22px 20px;padding:28px 8px;border-radius:25px;background:#fff;box-shadow:0 12px 28px rgba(0,65,59,.14)}.profile-wallets>div{text-align:center;border-right:1px solid #dfeae9}.profile-wallets>div:last-child{border:0}.profile-wallets strong,.profile-wallets span{display:block}.profile-wallets strong{color:#19d7c4;font-size:23px}.profile-wallets span{margin-top:8px;color:#869594}.profile-menu{margin:0 22px 20px;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 8px 25px rgba(0,65,59,.09)}.profile-menu a{display:grid;grid-template-columns:52px 1fr 25px;align-items:center;min-height:76px;padding:0 18px;border-bottom:1px solid #e2eeed;color:#192120;text-decoration:none}.profile-menu a:last-child{border:0}.profile-menu i{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#f0fffe;color:#19d7c4;font-style:normal;font-size:20px}.profile-menu span{padding-left:12px;font-size:17px;font-weight:650}.profile-menu b{color:#c4c9c9;font-size:27px;font-weight:400}.profile-menu .profile-logout span{color:#19d7c4}.profile-menu .profile-logout i{background:#19d7c4;color:#fff}.profile-edit{margin:0 22px 25px;border-radius:15px;background:#fff;box-shadow:0 7px 20px rgba(0,65,59,.07)}.profile-edit summary{padding:16px 18px;color:#0cb4a3;font-weight:800;cursor:pointer}.profile-edit form{padding:0 18px 20px}
@media(max-width:650px){body:has(.profile-page) .main{padding:0 0 92px}.profile-page{margin:0}.profile-hero{min-height:190px;padding:27px 20px 61px}.profile-identity img{width:82px;height:82px}.profile-identity h1{font-size:22px}.profile-wallets{margin:-46px 22px 19px;padding:24px 4px;border-radius:22px}.profile-wallets strong{font-size:19px}.profile-menu a{min-height:70px}.profile-menu span{font-size:15px}}
@media(min-width:651px){body:has(.profile-page){background:#ededed}body:has(.profile-page)>.topbar,body:has(.profile-page) .sidebar,body:has(.profile-page)>.footer{display:none}body:has(.profile-page) .shell{display:block;width:100%;max-width:540px;min-height:100vh;margin:0 auto;background:#f2f6f6;box-shadow:0 0 32px rgba(0,70,63,.14)}body:has(.profile-page) .main{width:100%;padding:0 0 84px}body:has(.profile-page) .profile-page{max-width:none}body:has(.profile-page) .mobile-nav{display:grid;position:fixed;z-index:20;left:50%;right:auto;bottom:0;transform:translateX(-50%);grid-template-columns:repeat(5,minmax(0,1fr));width:540px;max-width:100%;height:76px;padding:6px 4px;background:#fff;border-top:1px solid #eee}body:has(.profile-page) .mobile-nav a{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#c8c5c5;text-decoration:none}body:has(.profile-page) .mobile-nav a.active{color:#19d7c4;font-weight:750}body:has(.profile-page) .mobile-nav svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}body:has(.profile-page) .mobile-nav span{font-size:10px}}

/* Every authenticated user page keeps the app/mobile shell on desktop */
@media(min-width:651px){body:has(.app-page-header){background:#ededed}body:has(.app-page-header)>.topbar,body:has(.app-page-header) .sidebar,body:has(.app-page-header)>.footer{display:none}body:has(.app-page-header) .shell{display:block;width:100%;max-width:540px;min-height:100vh;margin:0 auto;background:#f3f7f7;box-shadow:0 0 32px rgba(0,70,63,.14)}body:has(.app-page-header) .main{width:100%;padding:0 0 86px}body:has(.app-page-header) .app-page-header{display:grid;position:sticky;top:0;z-index:30}body:has(.app-page-header) .main>.page-head,body:has(.app-page-header) .share-head,body:has(.app-page-header) .team-head,body:has(.app-page-header) .main>.records-page>.records-head{display:none}body:has(.app-page-header) .mobile-nav{display:grid;position:fixed;z-index:20;left:50%;right:auto;bottom:0;transform:translateX(-50%);grid-template-columns:repeat(5,minmax(0,1fr));width:540px;max-width:100%;height:76px;padding:6px 4px;background:#fff;border-top:1px solid #eee;box-shadow:0 -2px 10px rgba(0,60,54,.06)}body:has(.app-page-header) .mobile-nav a{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#c8c5c5;text-decoration:none}body:has(.app-page-header) .mobile-nav a.active{color:#19d7c4;font-weight:750}body:has(.app-page-header) .mobile-nav svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}body:has(.app-page-header) .mobile-nav span{font-size:10px}body:has(.app-page-header) .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-left:12px;margin-right:12px}body:has(.app-page-header) .plan-grid{grid-template-columns:1fr;margin-left:12px;margin-right:12px}body:has(.app-page-header) .form-grid{grid-template-columns:1fr}body:has(.app-page-header) .field.full{grid-column:auto}body:has(.app-page-header) .main>.panel,body:has(.app-page-header) .main>.notice,body:has(.app-page-header) .main>.section-title{margin-left:12px;margin-right:12px}body:has(.app-page-header) .maxxis-actions{grid-template-columns:repeat(4,minmax(0,1fr));margin-left:12px;margin-right:12px}body:has(.app-page-header) .maxxis-products{margin-left:12px;margin-right:12px}body:has(.app-page-header) .product-image{height:auto;aspect-ratio:1.55}body:has(.app-page-header) .records-page,body:has(.app-page-header) .team-page,body:has(.app-page-header) .share-page,body:has(.app-page-header) .profile-page{max-width:none;margin:0}}

/* Admin-editable welcome popup shown on every Home visit */
.welcome-popup-card{position:absolute;left:22px;right:22px;top:50%;width:auto;max-width:460px;margin:auto;transform:translateY(-50%)}@media(max-width:650px){.welcome-popup-card{left:18px;right:18px}}

/* Keep the shared user header flush with the very top of the viewport */
html:has(body .app-page-header),body:has(.app-page-header){margin:0!important;padding:0!important}
body:has(.app-page-header) .shell{margin-top:0!important}
body:has(.app-page-header) .app-page-header{display:grid!important;position:fixed!important;top:0;left:50%;z-index:100;width:100%;max-width:540px;transform:translateX(-50%)}
body:has(.app-page-header) .main{padding-top:50px!important}
body:has(.app-page-header) .dashboard-main .maxxis-hero{margin-top:0}
@media(max-width:650px){body:has(.app-page-header) .app-page-header{left:0;max-width:none;transform:none}}

/* Welcome popup close control and Telegram Join action */
.welcome-popup-card{position:absolute}.welcome-close{position:absolute;z-index:2;top:10px;right:12px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#e8f7f6;color:#07b7a5;font-size:27px;line-height:1;cursor:pointer}.welcome-close:hover{background:#19d7c4;color:#fff}.welcome-confirm{display:block;text-decoration:none}.welcome-confirm-disabled{opacity:.55;cursor:not-allowed}

/* Purchased MAXXIS products */
.collections-page{width:100%;max-width:720px;margin:0 auto;padding:14px 13px 28px}.collections-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;margin-bottom:13px;border-radius:14px;background:linear-gradient(135deg,#052b27,#0b8579);color:#fff;box-shadow:0 9px 24px rgba(0,83,75,.18)}.collections-summary>div{min-width:0;padding:17px 6px;text-align:center;border-right:1px solid #ffffff2c}.collections-summary>div:last-child{border:0}.collections-summary span,.collections-summary strong{display:block}.collections-summary span{font-size:9px;color:#cff4f0}.collections-summary strong{margin-top:5px;font-size:15px;white-space:nowrap}.collection-list{display:grid;gap:13px}.collection-card{overflow:hidden;border:1px solid #d9f0ee;border-radius:15px;background:#fff;box-shadow:0 6px 18px rgba(0,76,68,.08)}.collection-image{position:relative;height:185px;background:#071615}.collection-image img{display:block;width:100%;height:100%;object-fit:cover}.collection-status{position:absolute;top:11px;right:11px;padding:5px 11px;border-radius:20px;background:#19d7c4;color:#fff;font-size:10px;font-weight:800}.collection-status.completed{background:#208b46}.collection-status.cancelled{background:#777}.collection-content{padding:13px}.collection-content>small{color:#0cc4b2;font-size:10px;font-weight:800;text-transform:uppercase}.collection-content h2{margin:2px 0 11px;font-size:17px}.collection-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.collection-values>div{min-width:0;padding:10px 3px;border-radius:8px;background:#f1fffe;text-align:center}.collection-values strong,.collection-values span{display:block}.collection-values strong{color:#07b7a5;font-size:12px;white-space:nowrap}.collection-values span{margin-top:2px;color:#7d908e;font-size:9px}.collection-progress-head{display:flex;justify-content:space-between;margin-top:13px;color:#6e807e;font-size:10px}.collection-progress-head b{color:#07b7a5}.collection-progress{height:7px;overflow:hidden;margin-top:6px;border-radius:10px;background:#ddf0ee}.collection-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1bedd8,#07ad9c)}.collection-content time{display:block;margin-top:9px;color:#99aaa8;font-size:9px}.collection-empty{margin-top:60px;padding:35px 24px;text-align:center}.collection-empty img{display:block;width:92px;height:92px;margin:0 auto 14px;border-radius:50%;object-fit:cover;filter:grayscale(.2);opacity:.8}.collection-empty strong{display:block;font-size:19px}.collection-empty p{margin:6px auto 20px;max-width:320px;color:#869594;font-size:12px}.collection-empty a{display:inline-flex;padding:12px 28px;border-radius:25px;background:linear-gradient(90deg,#1bedd8,#08bdab);color:#fff;text-decoration:none;font-weight:800}@media(max-width:650px){.collections-page{padding:12px 10px 20px}.collection-image{height:auto;aspect-ratio:1.75}.collection-empty{margin-top:45px}}@media(min-width:651px){body:has(.collections-page) .collections-page{max-width:none}}

/* Full admin control panel */
.admin-shell{max-width:1600px}.admin-sidebar{width:245px;flex-basis:245px}.admin-sidebar>a:first-of-type,.admin-sidebar>a.active{background:#f0fffe;color:#08a494;font-weight:750}.admin-main{padding:28px clamp(18px,3vw,44px) 55px}.admin-search{display:flex;gap:9px;margin-bottom:16px}.admin-search input,.admin-search select,.admin-request-actions input,.admin-row-form select{min-width:0;border:1px solid #d7eae8;border-radius:8px;padding:10px 12px;background:#fff;font:inherit}.admin-search input{width:min(420px,100%)}.admin-user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-user-title,.admin-request>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-user-title small{display:block;color:#899997}.admin-wallets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.admin-wallets span{padding:10px;border-radius:8px;background:#f2fffe;color:#778d8b;font-size:11px}.admin-wallets b{display:block;color:#07b7a5;font-size:15px}.admin-user-card details{margin-top:8px;border-top:1px solid #ddf0ee;padding-top:8px}.admin-user-card summary{color:#07b7a5;font-weight:750;cursor:pointer}.admin-user-card details form{margin-top:10px}.admin-inline-action{margin-top:12px}.btn.danger{background:#08756a}.admin-request-list{display:grid;gap:12px}.admin-request p{margin:8px 0;color:#5f716f}.admin-request small{color:#95a8a6}.admin-request-actions{display:grid;grid-template-columns:minmax(120px,1fr) minmax(140px,1fr) auto auto auto;gap:8px;margin-top:13px}.admin-row-form{display:flex;gap:6px}.admin-row-form .btn{padding:8px 10px}@media(max-width:900px){.admin-user-grid{grid-template-columns:1fr}.admin-request-actions{grid-template-columns:1fr 1fr}.admin-request-actions .btn{width:100%}}@media(max-width:650px){.admin-sidebar{display:none}.admin-main{padding:18px 12px 40px}.admin-search{flex-wrap:wrap}.admin-search input,.admin-search select{width:100%}.admin-request-actions{grid-template-columns:1fr}.admin-head-actions{justify-content:flex-start}}
.admin-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:20px}.admin-control-grid a{padding:16px;border:1px solid #d9efed;border-radius:12px;background:#fff;color:#1f3230;text-decoration:none;box-shadow:0 4px 14px rgba(0,80,72,.05)}.admin-control-grid b,.admin-control-grid span{display:block}.admin-control-grid b{color:#07b7a5}.admin-control-grid span{margin-top:4px;color:#839593;font-size:11px}@media(max-width:800px){.admin-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.admin-control-grid{grid-template-columns:1fr}}
.recharge-methods{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:15px}.recharge-methods label{display:grid;grid-template-columns:auto 1fr;gap:1px 8px;padding:13px;border:1px solid #d8efed;border-radius:10px;background:#f6fffe;cursor:pointer}.recharge-methods input{grid-row:1/3;align-self:center}.recharge-methods b{color:#07b7a5}.recharge-methods span{color:#839593;font-size:10px}.recharge-methods label.disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.recharge-methods{grid-template-columns:1fr}}

/* Screenshot-style recharge page */
.recharge-app-page{width:100%;max-width:600px;min-height:calc(100vh - 126px);margin:0 auto;padding:12px 10px 30px;background:#eef2f2}.recharge-error{margin:0 0 9px}.wallet-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.wallet-switch a{padding:10px;border-radius:25px;background:#fff;color:#7ba7a3;text-align:center;text-decoration:none;font-size:11px;font-weight:750;box-shadow:0 2px 8px rgba(0,60,54,.04)}.wallet-switch a.active{background:linear-gradient(90deg,#1bedd8,#09ceba);color:#fff}.recharge-form-card{display:grid;gap:10px}.recharge-box{padding:14px;border-radius:10px;background:#fff;box-shadow:0 2px 9px rgba(0,60,54,.04)}.recharge-box h2{margin:0 0 12px;font-size:12px}.amount-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.amount-chips button{border:0;border-radius:22px;padding:10px 4px;background:#f8fafa;color:#303d3c;font:inherit;font-size:12px;cursor:pointer}.amount-chips button.selected{background:linear-gradient(90deg,#26efdb,#09d4c0);color:#fff;box-shadow:0 5px 13px rgba(25,215,196,.2)}.selected-amount label{display:block;margin-bottom:9px;color:#3b4847;font-size:12px}.selected-amount>div{display:grid;grid-template-columns:24px 1fr;align-items:center;border-radius:8px;background:#f8fafa;padding:5px 12px}.selected-amount span{font-size:16px;font-weight:800}.selected-amount input{width:100%;border:0;background:transparent;padding:8px;font:inherit;font-size:15px;font-weight:800;outline:0}.payment-channel .channel-option{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;margin-top:8px;padding:12px;border-radius:8px;background:#fff;cursor:pointer}.payment-channel .channel-option.selected{background:#f0fffe}.payment-channel .channel-option.disabled{opacity:.5;cursor:not-allowed}.channel-option input{position:absolute;opacity:0;pointer-events:none}.channel-option>span{display:grid;place-items:center;width:16px;height:16px;border:1px solid #cbd8d7;border-radius:3px;color:transparent;font-size:10px}.channel-option.selected>span{border-color:#1ae5d1;background:#1ae5d1;color:#fff}.channel-option b{font-size:12px}.channel-option small{color:#879a98;font-size:9px}.manual-payment{margin-top:10px;padding:10px;border-radius:8px;background:#f7fffe;color:#6c807e;font-size:10px}.manual-payment p{margin:0 0 8px}.manual-payment label{display:grid;gap:5px;font-weight:700}.manual-payment input{width:100%;border:1px solid #d7ecea;border-radius:7px;padding:9px;background:#fff;font:inherit}.recharge-pay-button{width:100%;border:0;border-radius:28px;padding:15px;background:linear-gradient(180deg,#3af1df,#0bd8c4);box-shadow:0 10px 19px rgba(25,215,196,.3);color:#fff;font-size:15px;font-weight:800;cursor:pointer}.recharge-instructions{padding:2px 0 15px}.recharge-instructions h2{margin:8px 3px;color:#19d7c4;font-size:12px}.recharge-instructions p{margin:8px 0 0;padding:13px 11px;border-left:2px solid #1ae5d1;background:#e7f8f6;color:#17c0af;font-size:10px;font-weight:700}.recharge-history{margin-top:5px;border-radius:10px;background:#fff}.recharge-history summary{padding:13px;color:#07b7a5;font-size:12px;font-weight:800;cursor:pointer}.recharge-history .record-list{border-radius:0 0 10px 10px}.main:has(>.recharge-app-page){background:#eef2f2}@media(max-width:650px){.main:has(>.recharge-app-page){padding-left:0!important;padding-right:0!important}.recharge-app-page{max-width:none;padding:10px 9px 24px}}@media(min-width:651px){body:has(.recharge-app-page) .recharge-app-page{max-width:none}}

/* Premium Home quick actions */
.home-quick-section{margin:14px 12px 4px;padding:14px 12px 12px;border:1px solid #d9f0ee;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(0,72,65,.07)}.home-quick-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:11px}.home-quick-title b{font-size:14px}.home-quick-title span{color:#8fa2a0;font-size:9px}.home-quick-section .maxxis-actions{margin:0!important;gap:9px}.home-quick-section .quick{position:relative;display:flex;min-width:0;min-height:100px;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:11px 3px 9px;border:1px solid #dff3f1;border-radius:13px;background:linear-gradient(180deg,#fff,#f7fffe);box-shadow:none;text-align:center;transition:transform .18s ease,box-shadow .18s ease}.home-quick-section .quick:hover{transform:translateY(-2px);box-shadow:0 7px 14px rgba(0,95,86,.1)}.home-quick-section .action-icon{display:grid;place-items:center;width:43px;height:43px;margin:0 auto 7px;border-radius:50%;background:linear-gradient(145deg,#33efdc,#07c8b5);box-shadow:0 7px 13px rgba(25,215,196,.23);color:#fff}.home-quick-section .action-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.home-quick-section .quick>span{margin:0;color:#294b48;font-size:11px;font-weight:800}.home-quick-section .quick>small{margin-top:2px;color:#96aaa8;font-size:8px;font-weight:500}@media(max-width:420px){.home-quick-section{margin-left:8px;margin-right:8px;padding-left:8px;padding-right:8px}.home-quick-section .maxxis-actions{gap:6px}.home-quick-section .quick{min-height:94px}.home-quick-section .action-icon{width:39px;height:39px}.home-quick-section .action-icon svg{width:21px;height:21px}}

/* Screenshot-style Home actions and compact products */
.home-quick-section{padding:0;overflow:hidden;border:0;border-radius:10px;background:linear-gradient(100deg,#1bedd8,#07d0bc)}.home-quick-title{display:none}.home-quick-section .maxxis-actions{gap:0!important}.home-quick-section .quick{min-height:94px;border:0;border-right:1px solid #ffffff24;border-radius:0;background:transparent;color:#fff}.home-quick-section .quick:last-child{border-right:0}.home-quick-section .action-icon{width:37px;height:37px;margin-bottom:4px;border:0;background:transparent;box-shadow:none}.home-quick-section .action-icon svg{width:25px;height:25px}.home-quick-section .quick>span{color:#fff;font-size:10px}.home-quick-section .quick>small{display:none}.home-quick-section .quick:hover{background:#ffffff12;box-shadow:none}.maxxis-products{gap:9px!important}.compact-product{display:grid;grid-template-columns:43% 57%;gap:0;padding:9px!important;border:0;border-radius:11px!important;background:#fff}.compact-product .product-image{grid-row:1;height:auto!important;min-height:170px;aspect-ratio:auto!important;border-radius:7px}.compact-product .product-image span{top:0;left:0;right:auto;padding:3px 7px;border-radius:0 0 8px 0;background:#fff;color:#19d7c4;font-size:10px}.compact-product-info{min-width:0;padding:1px 0 0 10px}.compact-product-info>small{color:#19d7c4;font-size:9px;font-weight:800;text-transform:uppercase}.compact-product-info h3{margin:1px 0 0;font-size:14px;line-height:1.2}.compact-price{display:block;margin:2px 0 7px;color:#19d7c4;font-size:13px}.compact-stats{display:grid;gap:5px}.compact-stats p{display:flex;align-items:center;justify-content:space-between;gap:4px;margin:0;padding:5px 7px;border-radius:3px;background:#f3fffe;color:#19d7c4;font-size:9px}.compact-stats b{font-size:11px}.compact-buy{grid-column:1/-1;padding:7px 35px 0}.compact-buy form,.compact-buy .btn{width:100%}.compact-buy .btn{padding:10px;border-radius:9px;box-shadow:0 6px 13px rgba(25,215,196,.25);font-size:12px}.product-title{margin-left:13px!important;margin-right:13px!important}@media(max-width:420px){.home-quick-section .quick{min-height:82px}.home-quick-section .action-icon{width:33px;height:33px}.home-quick-section .action-icon svg{width:22px;height:22px}.compact-product{grid-template-columns:42% 58%}.compact-product .product-image{min-height:155px}.compact-buy{padding-left:25px;padding-right:25px}}
.home-screen>.topbar{display:none!important}.home-screen .shell{margin-top:0!important}.home-screen .app-page-header{top:0!important}.home-screen .compact-buy{padding:7px 0 0}.home-screen .home-quick-section{margin-bottom:9px}.home-screen .maxxis-products{margin-top:0}
.home-screen .compact-product-info{display:flex;min-height:0;flex-direction:column}.home-screen .compact-product-info>small{font-weight:900}.home-screen .compact-product-info h3{font-weight:850}.home-screen .compact-price{font-weight:900}.home-screen .compact-stats{flex:1;grid-template-rows:repeat(3,minmax(0,1fr));gap:7px}.home-screen .compact-stats p{min-height:0;padding:7px 8px;font-size:10px;font-weight:750}.home-screen .compact-stats b{font-size:12px;font-weight:900}
.home-screen .maxxis-hero{margin:16px 12px 10px;padding:18px 16px 15px;border-radius:16px;background:radial-gradient(circle at 92% 5%,rgba(17,201,183,.72),transparent 39%),linear-gradient(135deg,#111b1a,#085f56);box-shadow:0 8px 22px rgba(0,70,63,.18)}.home-screen .hero-profile{gap:12px;padding-right:82px}.home-screen .hero-profile img{width:58px;height:58px;border-width:2px}.home-screen .hero-profile h1{margin:0;font-size:22px;line-height:1.15}.home-screen .hero-profile span{font-size:13px}.home-screen .hero-profile small{font-size:10px}.home-screen .hero-invite{top:20px;right:18px;font-size:13px}.home-screen .hero-wallets{margin-top:15px;border-radius:12px}.home-screen .hero-wallets div{padding:12px 4px}.home-screen .hero-wallets b{font-size:17px}.home-screen .hero-wallets span{font-size:10px}.home-screen .home-quick-section{margin-top:0}
@media(max-width:420px){.home-screen .compact-buy{padding-left:0;padding-right:0}}

/* Home cards share one clean edge and stay compact at every viewport. */
.home-screen .maxxis-hero,.home-screen .home-quick-section,.home-screen .maxxis-products{width:auto;margin-left:12px!important;margin-right:12px!important}
.home-screen .compact-product{grid-template-columns:42% 58%;padding:8px!important}
.home-screen .compact-product .product-image{min-height:154px!important}
.home-screen .compact-product-info{padding-left:9px}
.home-screen .compact-product-info h3{font-size:13px}
.home-screen .compact-price{margin-bottom:5px}
.home-screen .compact-stats{gap:4px}
.home-screen .compact-stats p{padding:5px 7px}
.home-screen .compact-buy{padding-top:7px}
@media(max-width:420px){.home-screen .maxxis-hero,.home-screen .home-quick-section,.home-screen .maxxis-products{margin-left:8px!important;margin-right:8px!important}.home-screen .compact-product .product-image{min-height:146px!important}}

/* Keep a visible breathing space between the fixed Home header and hero card. */
body.home-screen .main.dashboard-main{padding-top:64px!important}
body.home-screen .main.dashboard-main>.maxxis-hero{margin-top:0!important}

/* Bind payout account and withdrawal flow */
.bind-bank-page,.withdraw-app-page{width:100%;max-width:600px;min-height:calc(100vh - 126px);margin:0 auto;padding:20px 14px 30px;background:#eef1f1}.payout-account-card,.linked-bank-card{display:flex;align-items:center;justify-content:space-between;min-height:155px;padding:24px;border-radius:14px;background:radial-gradient(circle at 90% 18%,#40efde 0 29%,transparent 30%),linear-gradient(135deg,#3af2e0,#07b9a7);box-shadow:0 13px 25px rgba(25,215,196,.25);color:#fff}.payout-account-card span,.payout-account-card strong,.linked-bank-card span,.linked-bank-card strong,.linked-bank-card small{display:block}.payout-account-card span,.linked-bank-card span{font-size:13px}.payout-account-card strong{margin-top:35px;font-size:18px}.payout-account-card>b,.linked-bank-card>b{display:grid;place-items:center;width:49px;height:49px;border-radius:13px;background:#ffffff25;font-size:23px}.linked-bank-card{min-height:125px}.linked-bank-card strong{margin-top:16px;font-size:16px}.linked-bank-card small{margin-top:4px;color:#e1fffc;font-size:10px}.bind-bank-form{margin-top:18px;padding:20px;border-radius:14px;background:#fff;box-shadow:0 7px 20px rgba(0,70,63,.07)}.bind-bank-form fieldset{margin:0 0 18px;padding:4px 12px 9px;border:2px solid #19d7c4;border-radius:7px}.bind-bank-form legend{padding:0 5px;color:#0bc6b3;font-size:13px;font-weight:800}.bind-bank-form input{width:100%;border:0;padding:7px 3px;background:transparent;font:inherit;outline:0}.bind-bank-form>p{margin:4px 0 20px;padding:18px;border-left:3px solid #19d7c4;background:#f0fffe;color:#11c6b4;font-size:12px;font-weight:800}.bind-bank-form>button,.withdraw-submit{width:100%;border:0;border-radius:30px;padding:16px;background:linear-gradient(180deg,#47f3e2,#0bdcc7);box-shadow:0 11px 20px rgba(25,215,196,.3);color:#fff;font:inherit;font-size:18px;cursor:pointer}.withdraw-app-page{padding-top:11px}.withdraw-app-page .wallet-switch{margin-bottom:10px}.withdraw-form{display:grid;gap:10px;margin-top:10px}.withdraw-box{padding:14px;border-radius:10px;background:#fff}.withdraw-box>label{display:block;margin-bottom:9px;color:#3c4e4c;font-size:12px}.withdraw-box>div{display:grid;grid-template-columns:23px 1fr;align-items:center;padding:5px 11px;border-radius:8px;background:#f7fafa}.withdraw-box>div span{font-weight:800}.withdraw-box input{width:100%;border:0;padding:9px;background:transparent;font:inherit;font-weight:700;outline:0}.withdraw-box>input{border:1px solid #daedeb;border-radius:8px;background:#f8fafa}.withdraw-submit{font-size:15px}.withdraw-instructions{padding:4px 0 15px}.withdraw-instructions h2{margin:9px 3px;color:#19d7c4;font-size:12px}.withdraw-instructions p{margin:8px 0 0;padding:13px 11px;border-left:2px solid #1ae5d1;background:#e7f8f6;color:#17c0af;font-size:10px;font-weight:700}.main:has(>.bind-bank-page),.main:has(>.withdraw-app-page){background:#eef1f1}@media(max-width:650px){.main:has(>.bind-bank-page),.main:has(>.withdraw-app-page){padding-left:0!important;padding-right:0!important}.bind-bank-page,.withdraw-app-page{max-width:none;padding-left:10px;padding-right:10px}}
body.welcome-open{overflow:hidden}.welcome-popup{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:22px;background:rgba(13,18,18,.58);backdrop-filter:blur(2px);animation:welcome-fade .2s ease}.welcome-popup.closing{opacity:0;transition:opacity .18s ease}.welcome-popup-card{width:min(460px,100%);max-height:calc(100dvh - 44px);overflow:auto;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.32);text-align:center}.welcome-popup-card h2{margin:0;padding:28px 22px 18px;color:#29302f;font-size:25px;font-weight:650}.welcome-channel{display:flex;align-items:center;justify-content:center;gap:14px;margin:4px 34px 22px;padding:16px 18px;border-radius:8px;background:linear-gradient(135deg,#20ecd8,#08c8b5);box-shadow:0 5px 12px rgba(0,150,135,.26);color:#fff;text-decoration:none;font-size:19px;font-weight:800}.welcome-channel b{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#fff3;color:#fff;font-size:24px}.welcome-message{padding:0 34px 28px;color:#131717;font-size:17px;font-weight:650;line-height:1.65;overflow-wrap:anywhere}.welcome-confirm{width:100%;border:0;padding:18px;background:linear-gradient(90deg,#1bedd8,#08c6b3);color:#fff;font-size:20px;cursor:pointer}.welcome-confirm:focus-visible,.welcome-channel:focus-visible{outline:3px solid #b0fff7;outline-offset:-4px}@keyframes welcome-fade{from{opacity:0}to{opacity:1}}@media(max-width:650px){.welcome-popup{padding:18px}.welcome-popup-card{border-radius:17px}.welcome-popup-card h2{padding:24px 18px 16px;font-size:23px}.welcome-channel{margin:3px 28px 19px;padding:13px;font-size:17px}.welcome-channel b{width:40px;height:40px}.welcome-message{padding:0 25px 24px;font-size:15px;line-height:1.6}.welcome-confirm{padding:16px;font-size:18px}}
.welcome-popup-card{width:100%;max-width:460px}

/* Welcome popup: shown once after login and on an explicit bottom Home tap */
.welcome-popup{padding:18px;background:rgba(5,19,18,.68);backdrop-filter:blur(5px)}.welcome-popup-card{left:auto;right:auto;top:auto;position:relative;width:min(420px,100%);max-width:420px;overflow:hidden;border:1px solid #ffffff40;border-radius:24px;background:#fff;transform:none;text-align:left;box-shadow:0 28px 80px rgba(0,33,30,.42)}.welcome-popup-top{position:relative;padding:27px 62px 24px 24px;background:radial-gradient(circle at 90% 5%,#4af1e0 0,transparent 38%),linear-gradient(135deg,#07b4a3,#1ae5d1);color:#fff}.welcome-popup-top img{display:block;width:58px;height:58px;margin-bottom:13px;border:2px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 7px 17px #00595066}.welcome-popup-top>span{display:block;color:#dafffb;font-size:9px;font-weight:850;letter-spacing:.16em}.welcome-popup-card .welcome-popup-top h2{margin:3px 0 0;padding:0;color:#fff;font-size:24px;font-weight:850;line-height:1.2}.welcome-close{top:15px;right:15px;width:34px;height:34px;border:1px solid #ffffff70;background:#ffffff24;color:#fff;font-size:24px}.welcome-close:hover{background:#fff;color:#08c4b1}.welcome-popup-body{padding:22px 22px 18px}.welcome-popup-card .welcome-message{padding:0;color:#384c4a;font-size:14px;font-weight:600;line-height:1.65;text-align:left}.welcome-popup-card .welcome-message br{display:block;content:"";margin-top:8px}.welcome-popup-card .welcome-channel{justify-content:flex-start;gap:10px;margin:18px 0 0;padding:12px 15px;border-radius:12px;background:linear-gradient(135deg,#159bd7,#0877b9);box-shadow:0 7px 16px rgba(8,119,185,.22);font-size:13px}.welcome-popup-card .welcome-channel b{width:31px;height:31px;font-size:16px}.welcome-popup-card .welcome-confirm{display:block;width:calc(100% - 44px);margin:0 22px 22px;padding:14px;border:0;border-radius:14px;background:linear-gradient(90deg,#1bedd8,#07bfad);box-shadow:0 9px 20px rgba(7,190,172,.24);color:#fff;text-align:center;text-decoration:none;font:inherit;font-size:15px;font-weight:850;cursor:pointer}@media(max-width:480px){.welcome-popup-card{border-radius:20px}.welcome-popup-top{padding:23px 56px 20px 20px}.welcome-popup-top img{width:52px;height:52px}.welcome-popup-card .welcome-popup-top h2{font-size:21px}.welcome-popup-body{padding:19px 19px 16px}.welcome-popup-card .welcome-message{font-size:13px}.welcome-popup-card .welcome-confirm{width:calc(100% - 38px);margin:0 19px 19px}}

/* Profile overview and account security */
.profile-hero{position:relative}.profile-identity>div>small{display:block;margin-bottom:2px;color:#d9f4f1;font-size:11px}.profile-identity em{display:block;margin:3px 0 6px;color:#fff;font-size:12px;font-style:normal}.profile-share{position:absolute;top:30px;right:24px;color:#fff;text-decoration:none;font-size:12px;font-weight:800}.profile-error{margin:12px 22px}.profile-member-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 22px 16px;overflow:hidden;border:1px solid #ddf0ee;border-radius:14px;background:#ddf0ee;box-shadow:0 7px 20px rgba(0,65,59,.06)}.profile-member-card>div{min-width:0;padding:12px 5px;background:#fff;text-align:center}.profile-member-card span,.profile-member-card b{display:block}.profile-member-card span{color:#899b99;font-size:9px}.profile-member-card b{margin-top:4px;color:#253433;font-size:11px;white-space:nowrap}.profile-member-card b.ready{color:#188448}.profile-member-card b.pending{color:#19d7c4}.profile-menu a{grid-template-columns:45px 1fr 20px;min-height:68px;padding:0 16px}.profile-menu i{width:39px;height:39px;border-radius:12px;font-size:18px}.profile-menu span{min-width:0;padding-left:10px}.profile-menu span b,.profile-menu span small{display:block}.profile-menu span b{color:#1d2827;font-size:14px;font-weight:750}.profile-menu span small{margin-top:2px;color:#8ea09e;font-size:9px;font-weight:500}.profile-menu>a>strong{color:#c4c9c9;font-size:24px;font-weight:400}.profile-menu .profile-logout span b{color:#19d7c4}.profile-readonly{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.profile-readonly>div{min-width:0;padding:10px;border-radius:9px;background:#f1fffe}.profile-readonly span,.profile-readonly b{display:block}.profile-readonly span{color:#899b99;font-size:9px}.profile-readonly b{margin-top:3px;overflow:hidden;color:#283937;font-size:12px;text-overflow:ellipsis}.profile-edit .btn{width:100%;background:linear-gradient(90deg,#1bedd8,#07bfad)}@media(max-width:420px){.profile-share{top:25px;right:18px}.profile-member-card,.profile-menu,.profile-edit{margin-left:14px;margin-right:14px}.profile-wallets{margin-left:14px;margin-right:14px}.profile-member-card b{font-size:10px}}

/* MAXXIS login */
body:has(.login-page){min-height:100vh;background:linear-gradient(135deg,rgba(2,20,18,.88),rgba(5,151,136,.72)),url('products/razr-at811.png') center/cover fixed}body:has(.login-page)>.topbar,body:has(.login-page)>.footer{display:none}body:has(.login-page) .shell{display:block;min-height:100vh}body:has(.login-page) .main-auth{display:grid;width:100%;max-width:none;min-height:100vh;margin:0;padding:28px 16px!important;place-items:center}.login-page{width:min(430px,100%);overflow:hidden;border-radius:26px;background:#fff;box-shadow:0 30px 85px rgba(0,22,20,.48)}.login-brand-panel{display:flex;align-items:center;gap:15px;padding:25px 23px;background:radial-gradient(circle at 95% 0,#4af1e0 0,transparent 36%),linear-gradient(135deg,#06a999,#1ae5d1);color:#fff}.login-brand-panel img{width:70px;height:70px;flex:0 0 70px;border:3px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 8px 22px #005c5366}.login-brand-panel span{color:#d8fffb;font-size:8px;font-weight:850;letter-spacing:.15em}.login-brand-panel h1{margin:3px 0 2px;font-size:23px;line-height:1.15}.login-brand-panel p{margin:0;color:#e8fffd;font-size:10px;line-height:1.45}.login-page .login-card{width:100%;margin:0;padding:25px 23px 22px;overflow:visible;border:0;border-radius:0;background:#fff;box-shadow:none}.login-page .login-card:before{display:none}.login-page .auth-heading{margin-bottom:19px;text-align:left}.login-page .auth-heading h2{margin:3px 0 2px;color:#232f2e;font-size:20px}.login-page .auth-heading p{margin:0;color:#899a98;font-size:11px}.login-page .eyebrow{color:#19d7c4;font-size:8px;font-weight:900}.login-page .login-error{margin-bottom:15px}.login-field{gap:7px}.login-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.login-label-row a{color:#0bc2b0;text-decoration:none;font-size:10px;font-weight:750}.login-input{display:grid;grid-template-columns:auto 1fr;align-items:center;overflow:hidden;border:1px solid #d8eae8;border-radius:12px;background:#faffff;transition:border-color .18s,box-shadow .18s}.login-input:focus-within{border-color:#3ae1d0;box-shadow:0 0 0 3px #e9fffd}.login-input>span{padding-left:13px;color:#0ab4a3;font-size:12px;font-weight:850}.login-page .login-input input{min-width:0;min-height:49px;border:0!important;background:transparent;box-shadow:none!important}.login-password-input{grid-template-columns:auto 1fr auto}.login-password-input>button{height:49px;border:0;padding:0 13px;background:transparent;color:#0ab4a3;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.login-page .auth-submit{display:flex;width:100%;min-height:50px;justify-content:space-between;padding:0 18px;border-radius:13px;background:linear-gradient(90deg,#1bedd8,#07bdab);box-shadow:0 10px 20px rgba(7,190,172,.25);font-size:15px}.login-page .auth-submit b{font-size:21px}.login-security{display:flex;align-items:center;gap:9px;margin-top:15px;padding:10px 11px;border-radius:10px;background:#f3fffe;color:#738e8b;font-size:9px}.login-security b{display:grid;place-items:center;width:21px;height:21px;flex:0 0 21px;border-radius:50%;background:#19d7c4;color:#fff}.login-create{justify-content:center;gap:6px;margin-top:17px;color:#899b99;font-size:11px}.login-create a{color:#0bc2b0}@media(max-width:480px){body:has(.login-page) .main-auth{padding:0!important;place-items:stretch}.login-page{width:100%;min-height:100vh;border-radius:0}.login-brand-panel{padding:34px 21px 27px}.login-page .login-card{padding:25px 20px}.login-brand-panel img{width:64px;height:64px;flex-basis:64px}}

/* MAXXIS signup */
body:has(.signup-page){min-height:100vh;background:linear-gradient(135deg,rgba(2,20,18,.9),rgba(5,151,136,.74)),url('products/bravo-hp-m3.png') center/cover fixed}body:has(.signup-page)>.topbar,body:has(.signup-page)>.footer{display:none}body:has(.signup-page) .shell{display:block;min-height:100vh}body:has(.signup-page) .main-auth{display:grid;width:100%;max-width:none;min-height:100vh;margin:0;padding:28px 16px!important;place-items:center}.signup-page{width:min(470px,100%);overflow:hidden;border-radius:26px;background:#fff;box-shadow:0 30px 85px rgba(0,22,20,.48)}.signup-brand-panel{display:flex;align-items:center;gap:15px;padding:24px 23px;background:radial-gradient(circle at 95% 0,#4af1e0 0,transparent 36%),linear-gradient(135deg,#06a999,#1ae5d1);color:#fff}.signup-brand-panel img{width:67px;height:67px;flex:0 0 67px;border:3px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 8px 22px #005c5366}.signup-brand-panel span{color:#d8fffb;font-size:8px;font-weight:850;letter-spacing:.15em}.signup-brand-panel h1{margin:3px 0 2px;font-size:22px;line-height:1.15}.signup-brand-panel p{margin:0;color:#e8fffd;font-size:10px}.signup-page .signup-card{width:100%;margin:0;padding:23px;overflow:visible;border:0;border-radius:0;background:#fff;box-shadow:none}.signup-page .signup-card:before{display:none}.signup-page .auth-heading{margin-bottom:16px;text-align:left}.signup-page .auth-heading h2{margin:3px 0 2px;color:#232f2e;font-size:19px}.signup-page .auth-heading p{margin:0;color:#899a98;font-size:10px}.signup-page .eyebrow{color:#19d7c4;font-size:8px;font-weight:900}.signup-ref-notice{display:flex;align-items:flex-start;gap:3px;flex-direction:column;margin-bottom:16px;padding:10px 12px;font-size:10px}.signup-ref-notice b{font-size:11px}.signup-ref-notice.valid{background:#ecf8f0;color:#277546}.signup-page .signup-fields{grid-template-columns:1fr;gap:12px}.signup-page .signup-fields .field.full{grid-column:auto}.signup-input{display:grid;grid-template-columns:auto 1fr;align-items:center;overflow:hidden;border:1px solid #d8eae8;border-radius:11px;background:#faffff}.signup-input:focus-within{border-color:#3ae1d0;box-shadow:0 0 0 3px #e9fffd}.signup-input>span{padding-left:13px;color:#0ab4a3;font-size:12px;font-weight:850}.signup-page .signup-input input{min-width:0;min-height:46px;border:0!important;background:transparent;box-shadow:none!important;font-size:14px}.signup-password-input{grid-template-columns:auto 1fr auto}.signup-password-input>button{height:46px;border:0;padding:0 12px;background:transparent;color:#0ab4a3;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.signup-ref-input input[readonly]{background:transparent}.signup-captcha{display:grid;grid-template-columns:auto minmax(90px,1fr);align-items:center;overflow:hidden;border:1px solid #d8eae8;border-radius:11px;background:#faffff}.signup-captcha strong{padding:0 14px;color:#0ab4a3;font-size:14px;white-space:nowrap}.signup-page .signup-captcha input{min-width:0;min-height:46px;border:0;border-left:1px solid #d8eae8;border-radius:0;background:#fff;box-shadow:none;font-size:14px}.signup-page .signup-submit{display:flex;width:100%;min-height:49px;justify-content:space-between;padding:0 18px;border-radius:13px;background:linear-gradient(90deg,#1bedd8,#07bdab);box-shadow:0 10px 20px rgba(7,190,172,.25);font-size:14px}.signup-submit b{font-size:21px}.signup-terms{margin:14px 4px 0;color:#8da09e;font-size:9px;text-align:center}.signup-login{justify-content:center;gap:6px;margin-top:12px;color:#899b99;font-size:11px}@media(max-width:500px){body:has(.signup-page) .main-auth{padding:0!important;place-items:stretch}.signup-page{width:100%;min-height:100vh;border-radius:0}.signup-brand-panel{padding:27px 20px 23px}.signup-page .signup-card{padding:22px 19px}.signup-brand-panel img{width:61px;height:61px;flex-basis:61px}}

.password-eye{display:grid!important;width:45px!important;height:46px!important;padding:0!important;place-items:center;border:0;background:transparent!important;color:#0ab4a3;cursor:pointer}.password-eye svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.password-eye .eye-closed{display:none}.password-eye.visible .eye-open{display:none}.password-eye.visible .eye-closed{display:block}.forgot-password-button{display:block;margin:13px 0 0;padding:11px;border:1px solid #cfedea;border-radius:11px;color:#0ab4a3;text-align:center;text-decoration:none;font-size:11px;font-weight:800}.forgot-password-button:hover{background:#f1fffe}

/* Global centered success and error alerts */
.site-alert-stack{position:fixed;z-index:2000;top:50%;left:50%;display:grid;width:min(390px,calc(100% - 32px));gap:10px;transform:translate(-50%,-50%);pointer-events:none}.site-alert-stack .site-alert{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 30px;align-items:center;gap:11px;width:100%;margin:0;padding:16px 14px;border:1px solid #d0f1ee;border-radius:16px;background:#fff;color:#2d4543;font-size:13px;font-weight:700;line-height:1.4;box-shadow:0 22px 60px rgba(0,43,39,.3);animation:site-alert-in .2s ease;pointer-events:auto}.site-alert-stack .site-alert.error{background:#fff;border-color:#bff0eb;color:#119f91}.site-alert-stack .site-alert.success{background:#fff;border-color:#bee6c9;color:#176d35}.site-alert-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#19d7c4;color:#fff;font-size:20px;font-weight:900}.site-alert.success .site-alert-icon{background:#19934a}.site-alert-close{display:grid;width:30px;height:30px;padding:0;place-items:center;border:0;border-radius:50%;background:#edf8f7;color:#6c8e8b;font:inherit;font-size:22px;line-height:1;cursor:pointer}.site-alert.success .site-alert-close{background:#edf8f0;color:#477c57}.site-alert-leave{opacity:0;transform:scale(.96);transition:opacity .18s,transform .18s}@keyframes site-alert-in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media(max-width:480px){.site-alert-stack{width:calc(100% - 24px)}.site-alert-stack .site-alert{grid-template-columns:38px minmax(0,1fr) 28px;padding:13px 11px;font-size:12px}.site-alert-icon{width:38px;height:38px}}

/* User and admin support tickets */
.tickets-page{width:100%;max-width:700px;margin:0 auto;padding:13px 12px 28px}.ticket-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ticket-head h1{margin:0;font-size:18px}.ticket-head button,.ticket-create button,.ticket-reply button{border:0;border-radius:9px;padding:10px 14px;background:#19d7c4;color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.ticket-create{display:grid;gap:11px;margin-bottom:13px;padding:15px;border-radius:14px;background:#fff;box-shadow:0 7px 20px rgba(0,70,63,.07)}.ticket-create[hidden]{display:none}.ticket-create label{display:grid;gap:5px;color:#4d6563;font-size:11px;font-weight:750}.ticket-create input,.ticket-create select,.ticket-create textarea,.ticket-reply textarea{width:100%;border:1px solid #d6eae8;border-radius:9px;padding:10px;background:#fff;font:inherit;outline:0}.ticket-list{display:grid;gap:9px}.ticket-list>a,.admin-ticket-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #dcefed;border-radius:12px;background:#fff;color:#22302f;text-decoration:none;box-shadow:0 4px 13px rgba(0,70,63,.05)}.ticket-list b,.ticket-list span{display:block}.ticket-list b{font-size:13px}.ticket-list span{margin-top:3px;color:#8ca09e;font-size:9px}.ticket-status{padding:4px 8px;border-radius:20px;background:#fff0d9;color:#987128;font-size:9px;font-style:normal;font-weight:800;text-transform:capitalize;white-space:nowrap}.ticket-status.in_progress{background:#eaf2ff;color:#3369a5}.ticket-status.resolved{background:#e8f7ed;color:#247642}.ticket-status.closed{background:#eee;color:#777}.ticket-empty{padding:45px 20px;text-align:center;color:#899c9a}.ticket-thread{overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 7px 22px rgba(0,70,63,.08)}.ticket-thread-head{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:14px;border-bottom:1px solid #ddf0ee}.ticket-thread-head>a{color:#19d7c4;text-decoration:none;font-size:28px}.ticket-thread-head b,.ticket-thread-head span{display:block}.ticket-thread-head b{font-size:12px}.ticket-thread-head span{color:#8ca09e;font-size:9px}.ticket-messages{display:grid;gap:10px;max-height:470px;overflow:auto;padding:15px;background:#f7fafa}.ticket-message{max-width:86%;padding:10px 12px;border-radius:12px 12px 12px 3px;background:#fff;border:1px solid #e0eeed}.ticket-message.admin{justify-self:end;border-radius:12px 12px 3px 12px;background:#f0fffe;border-color:#cff0ed}.ticket-message b{color:#0ab4a3;font-size:9px}.ticket-message p{margin:3px 0;color:#2c3d3b;font-size:12px}.ticket-message time{color:#99aba9;font-size:8px}.ticket-reply{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border-top:1px solid #ddf0ee}.ticket-reply button{align-self:end}.admin-ticket-filters{display:flex;gap:7px;overflow:auto;margin-bottom:15px}.admin-ticket-filters a{padding:8px 11px;border-radius:20px;background:#f0fffe;color:#0ca596;text-decoration:none;font-size:10px;font-weight:750;white-space:nowrap}.admin-ticket-filters a.active{background:#19d7c4;color:#fff}.admin-ticket-row{display:block!important;margin:0!important}.admin-ticket-thread{margin-bottom:16px}.admin-ticket-thread .ticket-messages{margin:14px 0}@media(max-width:650px){.tickets-page{max-width:none}.ticket-reply{grid-template-columns:1fr}.ticket-message{max-width:92%}}
.gateway-switches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}.gateway-switches label{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:center;padding:14px;border:1px solid #d8efed;border-radius:10px;background:#f7fffe}.gateway-switches input{grid-row:1/3}.gateway-switches b,.gateway-switches span{display:block}.gateway-switches b{color:#07b7a5}.gateway-switches span{color:#859795;font-size:10px}.gateway-qr-preview img{width:180px;height:180px;object-fit:contain;border:1px solid #eee;border-radius:10px;background:#fff}.payment-qr{display:block;width:190px;height:190px;max-width:100%;object-fit:contain;margin:0 auto 12px;border-radius:10px;background:#fff}.upi-copy{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:10px;padding:9px;border-radius:7px;background:#fff}.upi-copy span{color:#869997;font-size:9px}.upi-copy b{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#07b7a5;font-size:12px}.upi-copy button{border:0;border-radius:5px;padding:7px 10px;background:#19d7c4;color:#fff;font-size:10px;cursor:pointer}@media(max-width:700px){.gateway-switches{grid-template-columns:1fr}}
.gateway-switches.gateway-switches-one{grid-template-columns:minmax(280px,1fr);max-width:620px}.form-grid select{width:100%;border:1px solid #d7e5e4;border-radius:8px;padding:12px;background:#fff;color:#2d3b3a;font:inherit}

/* Clean referral page */
body:has(.share-page-clean) .shell{background:#f1f5f5}
.share-page-clean{min-height:calc(100vh - 76px);padding:12px;background:#f1f5f5}
.share-page-clean .share-body{display:grid;gap:10px;padding:0}
.share-page-clean .share-intro,.share-page-clean .qr-card,.share-page-clean .invite-details{margin:0;border:1px solid #dcefed;border-radius:14px;box-shadow:0 6px 18px rgba(0,70,63,.06)}
.share-page-clean .share-intro{padding:14px}
.share-page-clean .share-intro b{font-size:15px}
.share-page-clean .share-intro span{margin-top:2px;font-size:10px}
.share-page-clean .qr-card{padding:16px}
.share-page-clean .qr-card span{margin-bottom:9px;color:#334947;font-size:11px;font-weight:750}
.share-page-clean .qr-card img{width:200px;height:200px;max-width:68vw}
.share-page-clean .invite-details{padding:12px}
.share-page-clean .copy-row{margin-bottom:8px;padding:8px 9px;background:#f6fafa}
.share-page-clean .copy-row button{min-width:58px;border-radius:6px;padding:7px 10px;font-weight:750}
.share-page-clean .share-levels{margin-top:10px}
.share-page-clean .share-levels>div{padding:9px 12px;font-size:11px}
.share-page-clean .share-now{margin-top:11px;padding:12px}
@media(min-width:651px){body:has(.share-page-clean) .shell{background:#f1f5f5!important}body:has(.share-page-clean) .share-page-clean{min-height:calc(100vh - 76px);padding:12px!important;background:#f1f5f5}}

/* Bank account page */
.bank-account-page{padding-top:12px}
.bank-account-page .notice{margin-bottom:10px}
.bank-linked-status{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:15px;border-radius:12px;background:#fff;box-shadow:0 5px 16px rgba(0,70,63,.06);font-size:12px}
.bank-linked-status span{color:#869997}
.bank-linked-status b{color:#198044}
.bank-account-page .bind-bank-form{margin-top:12px}
.bank-account-page .bind-bank-form fieldset{margin-bottom:13px}
.bank-account-page .bind-bank-form>p{margin-bottom:16px;padding:13px;font-size:10px}
.bank-account-page .bind-bank-form>button{padding:14px;font-size:15px}

/* Clean transaction records */
.records-page-clean{min-height:calc(100vh - 76px);background:#eef2f2}
.records-page-clean .record-tabs{position:sticky;top:56px;z-index:8;padding:10px 9px}
.records-page-clean .record-tabs a{border-radius:7px;padding:10px 3px;font-size:10px}
.records-page-clean .record-list{padding:1px 9px 20px}
.records-page-clean .record-card{margin:8px 0;padding:13px 14px;border:1px solid #e3f0ef;border-radius:10px;box-shadow:0 4px 12px rgba(0,60,54,.05)}
.records-page-clean .record-top b{font-size:12px}
.records-page-clean .record-card p{margin:8px 0 2px;font-size:10px}
.records-page-clean .record-bottom{margin-top:15px}
.records-page-clean .record-bottom strong{font-size:13px}
.records-page-clean .record-status.approved{color:#3cae3f}
@media(max-width:650px){.records-page-clean{width:100%;margin:0}.main:has(>.records-page-clean){padding-left:0!important;padding-right:0!important}.records-page-clean .record-tabs{top:55px}}

/* Advanced admin user management */
.admin-user-card-actions,.admin-user-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-user-card-actions{margin-top:12px}.admin-user-card-actions form,.admin-user-actions form{margin:0}.admin-user-card-actions .btn{padding:9px 12px}.admin-user-detail{display:grid;gap:13px}.admin-user-overview{display:flex;align-items:center;justify-content:space-between;margin:0}.admin-user-overview h2{margin:0 0 3px}.admin-user-overview>div>span{color:#849694;font-size:11px}.admin-user-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.admin-user-stats>div{min-width:0;padding:13px;border:1px solid #dcefed;border-radius:10px;background:#fff}.admin-user-stats span,.admin-user-stats b{display:block}.admin-user-stats span{color:#859896;font-size:10px}.admin-user-stats b{margin-top:5px;overflow:hidden;color:#07b7a5;font-size:15px;text-overflow:ellipsis}.admin-user-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.admin-user-meta span,.admin-user-meta b{display:block}.admin-user-meta span{color:#869997;font-size:10px}.admin-user-meta b{margin-top:4px;color:#273836;font-size:12px}.admin-user-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-user-editor-grid>.panel{margin:0}.admin-user-editor-grid summary{color:#07b7a5;font-weight:800;cursor:pointer}.admin-user-editor-grid form{margin-top:14px}.admin-user-detail>.table-wrap{margin:0}.admin-user-history-grid{display:grid;gap:10px}.admin-user-history-grid>.panel{margin:0;padding:15px}.admin-user-history-grid summary{color:#07b7a5;font-weight:800;cursor:pointer}.admin-user-history-grid .table-wrap{margin-top:12px}@media(max-width:900px){.admin-user-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-user-editor-grid{grid-template-columns:1fr}}@media(max-width:560px){.admin-user-meta{grid-template-columns:1fr}.admin-user-card-actions .btn,.admin-user-card-actions form,.admin-user-card-actions form .btn{width:100%}}

/* Mobile admin panel */
.topbar-start{display:flex;align-items:center;gap:10px}.admin-menu-toggle,.admin-menu-close,.admin-menu-overlay{display:none}.admin-sidebar i{display:inline-grid;width:23px;height:23px;place-items:center;border-radius:7px;background:#f1fffe;color:#07b7a5;font-style:normal;font-size:10px;font-weight:900}.admin-drawer-title{display:none}
@media(max-width:700px){body:has(.admin-main){background:#f1f5f5}body:has(.admin-main) .topbar{display:flex!important;position:sticky;top:0;z-index:80;height:58px;padding:0 11px;border-bottom:1px solid #daecea}body:has(.admin-main) .brand-logo{width:38px;height:38px}.admin-menu-toggle{display:grid;width:40px;height:40px;padding:9px;place-content:center;gap:4px;border:0;border-radius:10px;background:#f0fffe}.admin-menu-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:#0ac2b0}.admin-main{width:100%;padding:15px 10px 35px!important}.admin-main .page-head{align-items:center;margin-bottom:15px}.admin-main .page-head h1{font-size:21px}.admin-main .page-head p,.admin-main .page-head .eyebrow{display:none}.admin-main .panel{padding:14px;border-radius:11px}.admin-main .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.admin-main .stat{padding:12px}.admin-main .stat strong{font-size:18px}.admin-main .form-grid{grid-template-columns:1fr;gap:10px}.admin-main .field.full{grid-column:auto}.admin-main .btn{min-height:40px}.admin-main .admin-search{display:grid;grid-template-columns:1fr auto;gap:7px}.admin-main .admin-search input,.admin-main .admin-search select{width:100%}.admin-main .admin-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-main .admin-control-grid a{padding:12px}.admin-main .admin-user-grid,.admin-main .admin-product-grid{grid-template-columns:1fr}.admin-main .admin-request-actions{grid-template-columns:1fr}.admin-main .admin-request-actions .btn{width:100%}.admin-main .gateway-switches{grid-template-columns:1fr}.admin-main .table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-main .data{min-width:620px}.admin-main .admin-user-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-main .admin-user-editor-grid{grid-template-columns:1fr}.admin-main .admin-user-meta{grid-template-columns:1fr}.admin-sidebar{display:flex!important;position:fixed!important;z-index:110;top:0!important;bottom:0!important;left:0!important;right:auto!important;width:min(285px,86vw)!important;height:100dvh!important;padding:12px!important;overflow-y:auto;flex-direction:column!important;justify-content:flex-start!important;border:0!important;box-shadow:12px 0 35px rgba(0,40,36,.25)!important;transform:translateX(-105%);transition:transform .22s ease}.admin-sidebar.open{transform:translateX(0)}.admin-sidebar .admin-drawer-title{display:flex;align-items:center;justify-content:space-between;padding:5px 5px 12px;color:#099f90}.admin-menu-close{display:grid;width:34px;height:34px;padding:0;place-items:center;border:0;border-radius:9px;background:#f0fffe;color:#07b7a5;font-size:25px}.admin-sidebar .side-label{display:block;margin:10px 8px 5px}.admin-sidebar>a{display:flex!important;flex:none!important;align-items:center;gap:8px;padding:10px!important;text-align:left!important;font-size:13px!important}.admin-sidebar>a span{display:block!important;margin:0!important;font-size:12px!important}.admin-sidebar .side-foot{display:block;margin-top:auto}.admin-menu-overlay{display:block;position:fixed;z-index:100;inset:0;border:0;background:rgba(0,25,23,.48);opacity:0;visibility:hidden;transition:.2s}.admin-menu-overlay.open{opacity:1;visibility:visible}body.admin-menu-open{overflow:hidden}.admin-user-actions{display:grid;grid-template-columns:1fr 1fr}.admin-user-actions>*{width:100%}.admin-user-actions .btn{width:100%}}
@media(max-width:420px){.admin-main .admin-control-grid{grid-template-columns:1fr}.admin-main .admin-search{grid-template-columns:1fr}.admin-main .admin-search .btn{width:100%}.top-user .avatar{display:none}.top-user .logout{font-size:10px}}

/* Aqua storefront theme based on the supplied mobile reference. */
:root{--green:#08b8a8;--green-dark:#058f83;--ink:#263634;--muted:#7c8b89;--line:#e3ecea;--bg:#f2f5f4;--surface:#fff;--maxxis-red:#08b8a8;--maxxis-dark:#16413d}
body,body:has(.admin-main),body:has(.share-page-clean) .shell{background:#f2f5f4;color:var(--ink)}
.avatar{background:#d9f5f1;color:#057f75}.logout,.eyebrow,.section-title a,.text-link,.auth-links a,.admin-control-grid b,.admin-wallets b,.admin-user-stats b,.admin-user-editor-grid summary,.admin-user-history-grid summary,.admin-user-card summary,.gateway-switches b,.upi-copy b,.recharge-instructions h2,.recharge-history summary,.ticket-thread-head>a,.ticket-message b{color:#058f83}
.sidebar>a:hover,.sidebar>a:first-of-type,.admin-sidebar>a:first-of-type,.admin-sidebar>a.active{background:#e2f7f4;color:#057f75}.side-foot b{color:#058f83}.admin-sidebar i{background:#e4f7f4;color:#058f83}
.btn,.record-tabs a.active,.ticket-head button,.ticket-create button,.ticket-reply button,.admin-ticket-filters a.active,.upi-copy button{background:#08b8a8}.btn:hover{background:#079e91}.btn.secondary,.admin-ticket-filters a{background:#e2f7f4;color:#057f75}.btn.dark{background:#16413d}.btn.danger{background:#42c4b7}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#28c6b7;box-shadow:0 0 0 3px #dff8f5}.notice,.notice-bar{background:#e2f7f4;color:#096f66}.badge{background:#e1f7f4;color:#057f75}.signup-card input[readonly]{background:#e8f8f6;color:#057f75}.auth-card:before{background:linear-gradient(90deg,#058f83,#25d3c2)}
.card,.stat,.plan,.panel,.auth-card,.admin-control-grid a,.ticket-list>a,.admin-ticket-row{border-color:#e2ecea;box-shadow:0 4px 16px rgba(3,91,83,.05)}
.plan-banner{background:linear-gradient(130deg,#ddf7f3,#9ee4dc);color:#057f75}.data th{background:#f5faf9}.data td,.data th{border-color:#e8efee}
.maxxis-hero,.home-screen .maxxis-hero{background:radial-gradient(circle at 90% 5%,rgba(60,216,201,.72),transparent 40%),linear-gradient(135deg,#123c38,#087f75);box-shadow:0 8px 22px rgba(4,98,89,.18)}.hero-wallets{background:linear-gradient(135deg,#19c8b7,#07998d)}
.home-quick-section,.home-screen .home-quick-section{background:#8eddd6;border:0}.home-quick-section .quick{color:#153d39;border-right-color:#ffffff66}.home-quick-section .quick>span{color:#153d39}.home-quick-section .action-icon{color:#153d39}.home-quick-section .quick:hover{background:#ffffff24}
.maxxis-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important}.compact-product,.home-screen .compact-product{display:block;padding:9px!important;border:1px solid #e2ecea!important;border-radius:10px!important;background:#fff;box-shadow:0 4px 15px rgba(3,91,83,.06)}
.compact-product .product-image,.home-screen .compact-product .product-image{position:relative;width:100%;min-height:0!important;aspect-ratio:2.15/1!important;border-radius:7px;overflow:hidden}.compact-product .product-image:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(0,0,0,.68));pointer-events:none}.compact-product .product-image h3{position:absolute;z-index:2;left:9px;bottom:7px;margin:0;color:#fff;font-size:15px;font-weight:500;text-shadow:0 1px 3px #000}.compact-product .product-image span,.home-screen .compact-product .product-image span{z-index:2;top:8px;right:8px;left:auto;padding:4px 8px;border-radius:20px;background:#08b8a8;color:#fff;font-size:9px}
.compact-product-info,.home-screen .compact-product-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px 0 0}.product-metric{min-width:0;padding:10px 4px;border-radius:5px;background:#f7f9f8;text-align:center}.product-metric b,.product-metric span{display:block}.product-metric b{color:#08aa9b;font-size:16px;white-space:nowrap}.product-metric span{margin-top:2px;color:#929d9b;font-size:9px}.compact-buy,.home-screen .compact-buy{padding:8px 0 0}.compact-buy .btn,.home-screen .compact-buy .btn,.maxxis-plan .btn{background:#08b8a8;box-shadow:none;border-radius:5px}
.collections-summary{background:linear-gradient(135deg,#123c38,#07998d);box-shadow:0 9px 24px rgba(3,91,83,.18)}.collection-card{border-color:#dcebe8;box-shadow:0 6px 18px rgba(3,91,83,.07)}.collection-status{background:#08b8a8}.collection-content>small,.collection-values strong,.collection-progress-head b{color:#058f83}.collection-values>div{background:#eaf8f6}.collection-progress{background:#d9eeeb}.collection-progress i{background:linear-gradient(90deg,#24cfbf,#07998d)}.collection-empty a{background:#08b8a8}
.records-head,.wallet-switch a.active,.recharge-pay-button,.bind-bank-form>button,.withdraw-submit,.signup-brand-panel,.signup-page .signup-submit{background:linear-gradient(90deg,#08b8a8,#07998d)}.record-tabs,.record-list,.recharge-app-page,.main:has(>.recharge-app-page),.bind-bank-page,.withdraw-app-page,.records-page-clean,.share-page-clean{background:#f2f5f4}.record-status.approved{color:#08a897}
.amount-chips button.selected{background:#08b8a8;box-shadow:0 5px 13px rgba(8,184,168,.2)}.payment-channel .channel-option.selected{background:#e6f8f6}.channel-option.selected>span{border-color:#08b8a8;background:#08b8a8}.recharge-instructions p{border-left-color:#08b8a8;background:#e4f7f4;color:#087a70}
.payout-account-card,.linked-bank-card{background:radial-gradient(circle at 90% 18%,#42d6c8 0 29%,transparent 30%),linear-gradient(135deg,#17c5b5,#087f75);box-shadow:0 13px 25px rgba(3,91,83,.2)}.bind-bank-form fieldset{border-color:#08b8a8}.bind-bank-form legend{color:#058f83}.bind-bank-form>p{border-left-color:#08b8a8;background:#e5f8f6;color:#08766c}
.signup-input:focus-within{border-color:#08b8a8;box-shadow:0 0 0 3px #dff8f5}.signup-input>span,.signup-password-input>button,.password-eye,.forgot-password-button,.signup-page .eyebrow{color:#058f83}.forgot-password-button:hover{background:#e5f8f6}.site-alert-icon{background:#08b8a8}
.share-page-clean .copy-row{background:#f3f8f7}.gateway-switches label,.recharge-methods label{border-color:#dcebe8;background:#f4fbfa}.admin-wallets span{background:#eaf8f6}.admin-control-grid a{color:#263634}.admin-control-grid span{color:#7c8b89}
@media(max-width:760px){.maxxis-products{grid-template-columns:1fr}.home-screen .maxxis-hero{margin-left:8px!important;margin-right:8px!important}.home-screen .maxxis-products{margin-left:8px!important;margin-right:8px!important}}
@media(max-width:700px){body:has(.admin-main) .topbar{border-bottom-color:#dcebe8}.admin-menu-toggle,.admin-menu-close{background:#e3f7f4;color:#057f75}.admin-menu-toggle span{background:#058f83}.admin-sidebar{box-shadow:12px 0 35px rgba(2,50,46,.22)!important}.admin-sidebar .admin-drawer-title{color:#057f75}.admin-menu-overlay{background:rgba(2,39,36,.48)}}
@media(max-width:650px){body:not(:has(.sidebar)){background:linear-gradient(180deg,#dcf7f3 0,#f5faf9 190px)}.mobile-actions .quick{background:#d9f4f1}.action-icon,.mobile-nav a.active{color:#08a897}.mobile-switch button{color:#087a70}.mobile-switch button.selected,.plan-buy-row .btn{background:#08b8a8}}

/* Remove the remaining page-specific red accents. */
.app-page-header,.team-head{background:linear-gradient(90deg,#08b8a8,#07998d)}
.login-brand-panel,.signup-brand-panel{background:radial-gradient(circle at 95% 0,#42d6c8 0,transparent 36%),linear-gradient(135deg,#057f75,#08b8a8)}
.login-brand-panel span,.signup-brand-panel span,.login-brand-panel p,.signup-brand-panel p{color:#dcfffb}.login-brand-panel img,.signup-brand-panel img{box-shadow:0 8px 22px rgba(2,73,67,.42)}
.login-page .eyebrow,.signup-page .eyebrow,.login-label-row a,.login-input>span,.login-password-input>button,.login-create a,.signup-input>span,.signup-password-input>button,.signup-captcha strong{color:#058f83}
.login-input:focus-within,.signup-input:focus-within{border-color:#08b8a8;box-shadow:0 0 0 3px #ddf8f5}.login-page .auth-submit,.signup-page .signup-submit{background:linear-gradient(90deg,#08b8a8,#07998d);box-shadow:0 10px 20px rgba(5,143,131,.22)}.login-security{background:#e8f8f6}.login-security b{background:#08b8a8}
.team-metrics span,.team-metrics strong,.team-commission .section-title span,.member-value em{color:#058f83}.level-tabs{background:#08b8a8}.level-tabs a.active{color:#058f83}.member-avatar{background:#e2f7f4;color:#058f83}.invite-team-btn{background:linear-gradient(90deg,#08b8a8,#07998d);box-shadow:0 11px 22px rgba(5,143,131,.22)}
.share-page{background:#08b8a8}.share-intro b,.copy-row span,.share-levels>div{color:#058f83}.copy-row button,.share-now{background:#08b8a8}.commission-note{border-left-color:#08b8a8;background:#e6f8f6;color:#08766c}.share-levels{background:#eaf8f6}
.profile-hero{background:linear-gradient(90deg,rgba(3,54,50,.78),rgba(8,184,168,.35)),url('products/razr-at811.png') center 48%/cover}.profile-identity span,.profile-wallets strong,.profile-menu .profile-logout span,.profile-edit summary{color:#058f83}.profile-identity b,.profile-menu .profile-logout i{background:#08b8a8}.profile-menu i{background:#e5f8f6;color:#058f83}.profile-edit .btn{background:linear-gradient(90deg,#08b8a8,#07998d)}
.welcome-close{background:#e3f7f4;color:#058f83}.welcome-close:hover,.welcome-confirm{background:#08b8a8;color:#fff}
body:has(.app-page-header) .shell,body:has(.profile-page) .shell{background:#f2f5f4}body:has(.share-page) .shell{background:#08b8a8}.mobile-nav a.active,body:has(.app-page-header) .mobile-nav a.active,body:has(.profile-page) .mobile-nav a.active,body:has(.share-page) .mobile-nav a.active{color:#08a897}
body.home-screen{overflow-x:hidden}.home-screen .shell,.home-screen .main{width:100%;max-width:100vw}.home-screen .maxxis-hero,.home-screen .home-quick-section,.home-screen .maxxis-products,.home-screen .compact-product{min-width:0;max-width:100%}.home-screen .maxxis-actions{width:100%;min-width:0}.home-screen .hero-wallets>div{min-width:0;overflow:hidden}.home-screen .hero-wallets b{overflow:hidden;text-overflow:ellipsis}

/* Reference typography and clean, light mobile-app surfaces. */
html,body,button,input,select,textarea{font-family:Roboto,"Noto Sans",Arial,Helvetica,sans-serif}
body{background:#f3f4f4;color:#303635;font-size:14px;font-weight:400;letter-spacing:0}
.app-page-header{background:#fff;color:#303635;border-bottom:1px solid #e5e8e7;box-shadow:none}.app-page-header a{color:#303635}.app-page-header h1{font-size:16px;font-weight:500}.app-page-header img{width:36px;height:36px}
.home-screen .maxxis-hero{background:linear-gradient(135deg,#087d74,#0ba99b);box-shadow:0 4px 12px rgba(0,90,82,.12)}
.home-screen .hero-profile h1{font-size:21px;font-weight:600}.home-screen .hero-profile span,.home-screen .hero-profile small{font-weight:400}.home-screen .hero-wallets{background:#08b8a8}.home-screen .hero-wallets b{font-weight:600}
.home-quick-section,.home-screen .home-quick-section{background:#a7e3dd;box-shadow:none}.home-quick-section .quick{font-weight:400}.home-quick-section .quick>span{font-size:10px;font-weight:500}
.compact-product,.home-screen .compact-product{box-shadow:0 2px 8px rgba(0,0,0,.06)}.compact-product .product-image h3{font-family:Roboto,"Noto Sans",Arial,sans-serif;font-weight:400}.product-metric b{font-weight:600}.compact-buy .btn,.home-screen .compact-buy .btn{font-weight:500}
.topbar,.sidebar,.footer,.panel,.card,.stat,.plan,.auth-card{box-shadow:none}.page-head h1,.section-title h2,.panel h2{font-weight:600}.field label{font-weight:500}.data th{font-weight:500}
.login-brand-panel,.signup-brand-panel{background:linear-gradient(135deg,#078f84,#10bdad)}.login-brand-panel h1,.signup-brand-panel h1{font-weight:600}.login-page .auth-heading h2,.signup-page .auth-heading h2{font-weight:600}.login-page .auth-submit,.signup-page .signup-submit{box-shadow:0 5px 12px rgba(5,143,131,.18);font-weight:500}
.admin-control-grid a,.admin-product,.admin-user-card,.admin-request{box-shadow:0 2px 7px rgba(0,0,0,.04)}
.login-page .field label,.signup-page .field label{color:#3c4443;font-weight:500}.login-input,.signup-input,.signup-captcha{background:#fff;border-color:#dfe7e5}
@media(max-width:650px){body:not(:has(.sidebar)){background:#f3f4f4}}

/* Login and registration poster background */
body:has(.login-page),body:has(.signup-page){background:linear-gradient(rgba(0,12,14,.18),rgba(0,12,14,.42)),url('auth-maxxis-tire-bg.png') center/cover fixed no-repeat}
@media(max-width:650px){body:has(.login-page),body:has(.signup-page){background:linear-gradient(rgba(0,12,14,.14),rgba(0,12,14,.34)),url('auth-maxxis-tire-bg.png') center/cover scroll no-repeat}}

/* Automatic Home hero poster slider */
.home-screen .maxxis-hero{padding:0!important;background:#07191a!important;box-shadow:0 4px 12px rgba(0,90,82,.12)}
.hero-poster-slider{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#020b0c}
.hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .65s ease}
.hero-poster.active{opacity:1}
.hero-poster-dots{position:absolute;z-index:2;right:12px;bottom:9px;display:flex;gap:5px}
.hero-poster-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#ffffff80;box-shadow:0 1px 3px #000}
.hero-poster-dots i.active{width:18px;border-radius:5px;background:#16d6c5}
.hero-account{position:relative;padding:15px 16px 14px;background:linear-gradient(135deg,#087d74,#0ba99b)}
.home-screen .hero-account .hero-invite{top:17px;right:18px}
.home-screen .hero-account .hero-wallets{margin-top:13px}
@media(max-width:420px){.hero-account{padding:13px 12px 12px}.home-screen .hero-account .hero-invite{top:16px;right:13px}}

/* Straight corners across the complete website. */
body *{border-radius:0!important}

/* Final teal styling for the Home welcome popup. */
.welcome-popup{background:rgba(0,24,25,.7)}
.welcome-popup-card{border-color:#49d9cb;box-shadow:0 28px 80px rgba(0,45,43,.42)}
.welcome-popup-top{background:radial-gradient(circle at 90% 5%,#39d3c5 0,transparent 38%),linear-gradient(135deg,#056c65,#08b8a8)}
.welcome-popup-top>span{color:#d9fffb}
.welcome-popup-top img{box-shadow:0 7px 17px rgba(0,55,52,.5)}
.welcome-close{border-color:#ffffff80;background:#ffffff24;color:#fff}
.welcome-close:hover{background:#fff;color:#057f75}
.welcome-popup-card .welcome-confirm{background:linear-gradient(90deg,#08b8a8,#057f75);box-shadow:0 9px 20px rgba(5,127,117,.24)}
.welcome-popup-card .welcome-confirm:focus-visible{outline-color:#73eadf}

/* Separate administrator sign-in from the customer login. */
body.admin-login-screen{background:linear-gradient(rgba(1,15,18,.56),rgba(1,15,18,.78)),url('auth-maxxis-tire-bg.png') center/cover fixed no-repeat}
.admin-login-page{border:1px solid #1bbcac;background:#071f22}
.admin-login-page .login-brand-panel{background:linear-gradient(135deg,#061b1e,#123f42);border-bottom:3px solid #08b8a8}
.admin-login-page .login-brand-panel span{color:#65e5da}
.admin-login-page .login-card{background:#f3f7f7}
.admin-login-page .auth-heading h2{color:#102d2e}
.admin-login-page .auth-submit{background:linear-gradient(90deg,#123f42,#057f75);box-shadow:none}
.admin-login-page .admin-login-back{justify-content:center}
.admin-login-page .admin-login-back a{color:#057f75}