/* ELVORA luxury brown 3D Soft UI layer. Loaded after legacy page styles. */
:root{
 --el-bg:#eee7e1;--el-bg-2:#e5dbd3;--el-surface:#f8f3ef;--el-surface-2:#efe4dc;
 --el-ink:#241915;--el-muted:#85756d;--el-line:rgba(91,56,40,.13);
 --el-coffee:#2b1917;--el-brown:#5b3428;--el-caramel:#9b603c;--el-gold:#c9a45b;--el-gold-light:#ead89f;
 --el-grad:linear-gradient(145deg,#3a211c 0%,#714332 52%,#a46b43 100%);
 --el-grad-dark:linear-gradient(145deg,#17100f,#3b221d 58%,#6f4130);
 --el-grad-gold:linear-gradient(145deg,#f0dda4,#c39a4c 55%,#8d622a);
 --el-raised:10px 10px 22px rgba(79,48,35,.18),-8px -8px 18px rgba(255,255,255,.82),inset 1px 1px 0 rgba(255,255,255,.88);
 --el-soft:6px 7px 17px rgba(76,45,32,.14),-5px -5px 13px rgba(255,255,255,.76),inset 1px 1px 0 rgba(255,255,255,.72);
 --el-pressed:inset 4px 4px 9px rgba(76,43,29,.16),inset -4px -4px 9px rgba(255,255,255,.78);
 --el-button:0 10px 17px rgba(67,35,25,.28),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -3px 0 rgba(20,10,8,.2);
 --bp-cream:#eadfd8;--bp-bg:var(--el-bg);--bp-paper:var(--el-surface);
 --bp-orange:var(--el-caramel);--bp-orange-dark:var(--el-coffee);--bp-orange-light:var(--el-gold);
 --bp-ink:var(--el-ink);--bp-muted:var(--el-muted);--bp-line:rgba(91,56,40,.16)
}
html,body{background:linear-gradient(145deg,var(--el-bg),#f7f2ed)!important;color:var(--el-ink)!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important}
body{min-height:100vh}
a,button,input,select,textarea{font-family:inherit}
.shell{background:linear-gradient(145deg,var(--el-bg),#f7f2ed)!important}
.main{background:transparent!important}
.panel,.card,.stat,.plan,.record-card,.recharge-box,.recharge-history,.withdraw-main-box,.withdraw-bank-details,.bind-bank-form,.ticket-create,.ticket-thread,.ticket-list>a,.collection-card,.support-agent-card,.support-channel-card,.reference-profile-card,.reference-profile-menu,.reference-profile-edit{
 border:1px solid rgba(255,255,255,.72)!important;border-radius:20px!important;background:linear-gradient(145deg,#fbf7f3,#eee4dd)!important;box-shadow:var(--el-raised)!important
}
.btn,button[type="submit"],input[type="submit"],.recharge-pay-button,.withdraw-submit,.share-now,.info-primary-link{
 border:0!important;border-radius:16px!important;background:var(--el-grad)!important;color:#fff!important;box-shadow:var(--el-button)!important;font-weight:800!important;letter-spacing:.01em
}
.btn:hover,button[type="submit"]:hover,.recharge-pay-button:hover,.withdraw-submit:hover{filter:brightness(1.06);transform:translateY(-1px)}
.field input,.field select,.field textarea,input[type="text"],input[type="tel"],input[type="password"],input[type="number"],select,textarea{
 border:1px solid rgba(114,76,57,.12)!important;border-radius:15px!important;background:#f2e9e3!important;color:var(--el-ink)!important;box-shadow:var(--el-pressed)!important
}
.field input:focus,.field select:focus,.field textarea:focus,input:focus,select:focus,textarea:focus{border-color:rgba(155,96,60,.42)!important;box-shadow:inset 3px 3px 8px rgba(76,43,29,.12),inset -3px -3px 8px rgba(255,255,255,.8),0 0 0 3px rgba(155,96,60,.12)!important;outline:0}
.notice,.notice-bar{border:1px solid rgba(201,164,91,.26)!important;border-radius:14px!important;background:#f3e8dc!important;color:#6e422e!important;box-shadow:var(--el-soft)!important}

/* Shared top bars and customer page headers */
.topbar,.shared-user-header,.app-page-header,.transaction-page-head,.recharge-v2-head,.withdraw-page-head,.share-v2-head,.team-v2-head,.team-detail-head,.reference-page-head,.personal-info-hero,.password-page-head,.bind-bank-head,.support-v2-head,.tickets-v2-head,.collections-v2-head{
 border:0!important;background:var(--el-grad-dark)!important;color:#fff!important;box-shadow:0 7px 18px rgba(31,17,14,.3)!important
}
.topbar{border-bottom:1px solid rgba(234,216,159,.28)!important}
.brand-logo{width:118px!important;height:42px!important;object-fit:contain!important}
.top-user .avatar{background:var(--el-grad-gold)!important;color:var(--el-coffee)!important;box-shadow:var(--el-soft)!important}
.top-user,.top-user .logout{color:#f6e9db!important}
.reference-page-head h1,.transaction-page-head h1,.recharge-v2-head h1,.withdraw-page-head h1,.share-v2-head h1,.team-v2-head h1,.support-v2-head h1,.tickets-v2-head h1,.collections-v2-head h1{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.2)}

/* Mobile bottom navigation */
body:has(.mobile-nav) .mobile-nav{
 border:1px solid rgba(255,255,255,.74)!important;border-bottom:0!important;border-radius:24px 24px 0 0!important;
 background:rgba(248,243,239,.92)!important;box-shadow:0 -10px 28px rgba(67,40,29,.2),inset 0 1px 0 #fff!important;
 -webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important
}
body:has(.mobile-nav) .mobile-nav a{color:#a5968e!important}
body:has(.mobile-nav) .mobile-nav a.active{color:var(--el-caramel)!important}
body:has(.mobile-nav) .mobile-nav a.active svg{background:var(--el-grad)!important;color:#fff!important;filter:drop-shadow(0 6px 6px rgba(70,39,29,.3))!important}
body:has(.mobile-nav) .mobile-nav a.active:after{background:linear-gradient(90deg,var(--el-gold),var(--el-caramel))!important}

/* Home */
body.home-screen,body.home-screen .shell,body.home-screen .main.dashboard-main{background:linear-gradient(145deg,var(--el-bg),#f8f3ef)!important}
.home-screen .maxxis-hero{border-radius:22px!important;background:var(--el-coffee)!important;box-shadow:var(--el-raised)!important}
.home-screen .hero-poster-slider{border-radius:20px!important;background:var(--el-coffee)!important}
.home-screen .hero-poster{object-fit:cover!important}
.home-screen .hero-poster-dots i{background:rgba(255,255,255,.45)!important}.home-screen .hero-poster-dots i.active{background:var(--el-gold)!important}
.home-screen .reference-quick-actions{border:1px solid rgba(255,255,255,.74)!important;border-radius:20px!important;background:linear-gradient(145deg,#fbf7f3,#e9ded6)!important;box-shadow:var(--el-raised)!important}
.home-screen .reference-quick-actions .quick{border-radius:16px!important;background:linear-gradient(145deg,#faf5f1,#e8ddd5)!important;box-shadow:var(--el-soft)!important}
.home-screen .reference-quick-actions .action-icon{background:var(--el-grad)!important;color:#fff!important;box-shadow:var(--el-button)!important}
.home-screen .reference-quick-actions .quick:nth-child(2) .action-icon,.home-screen .reference-quick-actions .quick:nth-child(4) .action-icon{background:var(--el-grad-gold)!important;color:var(--el-coffee)!important}
.home-screen .reference-quick-actions .quick>span{color:var(--el-ink)!important;font-weight:800!important}
.home-income-tabs{border:1px solid rgba(255,255,255,.78)!important;border-radius:18px!important;background:linear-gradient(145deg,#f8f2ed,#e8ddd5)!important;box-shadow:var(--el-soft)!important}
.home-income-tabs button{border-radius:13px!important;color:var(--el-brown)!important}
.home-income-tabs button.active{background:var(--el-grad)!important;color:#fff!important;box-shadow:var(--el-button)!important}
.home-screen .compact-product{overflow:hidden!important;border:1px solid rgba(255,255,255,.82)!important;border-radius:24px!important;background:linear-gradient(145deg,#fffaf6,#eadfd7)!important;box-shadow:var(--el-raised)!important}
.home-screen .compact-product .product-image{border-radius:17px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),0 8px 17px rgba(61,32,23,.2)!important}
.home-screen .compact-product .product-image:after{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,transparent 48%,rgba(28,15,12,.58));content:"";pointer-events:none}
.home-screen .compact-product .product-image h3,.home-screen .compact-product .product-image>span{z-index:2}
.home-screen .product-metric{border:1px solid rgba(255,255,255,.8)!important;border-radius:14px!important;background:linear-gradient(145deg,#f7eee8,#e3d5cc)!important;box-shadow:var(--el-soft)!important}
.home-screen .product-metric b{color:var(--el-brown)!important}.home-screen .compact-buy .btn{min-height:48px!important;border-radius:16px!important;background:var(--el-grad)!important;box-shadow:var(--el-button)!important}
.free-requirement-card{border-radius:24px!important;background:var(--el-surface)!important;box-shadow:0 25px 70px rgba(32,17,13,.34)!important}

/* Login and registration */
body:has(.login-page),body:has(.signup-page){background:radial-gradient(circle at 15% 8%,rgba(201,164,91,.28),transparent 28%),linear-gradient(145deg,#1a100e,#5b3428)!important}
body:has(.login-page) .main-auth,body:has(.signup-page) .main-auth{background:transparent!important}
body:has(.login-page) .login-page,body:has(.signup-page) .signup-page{overflow:hidden!important;border:1px solid rgba(255,255,255,.32)!important;border-radius:28px!important;background:var(--el-surface)!important;box-shadow:0 30px 80px rgba(13,7,6,.42)!important}
.reference-login-brand-panel,.signup-brand-panel{background:var(--el-coffee)!important}
.reference-login-brand-panel:after,.signup-brand-panel:after{background:linear-gradient(180deg,transparent 40%,rgba(43,25,23,.15) 58%,rgba(43,25,23,.84) 100%)!important}
.login-brand-logo,.signup-brand-logo{border:5px solid rgba(255,255,255,.9)!important;background:var(--el-coffee)!important;box-shadow:0 12px 26px rgba(27,14,11,.48)!important}
.reference-login-page .login-card,.signup-page .signup-card{background:linear-gradient(145deg,#fbf7f3,#eee4dd)!important}
.reference-login-page .auth-heading h2,.signup-page .auth-heading h2{color:var(--el-coffee)!important}
.reference-login-page .login-card input,.signup-page .signup-card input{border:1px solid rgba(110,69,49,.12)!important;border-radius:18px!important;background:#f0e6df!important;box-shadow:var(--el-pressed)!important}
.reference-login-page .auth-submit,.signup-page .signup-submit{border-radius:18px!important;background:var(--el-grad)!important;box-shadow:var(--el-button)!important}
.reference-login-page a,.signup-page a{color:var(--el-caramel)!important}

/* Recharge and withdraw */
body:has(.recharge-v2-page),body:has(.reference-withdraw-page){background:linear-gradient(145deg,var(--el-bg),#f8f3ef)!important}
.recharge-v2-page .recharge-v2-body,.reference-withdraw-page{background:transparent!important}
.wallet-switch{padding:7px!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:22px!important;background:linear-gradient(145deg,#f8f2ed,#e8ddd5)!important;box-shadow:var(--el-raised)!important}
.wallet-switch a{border-radius:16px!important;background:transparent!important;color:var(--el-muted)!important;box-shadow:none!important}
.wallet-switch a.active{background:var(--el-grad)!important;color:#fff!important;box-shadow:var(--el-button)!important}
.recharge-v2-page .recharge-box,.reference-withdraw-page .withdraw-main-box,.reference-withdraw-page .withdraw-bank-details,.reference-withdraw-page .withdraw-instructions{border-radius:22px!important;background:linear-gradient(145deg,#fcf8f4,#eadfd7)!important;box-shadow:var(--el-raised)!important}
.recharge-v2-page .amount-chips button{border:1px solid rgba(255,255,255,.78)!important;border-radius:15px!important;background:linear-gradient(145deg,#f8f2ed,#e6d9d0)!important;color:var(--el-brown)!important;box-shadow:var(--el-soft)!important}
.recharge-v2-page .amount-chips button.selected{background:var(--el-grad)!important;color:#fff!important;box-shadow:var(--el-button)!important}
.recharge-v2-page .selected-amount>div,.reference-withdraw-page .withdraw-box>.withdraw-amount-row,.reference-withdraw-page .withdraw-box>.withdraw-password-row{border-radius:17px!important;background:#eee2da!important;box-shadow:var(--el-pressed)!important}
.recharge-v2-page .payment-channel .payment-channel-options .channel-option{border:1px solid rgba(255,255,255,.78)!important;border-radius:16px!important;background:linear-gradient(145deg,#f8f2ed,#e7dbd2)!important;box-shadow:var(--el-soft)!important}
.recharge-v2-page .payment-channel .payment-channel-options .channel-option.selected{background:var(--el-grad)!important;color:#fff!important}
.recharge-v2-page .recharge-pay-button,.reference-withdraw-page .withdraw-submit{background:var(--el-grad)!important;box-shadow:var(--el-button)!important}
.reference-withdraw-page .withdraw-fee-reference{border:1px solid rgba(201,164,91,.38)!important;border-radius:17px!important;background:linear-gradient(145deg,#f6eadc,#e8d7ca)!important;color:var(--el-brown)!important;box-shadow:var(--el-soft)!important}
.reference-withdraw-page .withdraw-fee-reference b{border-bottom-color:rgba(155,96,60,.38)!important;color:var(--el-coffee)!important}

/* Team and share */
body:has(.reference-team-page),body:has(.share-page-clean){background:linear-gradient(145deg,var(--el-bg),#f8f3ef)!important}
.reference-team-page,.share-page-clean{background:transparent!important}
.reference-team-page>.team-v2-hero{overflow:hidden!important;background:var(--el-coffee)!important}
.reference-team-page>.team-v2-hero:after{background:linear-gradient(to bottom,transparent,rgba(238,231,225,.88),var(--el-bg))!important}
.reference-team-page .team-summary-cards>div{border:1px solid rgba(234,216,159,.3)!important;border-radius:18px!important;background:var(--el-grad)!important;box-shadow:var(--el-button)!important}
.reference-team-page .reference-level-tabs{border:1px solid rgba(255,255,255,.76)!important;border-radius:18px!important;background:linear-gradient(145deg,#eee3db,#ded0c6)!important;box-shadow:var(--el-raised)!important}
.reference-team-page .reference-level-tabs a{color:var(--el-muted)!important}.reference-team-page .reference-level-tabs a.active{border-radius:14px!important;background:var(--el-grad)!important;color:#fff!important;box-shadow:var(--el-button)!important}
.reference-team-page .team-reference-members{background:transparent!important}
.reference-team-page .team-reference-member{border:1px solid rgba(255,255,255,.75)!important;border-radius:19px!important;background:linear-gradient(145deg,#faf6f2,#e9ddd5)!important;box-shadow:var(--el-raised)!important}
.reference-team-page .team-reference-member img{border:3px solid var(--el-gold)!important;background:var(--el-coffee)!important;box-shadow:var(--el-soft)!important}
.share-page-clean>.share-reference-hero{background:var(--el-coffee)!important}.share-page-clean>.share-reference-hero:after{background:linear-gradient(180deg,transparent,var(--el-bg))!important}
.share-page-clean>.share-body{background:transparent!important}
.share-page-clean .share-reference-card,.share-page-clean .share-commission-note,.share-page-clean .share-levels>div{border:1px solid rgba(255,255,255,.76)!important;border-radius:20px!important;background:linear-gradient(145deg,#faf6f2,#e9ddd5)!important;box-shadow:var(--el-raised)!important}
.share-page-clean .copy-row{border-radius:15px!important;background:#eee3db!important;box-shadow:var(--el-pressed)!important}
.share-page-clean .copy-row span,.share-page-clean .share-commission-note{color:var(--el-brown)!important}.share-page-clean .copy-row button{background:var(--el-grad)!important;box-shadow:var(--el-button)!important}
.share-page-clean .share-levels b{background:var(--el-grad-gold)!important;color:var(--el-coffee)!important;box-shadow:var(--el-soft)!important}

/* Profile and account pages */
body:has(.reference-profile-page),body:has(.reference-profile-page) .shell,body:has(.reference-profile-page) .main,.reference-profile-page{background:linear-gradient(145deg,var(--el-bg),#f8f3ef)!important}
.reference-profile-hero{background:var(--el-coffee)!important}.reference-profile-hero img{filter:sepia(.65) saturate(.75) brightness(.62)!important}
.reference-profile-logo{border-color:var(--el-gold-light)!important;background:var(--el-coffee)!important;box-shadow:0 12px 25px rgba(31,17,13,.38)!important}
.reference-profile-vip,.reference-profile-user span{background:var(--el-grad-gold)!important;color:var(--el-coffee)!important;box-shadow:var(--el-soft)!important}
.reference-profile-wallets{border:1px solid rgba(234,216,159,.3)!important;background:var(--el-grad)!important;box-shadow:var(--el-button)!important}
.reference-profile-menu a,.reference-profile-menu a.profile-logout{border:1px solid rgba(255,255,255,.76)!important;border-radius:18px!important;background:linear-gradient(145deg,#f9f4f0,#e8dcd4)!important;box-shadow:var(--el-soft)!important}
.reference-profile-menu i{border-radius:13px!important;background:linear-gradient(145deg,#f2e4d8,#dcc7b8)!important;color:var(--el-brown)!important;box-shadow:var(--el-soft)!important}
.reference-profile-menu span,.reference-profile-menu .profile-logout span{color:var(--el-ink)!important}
.reference-profile-menu strong{color:#a89589!important}
.personal-info-actions,.password-form-card,.bank-bind-card,.tickets-v2-page .ticket-create,.tickets-v2-page .ticket-list>a,.collections-v2-page .collection-card,.collections-v2-page .collection-empty{border:1px solid rgba(255,255,255,.76)!important;border-radius:20px!important;background:linear-gradient(145deg,#faf6f2,#e9ddd5)!important;box-shadow:var(--el-raised)!important}

/* Records, support, jobs and informational pages */
.transaction-balance-card,.collections-summary{background:var(--el-grad)!important;box-shadow:var(--el-button)!important}
.transaction-history-page .record-tabs{gap:9px!important}.transaction-history-page .record-tabs a{border:1px solid rgba(255,255,255,.76)!important;border-radius:15px!important;background:linear-gradient(145deg,#f8f2ed,#e7dbd2)!important;color:var(--el-brown)!important;box-shadow:var(--el-soft)!important}.transaction-history-page .record-tabs a.active{background:var(--el-grad)!important;color:#fff!important;box-shadow:var(--el-button)!important}
.transaction-history-page .record-card.reference-record-card,.recharge-v2-page .recharge-history .record-card.reference-record-card{border-color:var(--el-brown)!important;border-radius:20px!important;background:var(--el-brown)!important;box-shadow:var(--el-raised)!important}
.transaction-history-page .record-card-content,.recharge-v2-page .recharge-history .record-card-content{background:linear-gradient(145deg,#faf6f2,#e9ddd5)!important}
.transaction-history-page .record-brand-logo,.recharge-v2-page .recharge-history .record-brand-logo{border-right-color:var(--el-brown)!important;background:var(--el-coffee)!important}
.support-agent-card,.support-channel-card,.tickets-v2-page section,.jobs-intro,.job-progress-summary,.job-card,.about-brand-card,.download-app-card,.info-card,.info-list{border:1px solid rgba(255,255,255,.76)!important;border-radius:20px!important;background:linear-gradient(145deg,#faf6f2,#e9ddd5)!important;box-shadow:var(--el-raised)!important}
.support-channel-icon,.job-title-row a,.job-title-row button,.job-done{background:var(--el-grad)!important;color:#fff!important;box-shadow:var(--el-button)!important}
.job-meter,.collection-progress{background:#ddcec3!important;box-shadow:var(--el-pressed)!important}.job-meter i,.collection-progress i{background:linear-gradient(90deg,var(--el-gold),var(--el-caramel))!important}
.info-primary-link,.collections-v2-page .collection-empty a{background:var(--el-grad)!important;box-shadow:var(--el-button)!important}

/* Admin shares the same premium surface system without changing behavior. */
.admin-shell{background:linear-gradient(145deg,var(--el-bg),#f8f3ef)!important}
.admin-sidebar{border-right:1px solid rgba(255,255,255,.25)!important;background:var(--el-grad-dark)!important;box-shadow:8px 0 24px rgba(32,17,13,.25)!important}
.admin-sidebar .side-label,.admin-sidebar .side-foot{color:#bca99d!important}.admin-sidebar>a{border-radius:13px!important;color:#e7d9ce!important}.admin-sidebar>a:hover,.admin-sidebar>a.active,.admin-sidebar>a:first-of-type{background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(201,164,91,.12))!important;color:#fff!important;box-shadow:inset 1px 1px 0 rgba(255,255,255,.16)!important}
.admin-control-grid a,.admin-user-card,.admin-request,.admin-main .panel{border:1px solid rgba(255,255,255,.78)!important;border-radius:18px!important;background:linear-gradient(145deg,#fbf7f3,#e9ddd5)!important;box-shadow:var(--el-raised)!important}
.admin-control-grid b,.admin-wallets b,.admin-user-card summary{color:var(--el-caramel)!important}.admin-wallets span{background:#eaded5!important;color:var(--el-muted)!important;box-shadow:var(--el-pressed)!important}

/* Loading and overlays */
.global-loading-overlay{background:rgba(29,17,14,.5)!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important}.global-loading-box{border:1px solid rgba(255,255,255,.6)!important;border-radius:24px!important;background:rgba(248,243,239,.94)!important;box-shadow:0 24px 70px rgba(20,10,8,.35)!important}.global-loading-track i{background:linear-gradient(90deg,var(--el-gold),var(--el-brown))!important}

@media(max-width:650px){
 body:has(.login-page) .login-page,body:has(.signup-page) .signup-page{border-radius:0!important}
 .home-screen .reference-quick-actions{padding:9px 7px!important}
 .home-screen .reference-quick-actions .quick{box-shadow:4px 5px 12px rgba(76,45,32,.13),-3px -3px 9px rgba(255,255,255,.7)!important}
 .reference-profile-menu{gap:11px!important}
}
@media(min-width:651px){
 body:has(.mobile-nav) .shell{border-right:1px solid rgba(255,255,255,.65)!important;border-left:1px solid rgba(255,255,255,.65)!important;box-shadow:0 0 45px rgba(60,34,25,.18)!important}
}