/* Yellow reference-style home screen and image footer navigation. */
:root{--yellow:#e2a400;--yellow-deep:#b87900;--bg:#f3efe5;--shadow:0 12px 28px rgba(72,49,0,.13)}
body,.app-shell{background:#f3efe5}
.topbar{background:linear-gradient(135deg,#edb711,#ce8b00);box-shadow:0 6px 18px rgba(118,76,0,.25)}
.btn-primary{background:linear-gradient(135deg,#f2c31c,#d28e00);color:#211600;box-shadow:0 8px 20px rgba(181,119,0,.28)}
.btn-primary:hover{background:linear-gradient(135deg,#f7cb27,#c98200)}
.balance-pill{border-color:#dab954;background:#fff9e7;box-shadow:0 4px 12px rgba(105,73,0,.1)}
.brand-logo{object-fit:cover;padding:0;background:transparent!important;box-shadow:0 4px 10px rgba(93,59,0,.22)}
.topbar-logo{width:34px;height:34px;justify-self:center;object-fit:cover;border-radius:50%;filter:drop-shadow(0 2px 3px rgba(91,58,0,.24))}
.auth-page{background:#f3efe5}
.auth-hero{position:relative;isolation:isolate;min-height:350px;padding:55px 24px 38px;overflow:hidden;background:linear-gradient(180deg,rgba(30,20,5,.2),rgba(31,20,0,.72)),url('../images/auth-hero.jpg') center/cover no-repeat;border-radius:0 0 32px 32px;box-shadow:0 12px 30px rgba(83,52,0,.24)}
.auth-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 50% 42%,rgba(255,199,48,.08),rgba(15,10,0,.2))}
.auth-hero .logo-large{display:block;width:108px;height:108px;object-fit:cover;padding:0;background:transparent;border-color:#ffe8a1;box-shadow:0 10px 28px rgba(0,0,0,.32);animation:logo-arrive .65s cubic-bezier(.2,.8,.2,1) both}
.auth-hero h1{color:#fff;margin-top:17px;text-shadow:0 3px 9px rgba(0,0,0,.55)}
.auth-hero p{color:#fff3c5;text-shadow:0 2px 6px rgba(0,0,0,.55)}
.auth-form{margin-top:10px}
.admin-nav .brand{display:flex;align-items:center;gap:8px}.admin-nav .brand img{width:30px;height:30px;object-fit:cover;border-radius:50%;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}
.home-head{padding:14px 16px 9px}
.hero{margin:5px 15px 17px;border-radius:12px}
.hero img{height:245px}

.quick-grid{padding:1px 12px 18px;gap:4px}
.quick-link{display:flex;min-width:0;align-items:center;flex-direction:column;gap:0;font-size:11px}
.quick-icon{width:54px;height:54px;margin-bottom:7px;border:0;border-radius:50%;object-fit:contain;display:block;background:transparent!important;filter:drop-shadow(0 4px 5px rgba(110,76,0,.2))}

.segmented{margin:0 15px 17px;background:#d7d7d7;border-radius:6px}
.segmented span{padding:14px 8px}
.segmented .active{background:linear-gradient(135deg,#edbe1b,#cf8d00);color:#241700}

.product-grid{display:grid;grid-template-columns:1fr;gap:16px;padding:0 15px}
.product-card{display:block;background:#fff;border-radius:10px;padding:0 14px 14px;box-shadow:0 4px 18px rgba(24,24,27,.1);overflow:hidden}
.product-card .product-title{height:58px;margin:0 -14px 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px}
.product-card .product-title h3{margin:0;font-size:21px;line-height:1.1;overflow-wrap:anywhere}
.product-card .price{align-self:stretch;min-width:165px;padding:0 14px 0 28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#edbd18,#c98500);color:#211500;font-size:16px;font-weight:900;white-space:nowrap;clip-path:polygon(18px 0,100% 0,100% 100%,18px 100%,0 50%)}
.product-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(145px,.95fr);gap:15px;align-items:center;padding:2px 0 14px}
.product-card .product-body>img{width:100%;height:155px;border-radius:10px;object-fit:cover;display:block}
.product-card .product-meta{display:grid;grid-template-columns:1fr;gap:14px;margin:0;font-size:15px}
.product-meta div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px}
.product-meta dt{color:#52525b}
.product-meta dd{margin:0;text-align:right;color:#8a6500;font-weight:900}
.product-card form{margin:0}
.product-card .btn{width:100%;min-height:54px;border-radius:2px;font-size:18px;background:linear-gradient(135deg,#efbd18,#cd8900);color:#211500;box-shadow:none}

.bottom-nav{height:82px;border-top:1px solid #eee;box-shadow:0 -5px 18px rgba(17,17,17,.08);padding:5px 8px calc(4px + env(safe-area-inset-bottom))}
.bottom-nav a{gap:0;font-size:11px;transition:transform .18s ease,color .18s ease}
.bottom-nav a img{width:48px;height:48px;display:block;border-radius:50%;object-fit:cover;mix-blend-mode:multiply;transition:transform .18s ease,filter .18s ease}
.bottom-nav a.active{color:#9b7100;font-weight:900}
.bottom-nav a.active img{transform:translateY(-2px) scale(1.08);filter:saturate(1.15) drop-shadow(0 3px 4px rgba(190,135,0,.28))}
.bottom-nav a:active{transform:scale(.94)}

@media(min-width:760px){
    .product-grid{grid-template-columns:1fr}
    .product-card{display:block}
    .product-card .product-body>img{width:100%}
}

@media(max-width:420px){
    .hero img{height:210px}
    .quick-icon{width:48px;height:48px}
    .product-card{display:block;padding-left:12px;padding-right:12px}
    .product-card .product-title{margin-right:-12px}
    .product-card .product-title h3{font-size:18px}
    .product-card .price{min-width:140px;padding-left:23px;padding-right:10px;font-size:14px}
    .product-body{grid-template-columns:minmax(0,1fr) minmax(128px,.9fr);gap:11px}
    .product-card .product-body>img{width:100%;height:145px}
    .product-card .product-meta{font-size:13px;gap:12px}
    .bottom-nav a img{width:44px;height:44px}
}

/* Team and profile pages */
body[data-active="team"] .topbar,
body[data-active="my"] .topbar{background:linear-gradient(135deg,#edb711,#c98200);box-shadow:0 6px 18px rgba(116,73,0,.27)}
.team-page,.profile-page{padding-top:17px}

.team-overview{display:grid;grid-template-columns:repeat(3,1fr);padding:14px 10px;background:linear-gradient(145deg,#fff,#fff9df);border:1px solid #f4d878;border-radius:18px;box-shadow:0 10px 25px rgba(116,80,0,.12);animation:card-rise .48s ease both}
.team-stat{min-width:0;min-height:105px;padding:14px 7px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border-right:1px solid #eadfb9}
.team-stat:nth-child(3n){border-right:0}
.team-level-stat{border-top:1px solid #eadfb9}
.team-stat span{min-height:43px;color:#625a48;font-size:13px;line-height:1.45}
.team-stat strong{display:block;margin-top:8px;color:#b47700;font-size:20px;line-height:1;overflow-wrap:anywhere}
.team-stat:nth-child(3n+1) strong{color:#d08b00}.team-stat:nth-child(3n+2) strong{color:#ef9d00}.team-stat:nth-child(3n) strong{color:#a86e00}

.team-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0}
.team-tab{padding:16px 5px;text-align:center;background:#e6e8eb;border:1px solid #dde0e5;border-radius:13px;color:#54565a;font-weight:800;box-shadow:0 5px 12px rgba(17,17,17,.05);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.team-tab:hover{transform:translateY(-2px)}
.team-tab.active{background:linear-gradient(135deg,#f9ce2e,#d99700);border-color:#dc9c05;color:#2b1e00;box-shadow:0 8px 18px rgba(197,133,0,.28)}
.team-level-overview{margin:0 0 17px;padding:16px;background:#fff;border:1px solid #f0e4bb;border-radius:15px;box-shadow:0 8px 22px rgba(94,68,0,.09);animation:card-rise .45s ease both}
.team-level-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 2px 12px;border-bottom:1px solid #f1ead4}.team-level-heading strong{font-size:16px}.team-level-heading span{color:#847e70;font-size:11px}
.team-level-metrics{display:grid;grid-template-columns:repeat(3,1fr)}.team-level-metrics>div{min-width:0;padding:13px 8px 2px;text-align:center;border-right:1px solid #eadfb9}.team-level-metrics>div:last-child{border-right:0}.team-level-metrics span{display:block;min-height:31px;color:#625a48;font-size:11px;line-height:1.4}.team-level-metrics strong{display:block;margin-top:6px;color:#b47700;font-size:17px;overflow-wrap:anywhere}
.team-empty{min-height:310px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#aaa392;text-align:center;animation:fade-in .55s .12s ease both}
.team-empty-icon{width:92px;height:92px;display:grid;place-items:center;border-radius:50%;background:#fff4ca;color:#d39a12;animation:soft-float 3s ease-in-out infinite}
.team-empty-icon svg{width:49px;height:49px}.team-empty p{font-size:16px}
.team-members{overflow:hidden;background:#fff;border:1px solid #f0e4bb;border-radius:15px;box-shadow:0 8px 22px rgba(94,68,0,.09);animation:card-rise .45s ease both}
.team-member{min-height:76px;padding:12px 14px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f1ead4}.team-member:last-child{border-bottom:0}
.member-avatar{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:linear-gradient(145deg,#ffe886,#efac00);color:#674400}.member-avatar svg{width:23px}
.team-member>div{min-width:0;flex:1}.team-member strong,.team-member small{display:block}.team-member small{margin-top:4px;color:#847e70;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.team-member .status{text-transform:capitalize}

.profile-gold-card{position:relative;overflow:hidden;min-height:390px;padding:24px 26px;color:#241900;background:linear-gradient(145deg,#eec52c 0%,#d29300 58%,#a96800 100%);border:1px solid #bd7a00;border-radius:19px;box-shadow:0 14px 30px rgba(116,73,0,.29);animation:card-rise .5s ease both}
.profile-gold-card:before{content:"";position:absolute;width:230px;height:230px;right:-95px;top:-110px;border:36px solid rgba(255,255,255,.16);border-radius:50%}
.profile-glow{position:absolute;width:180px;height:60px;left:-30px;top:-20px;background:rgba(255,255,255,.26);filter:blur(18px);transform:rotate(-15deg);animation:gold-shine 4.5s ease-in-out infinite}
.profile-identity{position:relative;display:flex;align-items:center;gap:15px}
.profile-identity img{width:76px;height:76px;border:4px solid #fff7cf;border-radius:50%;object-fit:cover;mix-blend-mode:multiply;box-shadow:0 5px 14px rgba(83,52,0,.24)}
.profile-identity strong{display:block;font-size:19px}.profile-user-name{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vip-badge{display:inline-block;margin-top:8px;padding:5px 13px;border-radius:999px;background:#362500;color:#ffd95b;font-weight:900;font-size:12px;box-shadow:0 4px 10px rgba(52,35,0,.2)}
.profile-user-details{position:relative;display:grid;gap:7px;margin-top:17px;padding:11px 13px;border:1px solid rgba(69,44,0,.18);border-radius:11px;background:rgba(255,249,219,.2)}.profile-user-details div{display:flex;align-items:center;justify-content:space-between;gap:15px}.profile-user-details span{color:#513800;font-size:12px}.profile-user-details b{font-size:13px;text-align:right;letter-spacing:.2px}
.balance-label{position:relative;display:block;margin-top:18px;font-weight:700}.profile-gold-card h2{position:relative;margin:7px 0 22px;font-size:38px;letter-spacing:-1px}
.profile-totals{position:relative;display:flex;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid rgba(64,42,0,.22);font-size:12px}.profile-totals span:last-child{text-align:right}.profile-totals b{font-weight:900}

.profile-menu{margin-top:17px;overflow:hidden;background:#fff;border:1px solid #eee1b5;border-radius:17px;box-shadow:0 10px 25px rgba(81,61,0,.1);animation:card-rise .5s .08s ease both}
.profile-menu-row{min-height:73px;padding:11px 16px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #f1ead8;transition:padding-left .2s ease,background .2s ease}.profile-menu-row:last-child{border-bottom:0}.profile-menu-row:hover{padding-left:21px;background:#fff9e8}
.profile-menu-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:#fff1b8;color:#a66e00;transition:transform .22s ease}.profile-menu-row:nth-child(2) .profile-menu-icon{background:#dff7ed;color:#16845e}.profile-menu-row:nth-child(3) .profile-menu-icon{background:#e4efff;color:#3470bb}.profile-menu-row:nth-child(4) .profile-menu-icon{background:#eee6ff;color:#7450b6}.profile-menu-row:nth-child(5) .profile-menu-icon{background:#dff7ff;color:#087b9f}.profile-menu-row.sign-out .profile-menu-icon{background:#ffe7df;color:#cf4e28}
.profile-menu-row:hover .profile-menu-icon{transform:rotate(-6deg) scale(1.08)}.profile-menu-icon svg{width:23px}.profile-menu-row strong{flex:1;font-size:15px}.profile-menu-row>svg{width:19px;color:#b6ac92}.profile-menu-row.sign-out strong{color:#bd421f}
.info-page{padding-top:17px}.info-hero{padding:25px 20px;text-align:center;background:linear-gradient(145deg,#fff9df,#fff);border:1px solid #f0d477;border-radius:18px;box-shadow:0 10px 25px rgba(116,80,0,.12);animation:card-rise .48s ease both}.info-hero img{display:block;margin:0 auto 11px;border-radius:50%;box-shadow:0 5px 13px rgba(94,68,0,.18)}.info-hero h2{margin:0;color:#6b4700;font-size:22px}.info-hero p{margin:7px 0 0;color:#847e70;font-size:13px}.support-hero-icon{width:78px;height:78px;margin:0 auto 11px;display:grid;place-items:center;border-radius:50%;background:#dff7ff;color:#087b9f}.support-hero-icon svg{width:38px;height:38px}.info-panel{margin-top:17px;padding:18px;background:#fff;border:1px solid #f0e4bb;border-radius:15px;box-shadow:0 8px 22px rgba(94,68,0,.09);animation:card-rise .45s ease both}.info-panel h2{display:flex;align-items:center;gap:9px;margin:0 0 15px;font-size:16px}.info-panel h2 svg{width:20px;color:#b47700}.info-item{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #f1ead4}.info-item>svg{width:22px;flex:0 0 auto;color:#b47700}.info-item strong,.info-item span{display:block}.info-item strong{font-size:14px}.info-item span{margin-top:3px;color:#847e70;font-size:12px}.info-contact{display:flex;flex-direction:column;align-items:center;margin:17px 0;color:#847e70;text-align:center}.info-contact strong{margin-top:4px;color:#b47700;font-size:18px}.info-contact small{margin-top:4px}.support-links{padding:17px 16px}.support-link{display:flex;align-items:center;gap:12px;padding:13px 2px;border-top:1px solid #f1ead4}.support-link>span:nth-child(2){flex:1;min-width:0}.support-link strong,.support-link small{display:block}.support-link strong{font-size:14px}.support-link small{margin-top:3px;color:#847e70;font-size:12px}.support-link>svg{width:18px;color:#b6ac92}.support-link-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:#dff7ff;color:#087b9f}.support-link-icon.channel{background:#eee6ff;color:#7450b6}.support-link-icon svg{width:21px}.info-notice{margin:0;color:#847e70;font-size:13px;line-height:1.5}
.company-page .info-hero{padding:30px 20px;background:linear-gradient(145deg,#facc15,#ffe9a3 58%,#fff)}.company-page .info-hero img{width:84px;height:84px;border:4px solid #fff7cf}.company-page .info-panel{border-top:4px solid #eab308}.company-page .info-item{min-height:65px}.company-page .info-contact{padding:15px 0 4px}
.purchase-page{padding-top:17px}.purchase-card{padding:18px;background:#fff;border:1px solid #f0e4bb;border-radius:17px;box-shadow:0 10px 25px rgba(94,68,0,.12);animation:card-rise .48s ease both}.purchase-product-head{display:flex;align-items:center;gap:15px;padding-bottom:17px;border-bottom:1px solid #f1ead4}.purchase-product-head img{width:112px;height:92px;flex:0 0 auto;object-fit:cover;border-radius:12px;border:1px solid #f0d477}.purchase-product-head span{color:#847e70;font-size:12px}.purchase-product-head h2{margin:4px 0;color:#3b2b14;font-size:21px}.purchase-product-head strong{color:#b47700;font-size:20px}.purchase-details{margin:17px 0;display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #f0d477;border-radius:12px;overflow:hidden;background:#fff9e6}.purchase-details div{padding:14px 12px;border-right:1px solid #f0d477;border-bottom:1px solid #f0d477}.purchase-details div:nth-child(2n){border-right:0}.purchase-details div:nth-last-child(-n+2){border-bottom:0}.purchase-details dt{color:#847e70;font-size:12px}.purchase-details dd{margin:5px 0 0;color:#8b5000;font-size:16px;font-weight:800}.purchase-notice{display:flex;align-items:center;gap:9px;padding:12px;border-radius:10px;background:#fff4ca;color:#806033;font-size:12px;line-height:1.4}.purchase-notice svg{width:19px;flex:0 0 auto;color:#b47700}.purchase-actions{display:grid;grid-template-columns:1fr 1.7fr;gap:10px;margin-top:18px}.purchase-actions .btn{min-height:50px;display:flex;align-items:center;justify-content:center;gap:7px}.purchase-actions .btn svg{width:18px}.btn-light{background:#f1f1ed;color:#5d584c;border:1px solid #e0ddd2}

@keyframes card-rise{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
@keyframes soft-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes gold-shine{0%,100%{transform:translateX(-30px) rotate(-15deg);opacity:.22}50%{transform:translateX(230px) rotate(-15deg);opacity:.48}}
@keyframes logo-arrive{from{opacity:0;transform:translateY(-10px) scale(.82) rotate(-8deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}

@media(max-width:390px){.team-stat{padding-left:4px;padding-right:4px}.team-stat span{font-size:11px}.team-stat strong{font-size:17px}.profile-gold-card{padding:22px 20px}.profile-identity strong{font-size:17px}.profile-totals{font-size:11px}}
@media(max-width:390px){.team-level-heading{display:block}.team-level-heading span{display:block;margin-top:3px}.team-level-metrics{grid-template-columns:1fr}.team-level-metrics>div{padding:10px 4px;border-right:0;border-bottom:1px solid #eadfb9}.team-level-metrics>div:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){.team-overview,.team-empty,.team-empty-icon,.team-members,.profile-gold-card,.profile-glow,.profile-menu,.auth-hero .logo-large{animation:none}.team-tab,.profile-menu-row,.profile-menu-icon{transition:none}}

/* Locked bank binding and withdrawal destination */
.bank-page input[readonly]{color:#625d52;cursor:not-allowed}.bank-page .input-wrap:has(input[readonly]){background:#f4f4f2}
.bank-destination{display:flex;align-items:center;gap:11px;margin:13px 0 18px;padding:13px;border:1px solid #ecd170;border-radius:10px;background:#fff9e4}.bank-destination>svg:first-child{color:#b77b00}.bank-destination>svg:last-child{width:18px;margin-left:auto;color:#9c7b27}.bank-destination div{min-width:0}.bank-destination small,.bank-destination strong,.bank-destination span{display:block}.bank-destination small{color:#84785c}.bank-destination strong{margin:3px 0;font-size:14px}.bank-destination span{color:#746c59;font-size:11px}
.admin-bank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.admin-bank-card{margin:0}.admin-bank-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;padding-bottom:12px;border-bottom:1px solid #eee}.admin-bank-card header strong,.admin-bank-card header small{display:block}.admin-bank-card header small{margin-top:4px;color:#71717a}
@media(max-width:900px){.admin-bank-grid{grid-template-columns:1fr}}

/* Admin user editor and unified transaction history */
.admin-user-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.admin-user-summary .metric{border-left-color:#c98500}.admin-user-summary .metric strong{font-size:20px}
.admin-user-edit-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:16px;margin-bottom:22px}.admin-user-edit-grid>.panel,.admin-user-edit-grid>div>.panel{margin-bottom:16px}.admin-user-edit-grid h2{margin:0 0 4px}.admin-user-extra p{margin:9px 0;color:#5f5a4e}.admin-user-extra .btn{margin-top:15px}
.history-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:17px}.history-summary .metric strong{font-size:20px}.history-summary .metric:last-child strong{font-size:16px}
.history-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:14px;padding-bottom:4px}.history-tabs a{padding:11px 14px;flex:0 0 auto;border:1px solid #dec474;border-radius:8px;background:#fff9e8;color:#6f5100;font-size:12px;font-weight:800}.history-tabs a.active{background:linear-gradient(135deg,#e9b713,#c78200);border-color:#bc7800;color:#241700;box-shadow:0 5px 12px rgba(142,90,0,.2)}
.history-search input{min-width:250px}.history-table table{min-width:940px}.history-table td{vertical-align:top}.history-direction{display:inline-block;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:800}.history-direction.credit{background:#dcfce7;color:#166534}.history-direction.debit{background:#ffedd5;color:#9a3412}
.admin-reject-btn{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.admin-reject-btn:hover{background:#fecaca}
@media(max-width:1050px){.admin-user-summary{grid-template-columns:repeat(3,1fr)}.admin-user-edit-grid{grid-template-columns:1fr}}
@media(max-width:640px){.admin-user-summary{grid-template-columns:1fr 1fr}.history-summary{grid-template-columns:1fr}.history-search{flex-wrap:wrap}.history-search input{min-width:100%;width:100%}}

.admin-mobile-header,.admin-menu-close,.admin-sidebar-backdrop{display:none}
@media(max-width:700px){
    .admin-mobile-header{display:flex;position:sticky;top:0;z-index:80;align-items:center;justify-content:space-between;height:58px;padding:0 16px;background:#18181b;color:#ffd12a;box-shadow:0 5px 16px rgba(0,0,0,.2)}
    .admin-mobile-header strong{font-size:17px}.admin-menu-toggle{width:42px;height:42px;display:grid;place-items:center;border:1px solid #5f501f;border-radius:8px;background:#facc15;color:#18181b}.admin-menu-toggle svg{width:23px;height:23px}
    .admin-nav{position:fixed;top:0;bottom:0;left:0;z-index:100;width:min(286px,84vw);display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:72px 14px 18px;overflow-y:auto;transform:translateX(-105%);transition:transform .22s ease;box-shadow:12px 0 30px rgba(0,0,0,.28)}
    .admin-nav.is-open{transform:translateX(0)}.admin-nav .brand{flex:0 0 auto;margin-bottom:12px;padding:10px 12px}.admin-nav>a:not(.brand){flex:0 0 auto;padding:14px 12px;border-radius:8px}.admin-nav>a:not(.brand).active{background:#facc15;color:#18181b}.admin-menu-close{display:grid;place-items:center;position:absolute;top:16px;right:14px;width:38px;height:38px;border:1px solid #5f501f;border-radius:8px;background:#2a292d;color:#fff}.admin-menu-close svg{width:21px}.admin-sidebar-backdrop{position:fixed;inset:0;z-index:90;background:rgba(15,13,8,.52)}.admin-menu-open .admin-sidebar-backdrop{display:block}.admin-main{padding-top:16px}
}

/* Premium gold visual polish */
:root{--yellow:#ffc400;--yellow-deep:#d97900;--gold-hi:#ffe977;--gold:#ffbd00;--gold-deep:#cf7200;--gold-ink:#332000;--bg:#fff6df;--shadow:0 14px 32px rgba(126,78,0,.18)}
html{background:#ead9b2}
body,.app-shell{background:radial-gradient(circle at 12% 8%,rgba(255,214,66,.18),transparent 25%),radial-gradient(circle at 92% 35%,rgba(235,143,0,.10),transparent 24%),linear-gradient(180deg,#fffaf0 0%,#fff3d8 48%,#f8ecd2 100%)}
.topbar{background:linear-gradient(135deg,#ffd52e 0%,#f5ad00 47%,#d87d00 100%);border-bottom:1px solid rgba(119,65,0,.28);box-shadow:0 7px 20px rgba(119,68,0,.30),inset 0 1px 0 rgba(255,255,255,.55);color:#261700}
.topbar .icon-btn,.topbar h1{color:#261700}
.home-head{background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,249,232,.75));border-bottom:1px solid rgba(221,157,0,.14)}
.brand-avatar{border:1px solid rgba(255,191,0,.55);box-shadow:0 4px 12px rgba(167,98,0,.25),0 0 0 3px rgba(255,213,42,.10)}
.balance-pill{color:#2b1b00;border-color:#e5a500;background:linear-gradient(145deg,#fffdf5,#fff1bb);box-shadow:0 5px 14px rgba(126,77,0,.18),inset 0 1px 0 #fff}
.hero{border:1px solid rgba(233,164,0,.55);box-shadow:0 13px 28px rgba(101,63,0,.24),0 0 0 3px rgba(255,203,27,.08)}
.hero img{filter:saturate(1.13) contrast(1.05)}
.quick-icon{filter:saturate(1.2) contrast(1.05) drop-shadow(0 5px 6px rgba(143,82,0,.28));transition:transform .22s ease,filter .22s ease}
.quick-item:active .quick-icon{transform:translateY(2px) scale(.94)}
.quick-item span{color:#2b210f;font-weight:700}
.segmented{padding:2px;background:linear-gradient(180deg,#f5ead1,#ead8b2);border:1px solid rgba(199,127,0,.22);box-shadow:inset 0 1px 3px rgba(104,61,0,.10),0 5px 13px rgba(94,61,0,.10)}
.segmented a{color:#48381e}
.segmented a.active{color:#2a1900;background:linear-gradient(135deg,#ffe159 0%,#ffba00 48%,#dd8300 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.68),0 5px 13px rgba(160,91,0,.28)}
.product-card,.panel,.list,.profile-menu{background:linear-gradient(150deg,#fff 0%,#fffdf6 68%,#fff6dd 100%);border:1px solid rgba(222,155,0,.28);box-shadow:0 11px 27px rgba(102,66,0,.15),inset 0 1px 0 #fff}
.product-card{transition:transform .22s ease,box-shadow .22s ease;overflow:hidden}
.product-card:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(105,65,0,.21),inset 0 1px 0 #fff}
.product-card h3{color:#211700}
.product-card img{border:1px solid rgba(230,163,0,.24);box-shadow:0 7px 17px rgba(80,52,0,.16)}
.product-card .price{color:#291900;background:linear-gradient(135deg,#ffe159 0%,#ffb600 45%,#d97b00 100%);box-shadow:-5px 5px 15px rgba(140,79,0,.22),inset 0 1px 0 rgba(255,255,255,.55)}
.product-meta dt{color:#67583e}.product-meta dd{color:#9c5b00;font-weight:800}
.btn-primary,.product-card .btn,.amount-choice.active,.tab.active,.team-tab.active{color:#281800;border-color:#ce7600;background:linear-gradient(120deg,#ffe35c 0%,#ffc000 34%,#ed9700 70%,#d57400 100%);background-size:180% 100%;box-shadow:0 8px 19px rgba(157,89,0,.30),inset 0 1px 0 rgba(255,255,255,.72);text-shadow:0 1px 0 rgba(255,255,255,.32);animation:premium-gold-flow 5s ease-in-out infinite}
.btn-primary:hover,.product-card .btn:hover{background-position:100% 0;box-shadow:0 10px 23px rgba(142,78,0,.38),inset 0 1px 0 rgba(255,255,255,.75)}
.amount-card{background:linear-gradient(135deg,#28272d 0%,#18171d 70%,#07070a 100%);border:1px solid rgba(255,195,0,.42);box-shadow:0 11px 25px rgba(54,34,0,.25),inset 0 1px 0 rgba(255,255,255,.08)}
.amount-card:after{background:linear-gradient(145deg,#ffe04e,#ffb700 56%,#df7700)}
.profile-gold-card{background:linear-gradient(135deg,#ffe05a 0%,#f7ad00 44%,#cf7200 100%);border:1px solid #ca7100;box-shadow:0 14px 29px rgba(123,70,0,.29),inset 0 1px 0 rgba(255,255,255,.6)}
.bottom-nav{background:rgba(255,253,247,.96);border-top:1px solid rgba(224,156,0,.35);box-shadow:0 -7px 22px rgba(94,61,0,.14);backdrop-filter:blur(10px)}
.bottom-nav a.active{color:#a75e00;font-weight:800}.bottom-nav a.active img{filter:saturate(1.25) contrast(1.06) drop-shadow(0 4px 5px rgba(156,87,0,.3))}
.admin-stat,.metric-card{border-color:rgba(225,155,0,.35);background:linear-gradient(145deg,#fff,#fff7de);box-shadow:0 9px 22px rgba(104,65,0,.14)}
@keyframes premium-gold-flow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.btn-primary,.product-card .btn,.amount-choice.active,.tab.active,.team-tab.active{animation:none}.product-card,.quick-icon{transition:none}}

/* Password visibility control */
.password-toggle{width:42px;height:42px;flex:0 0 42px;margin-right:-8px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:#8a6200;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}
.password-toggle:hover,.password-toggle:focus-visible{background:#fff1bd;color:#b56a00;outline:2px solid rgba(226,145,0,.28);outline-offset:1px}
.password-toggle:active{transform:scale(.92)}
.password-toggle svg{grid-area:1/1;width:21px;height:21px;margin:0;stroke-width:2.1}
.password-toggle .password-eye-hide{display:none}
.password-toggle.is-visible .password-eye-show{display:none}
.password-toggle.is-visible .password-eye-hide{display:block}

/* Home welcome announcement */
body.modal-open{overflow:hidden}
.modal-backdrop[data-announcement]{padding:18px;background:rgba(20,13,2,.72);backdrop-filter:blur(5px);opacity:0;transition:opacity .18s ease}
.modal-backdrop[data-announcement].is-open{opacity:1}
.welcome-modal{width:min(465px,100%);max-height:calc(100vh - 36px);overflow:auto;border:1px solid rgba(255,204,44,.8);border-radius:20px;background:#fffdf7;box-shadow:0 25px 65px rgba(20,12,0,.46);transform:translateY(18px) scale(.96);transition:transform .24s cubic-bezier(.2,.8,.2,1)}
.modal-backdrop.is-open .welcome-modal{transform:translateY(0) scale(1)}
.welcome-modal-head{min-height:76px;padding:16px 17px 16px 20px;background:linear-gradient(125deg,#ffe055 0%,#ffb800 45%,#dc7b00 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.68),0 5px 16px rgba(127,72,0,.24)}
.welcome-modal-head h2{display:flex;align-items:center;gap:10px;color:#2b1900;font-size:18px;line-height:1.25;text-align:left}
.welcome-modal-head h2 svg{flex:0 0 auto;width:25px;height:25px}
.welcome-close{flex:0 0 auto;border-radius:50%;color:#fff;background:rgba(91,49,0,.34)}
.welcome-close:hover{background:rgba(91,49,0,.52)}
.welcome-close svg{width:23px;height:23px}
.welcome-modal-body{padding:23px 21px 22px;color:#302719}
.welcome-logo{width:72px;height:72px;display:block;margin:-3px auto 9px;border-radius:50%;filter:drop-shadow(0 6px 8px rgba(143,82,0,.3))}
.welcome-modal-body h3{margin:0 0 12px;color:#8b5000;font-size:20px;letter-spacing:.5px}
.welcome-message{margin:0 auto 19px;max-width:370px;color:#4a4132;font-size:15px;line-height:1.7}
.welcome-limits{margin:0 0 20px;padding:4px 15px;border:1px solid rgba(226,155,0,.28);border-radius:13px;background:linear-gradient(145deg,#fff9e6,#fff2c2)}
.welcome-limits p{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:7px;margin:0;padding:12px 0;text-align:left;border-bottom:1px solid rgba(174,111,0,.16)}
.welcome-limits p:last-child{border-bottom:0}
.welcome-limits svg{width:21px;height:21px;color:#c37500}
.welcome-limits span{font-size:13px;color:#655534}.welcome-limits strong{color:#6e4000;font-size:14px}
.welcome-referrals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 18px}.welcome-referrals>div{padding:10px 5px;text-align:center;border:1px solid #f0d477;border-radius:10px;background:linear-gradient(145deg,#fff9df,#fff1be)}.welcome-referrals span,.welcome-referrals strong,.welcome-referrals small{display:block}.welcome-referrals span{color:#806033;font-size:11px;font-weight:700}.welcome-referrals strong{margin:3px 0;color:#b47700;font-size:18px}.welcome-referrals small{color:#8a806f;font-size:9px;line-height:1.2}
.welcome-action{min-height:54px;border-radius:10px;font-size:15px}
.welcome-action svg{width:20px;height:20px}
@media(max-width:390px){.welcome-modal-head{min-height:68px}.welcome-modal-head h2{font-size:16px}.welcome-modal-body{padding:19px 16px}.welcome-logo{width:62px;height:62px}.welcome-message{font-size:14px}.welcome-limits{padding:3px 11px}.welcome-referrals{gap:5px}.welcome-referrals>div{padding-left:2px;padding-right:2px}.welcome-referrals strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.modal-backdrop[data-announcement],.welcome-modal{transition:none}}

/* Keep the home dashboard compact on narrow phones. */
@media(max-width:600px){
    .app-shell{padding-bottom:72px}
    .home-head{padding:9px 12px 7px}
    .home-brand{gap:8px}
    .home-brand .brand-logo{width:32px;height:32px}
    .home-brand b{font-size:16px}
    .home-brand small{font-size:10px}
    .balance-pill{padding:8px 10px;font-size:13px}
    .hero{margin:4px 12px 12px;border-radius:10px}
    .hero img{height:176px}
    .hero-copy{padding:10px 13px}
    .hero-copy h2{font-size:18px;line-height:1.1}
    .hero-copy p{margin-top:4px;font-size:11px;line-height:1.25}
    .quick-grid{padding:0 10px 12px;gap:2px}
    .quick-icon{width:42px;height:42px;margin-bottom:3px}
    .quick-link{font-size:10px}
    .segmented{margin:0 12px 12px}
    .segmented span,.home-tabs button{padding:10px 6px;font-size:13px}
    .product-grid{gap:11px;padding:0 12px}
    .product-card{padding:0 10px 10px;border-radius:8px}
    .product-card .product-title{height:45px;margin-right:-10px;gap:6px}
    .product-card .product-title h3{font-size:16px}
    .product-card .price{min-width:126px;padding:0 8px 0 20px;font-size:12px}
    .product-body{grid-template-columns:minmax(0,1fr) minmax(112px,.8fr);gap:8px;padding-bottom:9px}
    .product-card .product-body>img{height:112px;border-radius:7px}
    .product-card .product-meta{gap:7px;font-size:11px}
    .product-card .btn{min-height:40px;font-size:14px}
    .bottom-nav{height:67px;padding:3px 6px 2px}
    .bottom-nav a{font-size:9px}
    .bottom-nav a img{width:36px;height:36px}
}

/* Recharge and withdrawal history */
.profile-menu-icon.recharge-history-icon{background:#fff0b8;color:#a86100}
.profile-menu-icon.withdrawal-history-icon{background:#ffe4d6;color:#b64b12}
.transaction-history-page{padding-bottom:24px}
.transaction-history-list{display:grid;gap:12px}
.transaction-history-card{display:flex;align-items:flex-start;gap:13px;padding:16px;border:1px solid rgba(220,151,0,.26);border-radius:13px;background:linear-gradient(145deg,#fff,#fff9e9);box-shadow:0 8px 21px rgba(96,61,0,.12)}
.transaction-history-icon{width:46px;height:46px;flex:0 0 46px;border-radius:13px;display:grid;place-items:center}
.transaction-history-icon svg{width:23px;height:23px}
.transaction-history-icon.recharge{color:#966000;background:linear-gradient(145deg,#ffe978,#ffc21a);box-shadow:0 5px 12px rgba(174,104,0,.22)}
.transaction-history-icon.withdrawal{color:#9a3f10;background:linear-gradient(145deg,#ffe2c2,#ffb56f);box-shadow:0 5px 12px rgba(171,68,0,.18)}
.transaction-history-main{min-width:0;flex:1}
.transaction-history-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
.transaction-history-title strong{font-size:18px;color:#302000}
.transaction-history-main>p{margin:5px 0 10px;overflow-wrap:anywhere;color:#82745d;font-size:11px}
.transaction-history-meta{display:flex;flex-wrap:wrap;gap:7px 13px;color:#71644f;font-size:11px}
.transaction-history-meta span{display:inline-flex;align-items:center;gap:5px}.transaction-history-meta svg{width:14px;height:14px;color:#b77700}
.transaction-amount-breakdown{display:flex;gap:18px;margin:0 0 10px;color:#77684e;font-size:12px}.transaction-amount-breakdown b{color:#493000}
.transaction-history-card .status{flex:0 0 auto;text-transform:none}
.transaction-history-card .status.pending{background:#fff1bd;color:#9a5b00}
.transaction-history-card .status.success{background:#dcfce7;color:#15803d}
.transaction-history-card .status.rejected{background:#fee2e2;color:#b91c1c}
.history-empty{margin-top:35px;padding:48px 22px;text-align:center;border:1px solid rgba(220,151,0,.24);border-radius:16px;background:linear-gradient(145deg,#fff,#fff7df);box-shadow:0 10px 25px rgba(96,61,0,.10)}
.history-empty>span{width:72px;height:72px;margin:0 auto 15px;border-radius:50%;display:grid;place-items:center;color:#9c6200;background:linear-gradient(145deg,#ffe673,#ffbd12);box-shadow:0 8px 20px rgba(161,94,0,.22)}
.history-empty svg{width:34px;height:34px}.history-empty h2{margin:0 0 6px;font-size:19px}.history-empty p{margin:0;color:#81745e;font-size:13px}

/* Admin user impersonation */
.admin-user-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.admin-user-row-actions form{margin:0}
.admin-login-user-btn{background:linear-gradient(135deg,#28272d,#111);color:#ffd43d;border:1px solid #b97800;box-shadow:0 5px 12px rgba(49,30,0,.2)}
.admin-login-user-btn:hover{background:linear-gradient(135deg,#3a3425,#17130a)}
.admin-login-user-btn svg{width:16px;height:16px}
.admin-login-user-btn:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}
.admin-user-extra form{margin:14px 0 9px}.admin-user-extra>a.btn{margin-top:0}

/* Home product and collection tabs */
.home-tabs button{position:relative;min-width:0;padding:14px 8px;border:0;background:transparent;color:#49391d;font:inherit;font-weight:800;cursor:pointer}
.home-tabs button.active{color:#2a1900;background:linear-gradient(135deg,#ffe159 0%,#ffba00 48%,#dd8300 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.68),0 5px 13px rgba(160,91,0,.28)}
.home-tabs button b{min-width:20px;height:20px;margin-left:6px;padding:0 6px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#3b2600;color:#ffd748;font-size:11px}
[data-home-panel][hidden]{display:none!important}
.collection-card .product-title{margin-right:0;border-bottom:1px solid rgba(207,137,0,.17)}
.collection-card .collection-status{margin-right:0;font-size:11px}
.collection-card .product-meta{gap:10px}
.collection-footer{min-height:47px;padding:11px 12px;display:flex;align-items:center;gap:8px;border-radius:7px;background:linear-gradient(145deg,#fff5d3,#ffe6a0);color:#70562b;font-size:11px}
.collection-footer svg{width:17px;height:17px;color:#a86700}
.collection-empty{margin:18px 16px;padding:42px 20px;text-align:center;border:1px solid rgba(220,151,0,.28);border-radius:14px;background:linear-gradient(145deg,#fff,#fff6d9);box-shadow:0 10px 25px rgba(96,61,0,.12)}
.collection-empty>span{width:70px;height:70px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;color:#8c5700;background:linear-gradient(145deg,#ffe56d,#ffba00);box-shadow:0 8px 19px rgba(154,88,0,.23)}
.collection-empty>span svg{width:34px;height:34px}.collection-empty h2{margin:0 0 7px;font-size:19px}.collection-empty p{margin:0 0 18px;color:#796b52;font-size:13px}.collection-empty .btn{min-height:46px}