.recharge-intro{position:relative;margin:12px 0 26px;padding-right:128px}
.switch-pill{position:absolute;right:16px;top:30px;padding:9px 12px;border-radius:999px;background:#f2f3f6;color:var(--primary);font-size:10px}
.method-list{margin-bottom:26px}.method-list .card{display:flex;align-items:center;gap:13px}.method-list h2,.method-list p{margin:0}
.selected-method{border:2px solid var(--primary)}.selected-method b{margin-left:auto;color:var(--primary)}
.amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.amount-grid span{padding:12px 5px;border:1px solid #cec5da;border-radius:6px;text-align:center;font-size:12px}.amount-grid span:first-child{border-color:var(--primary);background:#f3e8ff}
.warning{padding:12px;border-radius:7px;background:#fff4f4;color:var(--red);font-size:12px;line-height:1.5}
.order-tabs{display:flex;gap:12px;margin:20px 0 28px;overflow:auto}.order-tabs a{padding:14px 24px;border:1px solid var(--line);border-radius:9px;background:#fff;white-space:nowrap}.order-tabs .active{background:var(--purple);color:#fff;font-weight:800}
.insight-card{display:flex;gap:14px;margin-top:26px}
.guide-card{margin-top:26px;padding:25px 20px;border-radius:10px;background:linear-gradient(135deg,var(--purple-2),var(--primary));color:#fff}.guide-card b{font-size:30px}.guide-card p{color:#e8ddff;font-size:14px;line-height:1.6}.guide-card a{display:block;padding:12px;border-radius:7px;background:rgba(255,255,255,.2);text-align:center;font-weight:800}
.profile-head{padding:30px 0;text-align:center}.profile-avatar{display:grid;width:88px;height:88px;margin:0 auto 17px;place-items:center;border:4px solid #fff;border-radius:50%;background:linear-gradient(135deg,#c4b5fd,#6d28d9);color:#fff;font-size:36px;font-weight:800;box-shadow:0 0 0 2px #e2e8f0}.profile-head h1{margin-bottom:7px}.profile-head p{color:var(--muted);font-size:14px;letter-spacing:.08em}
.profile-balance{margin-bottom:22px;padding:30px}.profile-balance h1{font-size:30px}.profile-actions{display:flex;gap:12px;margin-top:27px}.profile-actions a{flex:1;padding:14px 7px;border-radius:8px;background:var(--primary);color:#fff;text-align:center;font-size:14px;font-weight:800}.profile-actions a+a{background:#e0e7ff;color:#4b5563}
.admin-chart{margin-top:24px;min-height:300px;padding:28px}.bars{display:flex;height:210px;align-items:end;gap:22px;padding:25px 10px 0}.bars i{display:block;flex:1;border-radius:7px 7px 0 0;background:linear-gradient(#e8def9 34%,var(--primary) 34%)}
.badge-inactive{background:#eef0f3;color:#64748b}.customer-task-list{max-width:880px;margin:0 auto}.customer-task-card{overflow:hidden;padding:0}.task-photo{display:block;width:100%;height:190px;object-fit:cover;background:#f3e8ff}.task-card-body{padding:18px}.task-card-body h2{margin-bottom:8px}.task-values{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:17px 0}.task-values span{padding:11px;border-radius:8px;background:#f7f4fc;color:#625d6b;font-size:11px}.task-values strong{display:block;margin-top:5px;color:#5300b7;font-size:17px}.task-submit{width:100%;padding:13px}.task-complete{display:flex;gap:8px;align-items:center;color:#047857;font-size:12px}.task-thumb,.admin-task-thumb{width:62px;height:44px;border-radius:7px;object-fit:cover;background:#f3e8ff}.admin-task-thumb{width:160px;height:90px}
@media(min-width:700px){.customer-task-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.task-photo{height:170px}}
.inject-panel{display:grid;gap:20px}.inject-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.inject-form button{min-height:44px}.customer-order-list{max-width:900px;margin:0 auto}.customer-order-card{overflow:hidden;padding:0}.order-card-top{display:flex;align-items:center;justify-content:space-between}.order-card-top .eyebrow{margin:0}.badge-cancelled{background:#fee2e2;color:#ba1a1a}
@media(min-width:700px){.customer-order-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.inject-form{grid-template-columns:1fr}}
.setup-card{max-width:620px;margin:22px auto}.bank-card{max-width:620px;margin:20px auto;padding:24px;border-radius:14px;background:linear-gradient(135deg,#5300b7,#772ce8);color:#fff;box-shadow:0 15px 35px rgba(83,0,183,.18)}.bank-card .eyebrow{color:#d7bfff}.bank-card h2{margin-bottom:24px}.bank-card strong{display:block;font-size:24px;letter-spacing:.12em}.bank-card span{display:block;margin-top:17px;color:#e8ddff}.withdraw-balance{max-width:620px;margin:20px auto;padding:23px;border-radius:12px;background:linear-gradient(135deg,#5300b7,#772ce8);color:#fff}.withdraw-balance .eyebrow{color:#d7bfff}.withdraw-balance h1{margin-bottom:10px;font-size:34px}.withdraw-balance a{font-size:13px;font-weight:800}.saved-bank{display:grid;gap:5px;margin:15px 0;padding:13px;border-radius:8px;background:#f7f4fc}.saved-bank span{color:#625d6b;font-size:13px}.withdrawal-row{display:flex;align-items:start;justify-content:space-between}.withdrawal-row small{display:block;margin-top:8px;color:#64748b;font-size:10px}.review-form{display:grid;gap:8px;min-width:190px}.search-form,.bank-edit-form{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:end}.admin-bank-row{display:grid;grid-template-columns:230px 1fr;gap:20px}.bank-edit-form{grid-template-columns:1fr 1fr 1fr auto}
@media(max-width:800px){.admin-bank-row,.bank-edit-form,.search-form{grid-template-columns:1fr}}
.credit-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px;padding:16px 18px;border:1px solid #ded3f3;border-left:5px solid var(--primary);border-radius:10px;background:#fbf9ff}.credit-bar strong{display:block;font-size:17px}.credit-bar span{padding:6px 10px;border-radius:999px;background:#ede9fe;color:#5b21b6;font-size:11px;font-weight:800}.credit-excellent{border-left-color:#059669}.credit-good{border-left-color:#6d28d9}.credit-normal{border-left-color:#d97706}.credit-low{border-left-color:#dc2626}.credit-admin-panel{max-width:760px}.share-card{margin-bottom:22px;padding:25px;border-radius:14px;background:linear-gradient(135deg,#5300b7,#772ce8);color:#fff}.share-card .eyebrow,.share-card p{color:#e8ddff}.share-card h1{margin:8px 0;font-size:32px}.copy-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:18px}.copy-row input{background:#fff;color:#334155}.share-meta{margin-top:18px}.share-meta div{padding:12px;border-radius:8px;background:rgba(255,255,255,.12)}.share-meta span,.share-meta strong{display:block}.share-meta span{margin-bottom:6px;color:#e8ddff;font-size:11px}.invite-edit-form{min-width:420px}
@media(max-width:700px){.credit-bar{align-items:start;flex-direction:column}.copy-row{grid-template-columns:1fr}.invite-edit-form{min-width:0}}
.customer-language{position:fixed;right:10px;top:60px;z-index:10}.language-switcher label{display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid var(--line);border-radius:999px;background:#fff;box-shadow:var(--shadow)}.language-switcher span{color:var(--primary);font-size:9px;font-weight:800}.language-switcher select{width:auto;padding:3px 18px 3px 5px;border:0;background:#fff;font-size:11px;outline:0}.withdraw-progress{max-width:620px;margin:18px auto}.progress-track{height:10px;overflow:hidden;margin:12px 0;border-radius:999px;background:#e8e2ef}.progress-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--purple-2))}.progress-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.withdraw-lock{border-left:5px solid var(--red)}.rtl{text-align:right}.rtl .activity b{margin-right:auto;margin-left:0}.rtl th,.rtl td{text-align:right}.rtl .customer-language{right:auto;left:10px}
.live-ticker{height:250px;overflow:hidden}.live-ticker-track{display:grid;gap:10px;animation:withdrawTicker 28s linear infinite}.live-ticker:hover .live-ticker-track{animation-play-state:paused}.package-progress{margin-bottom:15px}@keyframes withdrawTicker{0%{transform:translateY(20px)}100%{transform:translateY(-55%)}}@media(prefers-reduced-motion:reduce){.live-ticker-track{animation:none}}
.payment-qr{display:block;width:120px;height:120px;margin:10px 0;border-radius:8px;object-fit:cover}
.notice-stack{margin-bottom:24px}.partners{margin:26px 0}.partners h2{margin-bottom:14px;font-size:14px;letter-spacing:.08em}.partner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.partner-card{display:flex;min-height:78px;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow)}.partner-card i,.partner-card img{display:grid;width:35px;height:35px;flex:0 0 35px;place-items:center;border-radius:9px;background:#f3e8ff;color:var(--primary);font-style:normal;font-weight:900;object-fit:contain}.partner-card b{overflow:hidden;font-size:12px;text-overflow:ellipsis}
.task-center-banner{display:flex;min-height:165px;align-items:end;justify-content:space-between;margin-bottom:14px;padding:24px;border-radius:15px;background:linear-gradient(135deg,#5300b7,#8b5cf6);color:#fff;box-shadow:0 16px 35px rgba(83,0,183,.2)}.task-center-banner .eyebrow,.task-center-banner p{color:#e8ddff}.task-center-banner h1{margin:5px 0 8px;font-size:30px}.task-center-banner b{padding:10px;border-radius:999px;background:rgba(255,255,255,.18)}.task-center-summary,.task-center-stats{display:grid;gap:10px}.task-center-summary{grid-template-columns:1fr 1fr;margin-bottom:12px}.task-center-summary div{padding:5px}.task-center-summary span,.task-center-stats span{display:block;color:var(--muted);font-size:11px}.task-center-summary strong,.task-center-stats strong{display:block;margin-top:6px;color:var(--primary)}.task-center-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.task-center-stats .card{padding:14px}.take-orders{display:block;margin:17px 0;padding:15px;border-radius:9px;background:linear-gradient(90deg,#5300b7,#772ce8);color:#fff;text-align:center;font-weight:900}.task-center-notice{margin-top:18px}.promo-banner{margin:14px 0 6px;padding:25px;border-radius:13px;background:linear-gradient(135deg,#f3e8ff,#ddd6fe);color:#5300b7}.promo-banner p{margin-bottom:5px;font-size:12px}
@media(max-width:600px){.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-center-banner{min-height:145px;padding:18px}.task-center-banner h1{font-size:26px}.task-center-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.customer-back{display:inline-flex;align-items:center;gap:7px;margin:2px 0 12px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--primary);font-size:12px;font-weight:800}.customer-back span{font-size:17px;line-height:1}.maintenance-card{border-left:5px solid var(--primary);margin-top:2px}.maintenance-card h2{line-height:1.35}.telegram-button{display:block;margin-top:16px;padding:13px;border-radius:8px;background:#229ed9;color:#fff;text-align:center;font-weight:800}.rules-card h1{font-size:23px}.rules-content{color:var(--muted);font-size:14px;line-height:1.75;white-space:normal}.profile-photo{object-fit:cover}.profile-edit-card h2{margin:4px 0 0}.bank-card strong{overflow-wrap:anywhere}
@media(max-width:600px){.customer-main{padding:10px 10px 78px}.customer-topbar{height:50px;padding:0 11px}.customer-topbar .brand{font-size:17px}.bank-icon{font-size:20px}.customer-language{top:53px;right:7px}.card{padding:13px}.card h2{margin-bottom:7px;font-size:16px}.muted{font-size:13px;line-height:1.45}.section-title{margin:18px 0 9px}.section-title h2{font-size:16px}.stack{gap:9px}.hero{min-height:143px;padding:19px}.hero h1{font-size:26px}.hero-actions{right:19px;bottom:17px;left:19px}.hero-actions a{padding:10px 6px}.stat-grid,.quick-grid{margin-top:11px;gap:9px}.stat{min-height:94px;padding:13px}.stat-row{min-height:37px}.stat strong{font-size:18px}.tile-icon{width:34px;height:34px;font-size:17px}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-link{min-height:75px;padding:10px 3px;font-size:10px}.quick-link span{width:34px;height:34px;margin:0 auto 7px;font-size:18px}.live-ticker{height:195px}.partners{margin:18px 0 0;padding:17px 0}.partner-grid{gap:7px}.partner-card{min-height:59px;padding:8px}.partner-card i,.partner-card img{width:29px;height:29px;flex-basis:29px}.profile-head{padding:16px 0}.profile-avatar{width:68px;height:68px;margin-bottom:10px;font-size:28px}.profile-balance{margin-bottom:13px;padding:18px}.profile-balance h1{font-size:25px}.profile-actions{margin-top:16px}.profile-actions a{padding:11px 5px}.credit-bar{margin-bottom:12px;padding:12px}.bank-card{margin:8px auto 12px;padding:17px}.bank-card h2{margin-bottom:14px}.bank-card strong{font-size:19px}.bank-card span{margin-top:10px}.setup-card{margin:8px auto}.form-grid{gap:12px;margin-top:16px}.withdraw-balance{margin:6px auto 12px;padding:17px}.withdraw-balance h1{font-size:27px}.withdraw-progress{margin:10px auto}.order-tabs{gap:7px;margin:3px 0 12px}.order-tabs a{padding:10px 15px;font-size:12px}.task-photo{height:145px}.task-card-body{padding:13px}.task-values{margin:11px 0}.task-values span{padding:9px}.task-values strong{font-size:15px}.task-center-banner{min-height:125px;margin-bottom:9px;padding:15px}.task-center-banner h1{font-size:23px}.task-center-summary,.task-center-stats{gap:7px}.task-center-summary{margin-bottom:8px}.task-center-stats{margin-bottom:9px}.task-center-stats .card{padding:10px}.package-progress{margin-bottom:9px}.take-orders{margin:11px 0;padding:13px}.task-center-notice{margin-top:11px}.promo-banner{margin:9px 0;padding:17px}.bottom-nav{padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom))}.bottom-nav a{gap:2px}.bottom-nav span{font-size:17px}}
.task-view-link{display:block;color:#fff;text-align:center}.order-detail-card{max-width:680px;margin:0 auto;overflow:hidden;padding:0}.order-detail-card h1{font-size:22px}.detail-photo{height:220px}.detail-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.detail-values span{padding:10px;border-radius:8px;background:#f7f4fc;color:var(--muted);font-size:11px}.detail-values strong{display:block;margin-top:5px;color:var(--primary);font-size:15px}.detail-time{color:var(--muted);font-size:11px}.auth-card{width:min(100%,520px)}@media(max-width:600px){.task-center-summary{display:none}.task-center-notice,.promo-banner{padding:12px}.task-center-notice h2,.promo-banner h2{font-size:15px}.detail-photo{height:165px}.order-detail-card h1{font-size:19px}.auth-card{margin-top:68px;padding:25px 21px}.auth-card h1:before{width:52px;height:52px;margin-bottom:17px}}
.store-icon{position:relative;display:inline-block;width:34px;height:34px;flex:0 0 34px;border-radius:9px;background:var(--primary)}.store-icon:before{position:absolute;top:7px;right:6px;left:6px;height:6px;border-top:3px solid #fff;border-bottom:2px solid #fff;content:""}.store-icon:after{position:absolute;right:8px;bottom:6px;left:8px;height:11px;border:2px solid #fff;border-radius:1px;content:""}.store-icon i{position:absolute;right:10px;bottom:6px;width:4px;height:8px;background:#fff}.account-card{max-width:620px}.task-view-link{padding:12px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--purple-2));font-weight:900}.customer-order-card{overflow:hidden}.customer-order-card .task-card-body{padding:14px}@media(max-width:600px){.customer-main{padding-bottom:88px}.bottom-nav{padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.bottom-nav a{min-width:56px;gap:3px;font-size:11px;font-weight:700}.bottom-nav span{font-size:21px;line-height:21px}.customer-order-card .task-photo{height:125px}.customer-order-card .task-card-body{padding:11px}.package-progress{padding:11px}.task-view-link{padding:12px}.task-center-banner{min-height:112px;padding:13px}.task-center-banner h1{font-size:21px}}
.admin-search{display:flex;align-items:center;gap:7px;padding:5px 7px 5px 13px}.admin-search input{min-width:0;padding:7px 4px;border:0;background:transparent;font-size:13px;outline:0}.admin-search input:focus{border:0;outline:0}.admin-search button,.admin-search a{padding:7px 10px;border-radius:999px;font-size:11px;font-weight:800}.admin-search a{background:#e9e4f3;color:var(--primary)}@media(max-width:900px){.admin-topbar{gap:8px}.admin-search{display:flex;width:100%;max-width:none}.admin-search input{font-size:12px}.admin-user{display:none}}@media(max-width:450px){.admin-search{padding-left:9px}.admin-search button,.admin-search a{padding:7px 8px;font-size:10px}}
.setup-card .form-grid label{gap:9px;line-height:1.35}.setup-card .form-grid input{display:block;width:100%;margin-top:0}.setup-card .form-grid button{margin-top:2px}@media(max-width:600px){.setup-card .form-grid{gap:14px;margin-top:16px}.setup-card .form-grid label{font-size:12px}.setup-card .form-grid input{min-height:44px;padding:12px 13px}.setup-card .form-grid button{width:100%;padding:14px}}
.bank-edit-form{grid-template-columns:1fr 1fr 1fr 1fr auto}.bank-type-line{margin:0 0 12px;color:#e8ddff;font-size:13px}.package-progress .muted{margin-top:8px}
@media(max-width:800px){.bank-edit-form{grid-template-columns:1fr}}
.unlock-levels{display:grid;gap:6px;margin-top:12px}.unlock-levels span{padding:8px 10px;border-radius:8px;background:#f7f4fc;color:#625d6b;font-size:12px}

/* Customer ecommerce refresh: soft blue, teal, white, and gold accents. */
.customer-body{--primary:#0f7b8b;--purple:#0f7b8b;--purple-2:#13a6a0;--ink:#10242b;--muted:#60727a;--bg:#f4fafb;--soft:#edf8f8;--line:#dcecef;--lav:#e8f7f5;--green:#10805f;--shadow:0 18px 45px rgba(15,86,102,.08);background:linear-gradient(180deg,#f8fcfd 0,#eff8f8 52%,#f9fbf8 100%)}
.customer-body .customer-topbar{background:rgba(255,255,255,.9);border-color:#dbecee;box-shadow:0 8px 24px rgba(15,86,102,.06)}
.customer-body .brand{color:#0b6573}.customer-body .store-icon{background:linear-gradient(145deg,#0f7b8b,#13a6a0);box-shadow:0 10px 24px rgba(19,166,160,.2)}
.customer-body .notice-link{padding:8px 10px;border-radius:999px;background:#fff8e4;color:#9a6a04;letter-spacing:0}
.customer-body .customer-main{max-width:980px}.customer-body .card{border-color:#dcecef;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 12px 34px rgba(20,82,96,.07)}
.customer-body .eyebrow{color:#74878f;letter-spacing:.11em}.customer-body .muted{color:#647980}
.wallet-card{position:relative;overflow:hidden;margin:2px 0 16px;padding:24px;border:1px solid rgba(15,123,139,.13);border-radius:26px;background:linear-gradient(135deg,#0f7b8b 0%,#13a6a0 58%,#f2c86b 150%);color:#fff;box-shadow:0 22px 48px rgba(15,123,139,.22)}
.wallet-card:before{position:absolute;right:-26px;top:-30px;width:145px;height:145px;border:26px solid rgba(255,255,255,.12);border-radius:50%;content:""}.wallet-card:after{position:absolute;right:26px;bottom:22px;width:80px;height:48px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.08);content:""}
.wallet-card-top{position:relative;z-index:1;display:flex;align-items:center;gap:10px}.wallet-card .eyebrow{margin:0;color:#dff9f7}.wallet-card h1{position:relative;z-index:1;margin:18px 0 8px;font-size:34px;letter-spacing:-.04em}.wallet-card p{position:relative;z-index:1;margin-bottom:18px;color:#e9fffd}
.wallet-icon{position:relative;display:inline-block;width:38px;height:30px;border:2px solid currentColor;border-radius:9px;color:#fff}.wallet-icon:before{position:absolute;left:5px;top:-8px;width:22px;height:10px;border:2px solid currentColor;border-bottom:0;border-radius:8px 8px 0 0;content:""}.wallet-icon:after{position:absolute;right:5px;top:10px;width:7px;height:7px;border-radius:50%;background:currentColor;content:""}
.wallet-actions{position:relative;z-index:1;display:flex;gap:10px}.wallet-actions a{flex:1;padding:12px;border-radius:14px;background:#fff;color:#0b6573;text-align:center;font-weight:900}.wallet-actions a+a{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.38)}
.ecommerce-stat{min-height:118px}.customer-body .tile-icon{background:#e8f7f5;color:#0f7b8b;border:1px solid #cae9e8}.customer-body .tile-icon.green{background:#fff5d9;color:#9a6a04}.customer-body .positive,.customer-body .live{background:#e6f9f3;color:#087058}
.customer-body .quick-link{border-radius:18px}.customer-body .quick-link span{border:1px solid #d5ecec;background:#f0fbfb;color:#0f7b8b;font-weight:900}.customer-body .quick-link:nth-child(2) span{background:#fff8e4;color:#9a6a04}.customer-body .quick-link:nth-child(3) span{background:#e9f8f3;color:#10805f}.customer-body .quick-link:nth-child(4) span{background:#edf5ff;color:#2870a6}
.customer-body .activity{border-radius:16px}.customer-body .activity-avatar{background:#e8f7f5;color:#0f7b8b}.customer-body .activity b{color:#0f7b8b}.customer-body .activity b small{color:#9a6a04;letter-spacing:.07em}.customer-body .live-ticker{height:265px}
.customer-body .partners{border-radius:24px;background:linear-gradient(180deg,#f1faf9,#f8fbfa)}.customer-body .partner-card{border-radius:18px}.customer-body .partner-card i,.customer-body .partner-card img{background:#fff6dc;color:#9a6a04}
.customer-body .bottom-nav{background:rgba(255,255,255,.96);border-color:#d8ebee;box-shadow:0 -10px 28px rgba(15,86,102,.08)}
.customer-body .bottom-nav a{color:#688087;font-weight:800}.customer-body .bottom-nav span{display:grid;width:25px;height:25px;place-items:center;border-radius:10px;background:#edf8f8;color:#0f7b8b;font-size:11px;font-weight:900;line-height:1}.customer-body .bottom-nav .active{color:#0f7b8b}.customer-body .bottom-nav .active span{background:linear-gradient(135deg,#0f7b8b,#13a6a0);color:#fff;box-shadow:0 8px 18px rgba(15,123,139,.22)}
.customer-body button,.customer-body .btn,.customer-body .take-orders,.customer-body .task-view-link{background:linear-gradient(135deg,#0f7b8b,#13a6a0);box-shadow:0 10px 22px rgba(15,123,139,.16)}
.customer-body input:focus,.customer-body textarea:focus,.customer-body select:focus{border-color:#13a6a0;outline-color:#dff5f3}
.profile-hero-card{display:flex;align-items:center;gap:16px;margin:2px 0 14px;padding:20px;border-radius:26px;background:linear-gradient(135deg,#ffffff,#eef9f8);border:1px solid #dcecef;box-shadow:0 16px 40px rgba(20,82,96,.08)}.profile-hero-card .profile-avatar{margin:0;flex:0 0 auto;background:linear-gradient(135deg,#0f7b8b,#13a6a0);box-shadow:0 0 0 5px #e7f7f5}.profile-hero-card h1{margin:0 0 4px;font-size:24px}.profile-hero-card p:last-child{margin:0;color:#647980;font-size:13px}
.profile-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.profile-wallet-mini,.profile-credit-mini{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-wallet-mini .wallet-icon{color:#0f7b8b}.profile-wallet-mini h2,.profile-credit-mini h2{margin:2px 0 0;color:#0f7b8b;font-size:20px}.profile-credit-mini span{padding:7px 10px;border-radius:999px;background:#fff6dc;color:#9a6a04;font-size:11px;font-weight:900}
.customer-body .profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}.customer-body .profile-actions a{padding:13px;border-radius:15px;background:linear-gradient(135deg,#0f7b8b,#13a6a0);color:#fff;text-align:center;font-size:13px;font-weight:900}.customer-body .profile-actions a+a{background:#fff8e4;color:#8a6208;border:1px solid #f2dda6}
.profile-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-service-card{display:flex;align-items:flex-start;gap:12px;padding:15px}.profile-service-card>span{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:12px;background:#edf8f8;color:#0f7b8b;font-size:11px;font-weight:900}.profile-service-card h2{margin:0 0 4px;font-size:16px}.profile-service-card p{margin:0}
@media(max-width:600px){.customer-body .customer-main{padding:10px 11px 88px}.wallet-card{padding:20px;border-radius:22px}.wallet-card h1{font-size:29px}.wallet-actions a{padding:11px 8px}.ecommerce-stat{min-height:92px}.customer-body .quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.customer-body .quick-link{min-height:72px;padding:9px 3px;font-size:10px}.customer-body .quick-link span{width:34px;height:34px}.customer-body .live-ticker{height:225px}.profile-hero-card{padding:16px;border-radius:22px}.profile-hero-card .profile-avatar{width:62px;height:62px;font-size:24px}.profile-hero-card h1{font-size:20px}.profile-summary-grid,.profile-service-grid{grid-template-columns:1fr}.profile-service-card{padding:13px}.customer-body .bottom-nav span{width:27px;height:27px}}

/* Modern customer dashboard */
.mall-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 14px}.mall-dashboard-head h1{margin:0;color:#123139;font-size:24px}.mall-dashboard-head a{display:grid;width:38px;height:38px;place-items:center;border-radius:15px;background:#fff8e4;color:#9a6a04;font-weight:900;box-shadow:0 10px 25px rgba(154,106,4,.12)}
.mall-wallet-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:12px;overflow:hidden;margin-bottom:18px;padding:20px;border-radius:24px;background:linear-gradient(135deg,#0e7889 0%,#12a7a2 62%,#f5ca65 145%);color:#fff;box-shadow:0 24px 54px rgba(15,123,139,.24)}.mall-wallet-content{position:relative;z-index:1}.mall-wallet-title{display:flex;align-items:center;gap:11px}.mall-wallet-title .eyebrow{margin:0;color:#dff9f7}.mall-wallet-title h2{margin:2px 0 0;font-size:16px}.mall-wallet-sub{margin:15px 0;color:#e9fffd;font-size:13px}.mall-wallet-balance{display:flex;align-items:center;gap:10px;margin-bottom:16px}.mall-wallet-balance strong{font-size:31px;letter-spacing:-.04em}.mall-wallet-balance button{display:grid;width:35px;height:35px;place-items:center;padding:0;border-radius:13px;background:rgba(255,255,255,.18);box-shadow:none;color:#fff}.mall-wallet-art{position:relative;align-self:center;justify-self:end;width:118px;height:104px;border-radius:26px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25)}.mall-wallet-art:before{position:absolute;right:17px;top:19px;width:66px;height:48px;border-radius:16px;background:rgba(255,255,255,.22);content:""}.mall-wallet-art span{position:absolute;left:18px;bottom:20px;width:54px;height:36px;border-radius:13px;background:#fff8e4}.mall-wallet-art i{position:absolute;right:27px;bottom:29px;width:12px;height:12px;border-radius:50%;background:#fff}
.mall-section{margin:18px 0}.mall-section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px}.mall-section-title h2{margin:0;color:#123139;font-size:18px}.mall-section-title small{color:#10805f;font-size:10px;font-weight:900;letter-spacing:.08em}.mall-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mall-quick-actions a{display:grid;gap:5px;min-height:98px;padding:12px 7px;border:1px solid #dcecef;border-radius:18px;background:#fff;text-align:center;box-shadow:0 12px 30px rgba(20,82,96,.07)}.mall-quick-actions span,.mall-category-grid i,.mall-store-grid span{display:grid;margin:0 auto;place-items:center;background:#e8f7f5;color:#0f7b8b;font-weight:900}.mall-quick-actions span{width:38px;height:38px;border-radius:15px}.mall-quick-actions strong{font-size:12px}.mall-quick-actions small{color:#6b7e85;font-size:9px}.mall-quick-actions a:nth-child(2) span{background:#e9f8f3;color:#10805f}.mall-quick-actions a:nth-child(3) span{background:#fff6dc;color:#9a6a04}.mall-quick-actions a:nth-child(4) span{background:#edf5ff;color:#2870a6}
.mall-view-all{color:#0f7b8b;font-size:11px;font-weight:900}.mall-promo-section{margin-right:-2px;margin-left:-2px}.mall-promo-slider{position:relative;overflow:hidden;height:230px;border-radius:24px;background:linear-gradient(135deg,#0f7b8b,#13a6a0);box-shadow:0 18px 42px rgba(20,82,96,.14)}.mall-promo-slide{position:absolute;inset:0;display:grid;align-items:end;padding:20px;background:linear-gradient(180deg,rgba(8,36,43,.04),rgba(8,36,43,.68)),var(--slide),linear-gradient(135deg,#0f7b8b,#13a6a0 58%,#f2c86b 150%);background-position:center;background-size:cover;color:#fff;opacity:0;transform:scale(1.02);transition:opacity .35s ease,transform .35s ease}.mall-promo-slide.active{opacity:1;transform:scale(1)}.mall-promo-slide strong{display:block;margin-bottom:4px;font-size:21px;text-shadow:0 2px 10px rgba(0,0,0,.22)}.mall-promo-slide p{max-width:78%;margin:0;color:#ecfffd;font-size:13px;line-height:1.45}
.mall-progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mall-progress-grid article{padding:15px;border:1px solid #dcecef;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(20,82,96,.07)}.mall-progress-grid span{display:block;color:#6b7e85;font-size:11px}.mall-progress-grid strong{display:block;margin-top:8px;color:#0f7b8b;font-size:20px}
.mall-live-list{display:grid;max-height:315px;overflow:hidden;gap:9px}.mall-live-list article{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #dcecef;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(20,82,96,.05)}.mall-live-avatar{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:50%;background:#e8f7f5;color:#0f7b8b;font-weight:900}.mall-live-list strong{font-size:12px}.mall-live-list p{margin:2px 0 0;color:#6b7e85;font-size:10px}.mall-live-list b{margin-left:auto;color:#0f7b8b;text-align:right;font-size:13px}.mall-live-list b small{display:block;margin-top:3px;color:#9a6a04;font-size:9px;letter-spacing:.08em}
.mall-category-grid,.mall-store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mall-category-grid span,.mall-store-grid article{display:grid;gap:7px;place-items:center;min-height:86px;padding:11px;border:1px solid #dcecef;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(20,82,96,.06);text-align:center;font-size:12px;font-weight:800}.mall-category-grid i,.mall-store-grid span{width:36px;height:36px;border-radius:14px;font-style:normal;font-size:10px}.mall-store-grid span{background:#fff6dc;color:#9a6a04}.mall-store-grid strong{font-size:12px}
.mall-deal-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mall-deal-strip article{min-height:145px;display:grid;align-content:end;padding:13px;border-radius:19px;background:linear-gradient(180deg,rgba(7,40,48,.02),rgba(7,40,48,.72)),var(--deal),linear-gradient(135deg,#0f7b8b,#13a6a0);background-size:cover;background-position:center;color:#fff;box-shadow:0 14px 34px rgba(20,82,96,.1);overflow:hidden}.mall-deal-strip span{width:max-content;margin-bottom:7px;padding:4px 7px;border-radius:999px;background:#fff8e4;color:#8a6208;font-size:9px;font-weight:900}.mall-deal-strip strong{font-size:14px}.mall-deal-strip p{margin:4px 0 0;color:#ecfffd;font-size:11px;line-height:1.35}
.mall-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mall-product-grid article{overflow:hidden;border:1px solid #dcecef;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(20,82,96,.06)}.mall-product-grid img{display:block;width:100%;height:112px;object-fit:cover;background:linear-gradient(135deg,#e8f7f5,#fff8e4)}.mall-product-grid div{padding:10px}.mall-product-grid strong{display:block;color:#123139;font-size:12px;line-height:1.25}.mall-product-grid span{display:block;margin-top:5px;color:#0f7b8b;font-size:10px;font-weight:900}
.mall-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mall-offer-grid article{min-height:158px;padding:14px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(7,40,48,.72)),var(--offer),linear-gradient(135deg,#ffffff,#eef9f8);background-size:cover;background-position:center;border:1px solid #dcecef;box-shadow:0 12px 30px rgba(20,82,96,.08);color:#fff}.mall-offer-grid span{display:inline-grid;width:28px;height:28px;place-items:center;margin-bottom:58px;border-radius:10px;background:#fff8e4;color:#9a6a04;font-size:10px;font-weight:900}.mall-offer-grid strong{display:block;margin-bottom:5px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.22)}.mall-offer-grid p{margin:0;color:#ecfffd;font-size:11px;line-height:1.45}
.mall-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mall-review-grid article{overflow:hidden;border:1px solid #dcecef;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(20,82,96,.06)}.mall-review-grid img{display:block;width:100%;height:95px;object-fit:cover;background:#eef9f8}.mall-review-grid div{padding:11px}.mall-review-grid strong{display:block;color:#123139;font-size:12px}.mall-review-grid p{margin:5px 0 0;color:#6b7e85;font-size:11px;line-height:1.45}
.mall-announcement{margin:18px 0 4px;padding:16px;border-radius:20px;background:#fff8e4;border:1px solid #f0dda8;color:#745108;box-shadow:0 12px 28px rgba(154,106,4,.08)}.mall-announcement strong{display:block;margin-bottom:6px}.mall-announcement p{margin:0;font-size:13px;line-height:1.55}
.customer-body .customer-topbar .brand span{display:grid}.customer-body .customer-topbar .brand span:after{content:"Secure. Simple. Smart.";margin-top:1px;color:#6b7e85;font-size:9px;font-weight:700;letter-spacing:0}
@media(max-width:600px){.mall-dashboard-head{margin-top:0}.mall-dashboard-head h1{font-size:21px}.mall-wallet-hero{grid-template-columns:1fr 86px;padding:17px;border-radius:22px}.mall-wallet-balance strong{font-size:27px}.mall-wallet-art{width:82px;height:86px;border-radius:22px}.mall-wallet-art:before{right:12px;top:17px;width:46px;height:36px}.mall-wallet-art span{left:12px;bottom:17px;width:42px;height:28px}.mall-quick-actions{gap:7px}.mall-quick-actions a{min-height:88px;padding:10px 4px;border-radius:16px}.mall-quick-actions span{width:34px;height:34px}.mall-progress-grid,.mall-offer-grid{grid-template-columns:1fr}.mall-category-grid,.mall-store-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mall-category-grid span,.mall-store-grid article{min-height:74px;padding:9px 4px;font-size:10px}.mall-live-list{max-height:285px}.mall-live-list article{padding:10px}.mall-live-list b{font-size:12px}}
@media(max-width:480px){.customer-body .customer-main{padding-top:8px}.mall-dashboard-head{margin-bottom:8px}.mall-dashboard-head h1{font-size:17px}.mall-dashboard-head .eyebrow{margin-bottom:3px}.mall-section{margin:12px 0}.mall-section-title{margin-bottom:7px}.mall-section-title h2{font-size:15px}.mall-wallet-hero{min-height:0;grid-template-columns:1fr 58px;gap:6px;margin-bottom:10px;padding:13px;border-radius:20px}.mall-wallet-title{gap:8px}.mall-wallet-title h2{font-size:13px}.mall-wallet-title .wallet-icon{width:28px;height:23px}.mall-wallet-sub{margin:8px 0;font-size:11px}.mall-wallet-balance{margin-bottom:9px}.mall-wallet-balance strong{font-size:22px}.mall-wallet-balance button{width:30px;height:30px;font-size:10px}.wallet-actions{gap:7px}.wallet-actions a{padding:9px 6px;border-radius:12px;font-size:11px}.mall-wallet-art{width:54px;height:62px;border-radius:18px}.mall-wallet-art:before{right:8px;top:12px;width:31px;height:25px}.mall-wallet-art span{left:8px;bottom:12px;width:29px;height:20px}.mall-wallet-art i{right:16px;bottom:20px;width:8px;height:8px}.mall-quick-actions{grid-template-columns:repeat(4,1fr);gap:6px}.mall-quick-actions a{min-height:63px;padding:7px 3px;border-radius:15px}.mall-quick-actions span{width:29px;height:29px;border-radius:12px}.mall-quick-actions strong{font-size:10px}.mall-quick-actions small{display:none}.promo-slider,.mall-promo-slider{height:150px;border-radius:18px}.mall-promo-slide{padding:14px}.mall-promo-slide strong{font-size:16px}.mall-promo-slide p{max-width:92%;font-size:11px}.today-progress,.mall-progress-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mall-progress-grid article{min-height:62px;padding:9px 6px;border-radius:15px}.mall-progress-grid span{font-size:9px}.mall-progress-grid strong{margin-top:5px;font-size:14px}.live-list article:nth-child(n+4),.mall-live-list article:nth-child(n+4){display:none}.mall-live-list{max-height:none;gap:7px}.mall-live-list article{padding:8px;border-radius:14px}.mall-live-avatar{width:30px;height:30px;flex-basis:30px}.mall-live-list strong{font-size:10px}.mall-live-list p{font-size:9px}.mall-live-list b{font-size:10px}.mall-category-grid span:nth-child(n+5),.mall-store-grid article:nth-child(n+5){display:none}.mall-category-grid,.mall-store-grid{grid-template-columns:repeat(4,1fr);gap:6px}.mall-category-grid span,.mall-store-grid article{min-height:64px;padding:7px 2px;border-radius:15px;font-size:9px}.mall-category-grid i,.mall-store-grid span{width:28px;height:28px;border-radius:11px;font-size:8px}.mall-deal-strip,.mall-product-grid,.mall-review-grid{display:flex;gap:8px;overflow-x:auto;padding-bottom:3px;scroll-snap-type:x mandatory}.mall-deal-strip article{min-width:68%;min-height:126px;scroll-snap-align:start}.mall-product-grid article,.mall-review-grid article{min-width:42%;scroll-snap-align:start}.mall-product-grid img{height:92px}.mall-review-grid img{height:76px}.mall-offer-grid{display:flex;gap:8px;overflow-x:auto;padding-bottom:3px;scroll-snap-type:x mandatory}.mall-offer-grid article{min-width:72%;padding:12px;scroll-snap-align:start}.mall-offer-grid span{margin-bottom:45px}.mall-announcement{margin-top:12px;padding:13px;border-radius:17px}.mall-announcement p{font-size:12px}}
@media(max-width:370px){.mall-wallet-hero{grid-template-columns:1fr}.mall-wallet-art{display:none}.mall-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.mall-category-grid,.mall-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}