@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap');
:root{
  --bg:#f7f6ff;
  --bg-2:#fbfbff;
  --card:#ffffff;
  --text:#070719;
  --muted:#6f7088;
  --line:#e9e7f6;
  --line-2:#dedbf2;
  --primary:#5b2df4;
  --primary-2:#3f20d9;
  --primary-soft:#efeaff;
  --success:#11a66a;
  --warning:#f59e0b;
  --danger:#f43f5e;
  --shadow:0 18px 45px rgba(27,18,77,.10);
  --shadow-soft:0 10px 24px rgba(27,18,77,.08);
  --radius:22px;
  --radius-sm:14px;
  --bottom-nav-h:74px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 10% -10%,#eee9ff 0,#f7f6ff 42%,#fbfbff 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:15px;line-height:1.5;min-height:100vh}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.muted{color:var(--muted)}.hidden,.is-hidden{display:none!important}[hidden]{display:none!important}.container{width:min(1160px,calc(100% - 32px));margin:auto}.glass,.feature-card,.summary-card,.form-card,.table-card,.wallet-box-card,.balance-card,.auth-card,.hero-shell,.support-card{background:rgba(255,255,255,.86);border:1px solid rgba(222,219,242,.85);box-shadow:var(--shadow-soft);backdrop-filter:blur(14px);border-radius:var(--radius)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff!important;font-weight:800;padding:13px 18px;min-height:46px;box-shadow:0 12px 22px rgba(91,45,244,.22);transition:.18s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(91,45,244,.30)}.btn.secondary{background:#fff;color:#242137!important;border:1px solid var(--line);box-shadow:0 8px 18px rgba(30,25,70,.07)}.btn.light,.btn.green{background:linear-gradient(135deg,var(--primary),#7146ff);color:#fff!important}.btn.small{min-height:36px;padding:9px 13px;border-radius:13px;font-size:13px}.btn.block{width:100%}.input,select,textarea{width:100%;border:1px solid var(--line-2);background:#fff;color:var(--text);border-radius:15px;min-height:48px;padding:12px 14px;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 2px 6px rgba(27,18,77,.04);transition:.18s ease}.input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(91,45,244,.10)}textarea{min-height:118px;resize:vertical}label{font-weight:650;color:#171427;display:grid;gap:8px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#f2f0ff;color:var(--primary);font-size:12px;font-weight:850;text-transform:capitalize}.badge.green{background:#e9fbf3;color:#059669}.badge.yellow{background:#fff6db;color:#b45309}.badge.red,.badge.danger{background:#ffe8ee;color:#e11d48}.badge.blue{background:#e0f2fe;color:#0284c7}.alert{margin:0 0 14px;padding:13px 15px;border-radius:16px;border:1px solid var(--line);background:#fff;color:#201c35;box-shadow:var(--shadow-soft)}.alert-success{border-color:#bbf7d0;background:#effdf5;color:#047857}.alert-danger{border-color:#fecdd3;background:#fff1f2;color:#be123c}.alert-warning{border-color:#fde68a;background:#fffbeb;color:#a16207}
/* Landing + auth */
.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand,.auth-brand{display:inline-flex;align-items:center;gap:10px;font-weight:900}.brand-dot,.brand-mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--primary),#20d0ff);box-shadow:0 10px 24px rgba(91,45,244,.22);display:inline-block}.landing-nav{display:flex;gap:18px;color:#5f5d72;font-weight:700}.landing-actions,.hero-cta,.hero-badges{display:flex;gap:10px;flex-wrap:wrap}.landing-main{padding:24px 0 40px}.hero{padding-top:20px}.hero-shell{padding:34px}.hero-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:28px;align-items:center}.hero h1{font-size:clamp(34px,5vw,64px);letter-spacing:-.055em;line-height:.98;margin:18px 0}.hero p,.lead{font-size:17px;color:var(--muted)}.nav-pill{display:inline-flex;align-items:center;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;color:var(--primary);font-weight:850;font-size:12px}.hero-badges span,.product-meta span{padding:6px 9px;border-radius:999px;background:#f3f1ff;color:#665d8b;font-size:12px;font-weight:800}.preview-bar{display:flex;align-items:center;padding:12px;border-bottom:1px solid var(--line);font-weight:800;color:var(--muted)}.dot{width:9px;height:9px;border-radius:50%;background:#d7d3ed;margin-right:5px}.hero-preview{border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden;box-shadow:var(--shadow)}.preview-grid{display:grid;gap:12px;padding:14px}.preview-card,.stat{background:#f8f7ff;border:1px solid var(--line);border-radius:18px;padding:16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.stat b,.preview-card b{font-size:22px}.section{padding:34px 0}.section-head{display:flex;justify-content:space-between;margin-bottom:18px}.feature-card{padding:22px}.feature-icon,.support-icon{width:44px;height:44px;border-radius:16px;background:#f2efff;display:grid;place-items:center;font-size:22px;margin-bottom:12px}.footer{padding:24px 0;color:var(--muted)}.footer .container{display:flex;justify-content:space-between;gap:14px}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(430px,100%);padding:28px}.auth-brand small{display:block;color:var(--muted);font-weight:700}.auth-badge{display:inline-flex;margin-top:18px;border-radius:999px;padding:7px 10px;background:#f3f1ff;color:var(--primary);font-weight:850;font-size:12px}.auth-card h1{font-size:32px;margin:14px 0 6px}.auth-switch{text-align:center}.auth-form{margin-top:18px}
/* App shell */
.app,.admin-app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar,.admin-sidebar{position:sticky;top:0;height:100vh;padding:22px 18px;background:rgba(255,255,255,.92);border-right:1px solid var(--line);box-shadow:10px 0 35px rgba(27,18,77,.05);z-index:40;display:flex;flex-direction:column}.brand-row{display:flex;align-items:center;gap:12px;padding:4px 6px 20px}.brand-name{font-size:18px;font-weight:950;letter-spacing:-.02em}.brand-sub{font-size:12px;color:var(--muted);font-weight:700}.nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;color:#57546c;font-weight:800;transition:.18s ease}.nav-item:hover,.nav-item.active{background:var(--primary-soft);color:var(--primary)}.nav-item.active{box-shadow:inset 0 0 0 1px rgba(91,45,244,.11)}.ico,.bottom-nav svg,.mobile-menu svg,.view-btn svg{width:20px;height:20px;display:inline-flex}.ico svg{width:20px;height:20px;stroke-width:2}.divider{height:1px;background:var(--line);margin:18px 0}.plan-box{margin-top:auto;padding:17px}.plan-top{display:flex;align-items:center;justify-content:space-between}.plan-label{font-size:12px;color:var(--muted);font-weight:800}.pill-mini{padding:5px 8px;border-radius:999px;background:#f4f1ff;color:var(--primary);font-weight:900}.plan-count{font-size:24px;font-weight:950;margin-top:8px}.plan-note{color:var(--muted);font-size:13px}.rgb-wallet-card{position:relative;overflow:hidden;border:0!important;background:#0b1019!important;color:#fff;isolation:isolate}.rgb-wallet-card:before{content:"";position:absolute;inset:-45%;background:conic-gradient(from 0deg,#ff005d,#ffb703,#32d583,#67e8f9,#a78bfa,#ff005d);animation:rgbSpin 4s linear infinite;z-index:0}.rgb-wallet-card:after{content:"";position:absolute;inset:2px;border-radius:20px;background:radial-gradient(160px 90px at 90% 100%,rgba(50,213,131,.18),transparent 60%),#101622;z-index:1}.rgb-wallet-card>*{position:relative;z-index:2}.sidebar-add-fund{width:100%;margin-top:12px;background:#fff;color:#16122b!important}.main,.admin-main{min-width:0}.topbar.qx-topbar{height:72px;padding:0 28px;justify-content:flex-end;background:rgba(247,246,255,.72);backdrop-filter:blur(18px);position:sticky;top:0;z-index:25;border-bottom:1px solid rgba(233,231,246,.75)}.mobile-menu{display:none}.top-actions{display:flex;align-items:center;gap:10px}.top-link{padding:10px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:#4e4a66;font-weight:850;font-size:13px}.profile-link{display:inline-grid;place-items:center}.avatar{width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center}.avatar-inner{width:25px;height:25px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#20d0ff)}.content{padding:24px 28px 100px;max-width:1220px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.page-head h1{margin:0;font-size:34px;letter-spacing:-.04em}.subtitle{margin:5px 0 0;color:var(--muted)}
/* Shop app screen */
.mobile-app-title{display:none}.app-shop-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.app-shop-head h1,.shop-title-row h2{margin:0;font-size:28px;letter-spacing:-.05em}.shop-count,.mini-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:22px;padding:0 8px;border-radius:999px;background:#f4f0ff;color:#111;font-size:11px;font-weight:950;margin-left:7px}.view-switch{display:flex;border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-soft)}.view-btn{width:43px;height:43px;display:grid;place-items:center;border:0;background:#fff;color:#67627b}.view-btn.active{background:var(--primary);color:#fff}.shop-toolbar{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:12px}.shop-search{display:grid;grid-template-columns:1fr auto;gap:10px}.app-search{position:relative}.app-search .input{padding-left:44px}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#85819a;font-size:18px;z-index:1}.sort-btn{border:1px solid var(--line);background:#fff;border-radius:15px;min-height:48px;padding:0 13px;font-weight:850;color:#242137;box-shadow:var(--shadow-soft);white-space:nowrap}.mobile-shopbar{display:none}.shop-layout{display:block}.category-panel{margin-bottom:16px;background:transparent;border:0;box-shadow:none;padding:0}.category-list{display:flex;gap:8px;overflow:auto;scrollbar-width:none;padding:2px 0 5px}.category-list::-webkit-scrollbar{display:none}.category-list a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:34px;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:#76718b;font-size:13px;font-weight:850;white-space:nowrap}.category-list a.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 9px 20px rgba(91,45,244,.22)}.category-section{margin-bottom:18px}.category-title-row{display:flex;align-items:center;justify-content:space-between;margin:16px 2px 10px}.category-title-row h2{font-size:18px;margin:0;letter-spacing:-.03em}.category-title-row span{font-size:12px;color:var(--muted);font-weight:800}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.product-card{position:relative;display:grid;grid-template-columns:86px 1fr;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:var(--shadow-soft);transition:.18s ease}.product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.product-img,.product-media-wrap{width:86px;height:86px;border-radius:20px;background:#f5f4fb;object-fit:cover;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.03)}.product-media-wrap .product-img{width:100%;height:100%;border-radius:0}.product-body{min-width:0}.product-card h3{font-size:16px;line-height:1.2;margin:0 34px 5px 0;letter-spacing:-.025em}.product-cat-title{font-size:11px;color:var(--primary);font-weight:900;margin-bottom:3px;text-transform:uppercase;letter-spacing:.02em}.desc{color:#817d94;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-bottom:8px}.product-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}.product-meta span{font-size:10.5px;padding:4px 7px}.app-card-footer,.price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.price{font-size:21px;color:var(--primary);font-weight:950;letter-spacing:-.04em}.stock,.stock-pill{display:inline-flex;color:#201c35;font-size:10.5px;font-weight:900;background:#f7f6ff;border:1px solid var(--line);border-radius:999px;padding:3px 7px}.product-actions{display:flex;align-items:center;gap:8px}.icon-cart{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:#252138;font-weight:900;font-size:22px;box-shadow:0 8px 15px rgba(27,18,77,.06)}.buy-pill{border-radius:999px!important;min-height:40px!important}.fav-btn{position:absolute;top:15px;right:15px;border:0;background:#fff;color:#8b879b;width:32px;height:32px;border-radius:50%;font-size:22px;line-height:1;display:grid;place-items:center}.fav-btn.active{color:#ef4444;background:#fff1f2}.empty-state{text-align:center;padding:40px;background:#fff;border:1px dashed var(--line-2);border-radius:22px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.summary-card{padding:16px}.summary-card span{display:block;color:var(--muted);font-size:12px;font-weight:800}.summary-card b{font-size:22px;letter-spacing:-.03em}
/* Tables, wallet, profile */
.table-wrap,.clean-table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-soft)}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#77738d;background:#faf9ff}td{font-weight:650;color:#29253a}.table-card{padding:16px;margin-bottom:16px}.table-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.table-title{margin:0;font-size:20px}.table-sub{margin:0;color:var(--muted)}.wallet-overview-grid,.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.wallet-box-card,.balance-card,.form-card{padding:22px}.stat-value{font-size:34px;font-weight:950;margin:8px 0;letter-spacing:-.05em}.profile-grid{align-items:start}.support-card{display:flex;gap:15px;align-items:flex-start;padding:20px}.support-card h3{margin:0 0 4px}.balance-card b{font-size:30px;letter-spacing:-.04em}
/* Modals */
.modal{position:fixed;inset:0;background:rgba(24,20,44,.38);backdrop-filter:blur(10px);z-index:100;display:none;align-items:center;justify-content:center;padding:18px}.modal.show{display:flex}.modal-card{width:min(560px,100%);max-height:min(90vh,820px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 30px 80px rgba(15,10,50,.28);padding:20px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.modal-head h2{margin:0;font-size:22px;letter-spacing:-.035em}.close{border:0;background:#f6f4ff;color:#343044;width:38px;height:38px;border-radius:14px;font-size:24px;display:grid;place-items:center}.hide-scroll{scrollbar-width:none}.hide-scroll::-webkit-scrollbar{display:none}.cart-modal-card{max-width:390px;padding:0;background:#f7f6ff;border-radius:28px;overflow:hidden}.cart-head{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:8px;padding:18px 16px 10px}.cart-back{width:38px;height:38px;border:0;background:transparent;font-size:28px;color:#38334a}.cart-head h2{margin:0;font-size:21px;letter-spacing:-.04em}.cart-count{padding:5px 10px;border-radius:999px;background:#fff8e6;color:#16111f;font-size:12px;font-weight:900}.cart-item{margin:0 16px 16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:22px;padding:13px;display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center}.cart-item img{width:64px;height:64px;border-radius:16px;object-fit:cover;background:#f5f4fb}.cart-product-title{font-weight:900;color:#080719;margin-bottom:5px}.cart-price{font-size:17px;color:var(--primary);font-weight:950;align-self:end}.cart-remove{border:0;background:transparent;color:var(--danger);font-size:18px}.qty-control{display:inline-flex;align-items:center;gap:9px}.qty-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:#fff;box-shadow:0 5px 12px rgba(27,18,77,.07);font-weight:900;color:#69657b}.qty-input{width:38px;min-height:30px;border:0;text-align:center;padding:0;font-weight:900;box-shadow:none;background:transparent}.qty-input:focus{box-shadow:none}.qty-control.is-locked .qty-btn{opacity:.35}.checkout-box{margin:0 16px 16px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;display:grid;gap:14px}.checkout-label-title{font-weight:750;margin-bottom:7px}.payment-method-card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:12px}.payment-icon{width:44px;height:44px;border-radius:14px;background:#fff4df;display:grid;place-items:center;font-size:24px}.payment-title{font-weight:900}.payment-sub{font-size:12px;color:#6b6780;font-weight:750}.coupon-row{display:grid;gap:8px}.cart-total-row{display:flex;align-items:center;justify-content:space-between;background:#f7f5ff;border-radius:16px;padding:12px 14px;font-weight:900}.confirm-buy{width:100%;border-radius:16px}.fund-modal-card{max-width:390px;padding:0;background:#f7f6ff;border-radius:28px;overflow:hidden}.fund-modal-card .modal-head{padding:18px 16px 0;margin-bottom:10px}.fund-form{padding:0 16px 16px}.amount-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:13px}.amount-grid button{border:1px solid var(--line);background:#fff;border-radius:16px;min-height:48px;font-weight:950;color:#332e45}.amount-grid button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.fund-step{display:grid;gap:13px}.payment-alert{padding:12px 14px;border-radius:16px;background:#f1edff;color:#2a2145;font-weight:800}.pay-info-grid{display:grid;gap:10px}.pay-info-card{display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid var(--line);background:#fff;border-radius:16px;padding:13px;min-height:64px}.pay-info-card span{display:block;color:#77738d;font-size:12px;font-weight:800}.pay-info-card b{font-size:15px;color:#111020}.pay-info-card small{display:block;color:var(--primary);font-weight:800}.fund-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.profile-select-modal-card{max-width:680px}.profile-select-summary{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.profile-select-summary span{background:#f7f6ff;border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-weight:800}.profile-choice-list{display:grid;gap:10px;max-height:56vh;overflow:auto}.profile-choice-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:17px;padding:13px}.profile-choice-text span{font-size:12px;color:var(--muted);font-weight:800}.profile-choice-text b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.profile-choice-actions{display:flex;gap:8px}.toast{position:fixed;left:50%;bottom:calc(var(--bottom-nav-h) + 18px);transform:translateX(-50%) translateY(20px);background:#171429;color:#fff;padding:11px 14px;border-radius:999px;box-shadow:0 16px 34px rgba(0,0,0,.22);opacity:0;pointer-events:none;transition:.2s ease;z-index:200;font-weight:850}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.app-overlay{position:fixed;inset:0;background:rgba(20,18,36,.36);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:.2s ease;z-index:35}.app-overlay.show{opacity:1;pointer-events:auto}
/* Bottom nav */
.bottom-nav{display:none;position:fixed;left:0;right:0;bottom:0;height:var(--bottom-nav-h);padding:6px 12px max(6px,env(safe-area-inset-bottom));background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-top:1px solid var(--line);box-shadow:0 -10px 25px rgba(27,18,77,.08);z-index:70}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#6f6a82;font-size:11px;font-weight:800}.bottom-nav a.active{color:var(--primary)}.bottom-nav svg{width:22px;height:22px;stroke-width:2}.bottom-nav b{font-size:11px}.bottom-nav .nav-add{margin-top:-26px}.bottom-nav .nav-add span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;box-shadow:0 12px 28px rgba(91,45,244,.28);border:5px solid #fff}.bottom-nav .nav-add svg{width:25px;height:25px}
@keyframes rgbSpin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.app,.admin-app{grid-template-columns:1fr}.sidebar,.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:285px;transform:translateX(-105%);transition:.22s ease}.sidebar.open,.admin-sidebar.open{transform:translateX(0)}.mobile-menu{display:inline-flex}.topbar.qx-topbar{justify-content:space-between}.content{padding:22px 16px 100px}.bottom-nav{display:flex}.top-link:nth-child(2){display:none}.summary-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}
@media(max-width:760px){body{background:#f7f6ff}.container{width:min(100% - 28px,1160px)}.landing-nav{display:none}.topbar{height:auto;padding:18px 0}.landing-actions .btn.secondary{display:none}.hero-shell{padding:22px}.hero-grid,.grid-2,.grid-3,.grid-4,.wallet-overview-grid,.support-grid,.stats,.form-row{grid-template-columns:1fr}.footer .container{display:grid}.page-head.clean-page-head{display:none}.topbar.qx-topbar{height:58px;padding:0 16px;background:transparent;border:0;position:relative}.top-actions{margin-left:auto}.top-actions .top-link{display:none}.mobile-menu{min-height:38px;padding:9px 12px;border-radius:14px}.content{padding:10px 16px 96px;max-width:430px}.app-shop-head{display:flex}.mobile-app-title{display:block}.app-shop-head h1,.shop-title-row h2{font-size:21px}.shop-toolbar{grid-template-columns:1fr;margin-bottom:8px}.shop-search{grid-template-columns:1fr auto}.shop-search .btn{display:none}.sort-btn{font-size:13px}.summary-grid.compact-summary{display:none}.category-title-row{display:none}.category-list a{min-height:32px;padding:6px 12px;font-size:12px}.product-grid{grid-template-columns:1fr;gap:10px}.product-card{grid-template-columns:80px 1fr;padding:13px;border-radius:20px}.product-img,.product-media-wrap{width:80px;height:80px;border-radius:17px}.product-card h3{font-size:14.5px;margin-right:30px}.desc{font-size:12px;max-width:160px}.price{font-size:20px}.stock,.product-meta{display:none}.buy-pill{font-size:12px;padding:8px 11px}.icon-cart{width:35px;height:35px}.modal{align-items:flex-end;padding:0}.modal-card{width:100%;max-height:92vh;border-radius:28px 28px 0 0}.cart-modal-card,.fund-modal-card{max-width:100%;border-radius:28px 28px 0 0}.profile-choice-item{grid-template-columns:1fr}.profile-choice-actions{display:grid;grid-template-columns:1fr 1fr}.profile-choice-text b{max-width:100%}table{min-width:680px}.auth-wrap{padding:18px}.auth-card{padding:22px}.hero h1{font-size:38px}.mobile-shopbar{display:none}}
@media(max-width:390px){.content{padding-left:12px;padding-right:12px}.product-card{grid-template-columns:74px 1fr;gap:11px}.product-img,.product-media-wrap{width:74px;height:74px}.buy-pill{padding:8px 9px}.product-actions{gap:6px}.cart-item{grid-template-columns:56px 1fr auto}.cart-item img{width:56px;height:56px}}

.mobile-app-title{display:none!important}

/* Production refinements v21 */
.btn,.buy-pill,.confirm-buy,.sidebar-add-fund,.amount-grid button,.pay-info-card,.view-btn,.sort-btn{border-radius:var(--btn-radius)!important}
.btn.small,.nav-item,.input,select,textarea,.payment-method-card,.product-card,.wallet-box-card,.form-card,.table-card,.balance-card,.summary-card{border-radius:var(--btn-radius-sm)}
.brand-logo-img{width:38px;height:38px;border-radius:13px;object-fit:cover;box-shadow:0 10px 24px rgba(var(--primary-rgb),.20);background:#fff;border:1px solid var(--line)}
.brand-mark-link{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 auto}
.auth-brand .brand-logo-img,.brand .brand-logo-img{flex:0 0 auto}
.mobile-top-logo{display:none}
.mobile-logo-img{width:34px;height:34px;border-radius:12px;object-fit:cover;background:#fff;border:1px solid var(--line);box-shadow:0 8px 20px rgba(var(--primary-rgb),.16)}
.mobile-logo-dot{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--primary),#20d0ff);box-shadow:0 8px 20px rgba(var(--primary-rgb),.18);display:inline-block}
.user-topbar-clean{justify-content:flex-start}.user-topbar-clean .mobile-top-spacer{display:none}
@media(min-width:1101px){.dashboard-page .user-topbar-clean{display:none}.dashboard-page .content{padding-top:28px}.dashboard-page .top-actions,.dashboard-page .profile-link,.dashboard-page .top-link{display:none!important}}
.sidebar,.admin-sidebar{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.sidebar .plan-box{margin-top:18px}.rgb-wallet-card .plan-label,.rgb-wallet-card .plan-note,.rgb-wallet-card .plan-count{color:#fff}.rgb-wallet-card .pill-mini{background:rgba(255,255,255,.14);color:#fff}.theme-wallet-card{position:relative;overflow:hidden;border:1px solid rgba(var(--primary-rgb),.22)!important;background:linear-gradient(135deg,rgba(var(--primary-rgb),.12),rgba(255,255,255,.92))!important;color:var(--text)}.theme-wallet-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--primary),rgba(var(--primary-rgb),.18),var(--primary));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.theme-wallet-card .sidebar-add-fund{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff!important}

.product-card{overflow:hidden;min-width:0}.product-body{min-width:0}.app-card-footer{min-width:0;gap:10px}.product-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;flex-shrink:0}.buy-pill{white-space:nowrap;min-width:86px;padding-left:12px!important;padding-right:12px!important}.icon-cart{flex:0 0 auto}.view-btn{cursor:pointer}.view-btn.active{background:var(--primary);color:#fff}.product-view-root.view-grid .product-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.product-view-root.view-grid .product-card{display:block}.product-view-root.view-grid .product-media-wrap,.product-view-root.view-grid .product-img{width:100%;height:150px;border-radius:19px}.product-view-root.view-grid .product-body{padding-top:10px}.product-view-root.view-grid .desc{max-width:none}.product-view-root.view-grid .app-card-footer{align-items:center}.product-view-root.view-list .product-card{display:grid}.stock-pill{white-space:nowrap}.empty-state{padding:24px;text-align:center}

.order-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.order-card{padding:17px}.order-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.order-card h3{margin:3px 0 0;font-size:17px;line-height:1.25}.mini{font-size:12px;color:var(--muted);font-weight:800}.order-card-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.order-card-meta span{display:grid;gap:2px;background:#f8f7ff;border:1px solid var(--line);border-radius:14px;padding:10px;color:var(--muted);font-size:12px;font-weight:800}.order-card-meta b{color:var(--text);font-size:13px;white-space:nowrap}.order-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.order-card-actions .btn{width:100%}

.phone-gate-card{max-width:520px;margin:12px auto 0;padding:26px;text-align:center}.phone-gate-icon{width:64px;height:64px;margin:0 auto 12px;border-radius:22px;background:var(--primary-soft);display:grid;place-items:center;font-size:30px}.phone-gate-card h2{margin:0 0 8px;font-size:26px}.phone-gate-form{text-align:left;margin-top:18px}.wallet-premium-grid .wallet-box-card{position:relative;overflow:hidden}.wallet-balance-premium{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff}.wallet-balance-premium .muted,.wallet-balance-premium .mini{color:rgba(255,255,255,.78)}.wallet-add-premium:after{content:"";position:absolute;right:-45px;bottom:-45px;width:130px;height:130px;border-radius:50%;background:rgba(var(--primary-rgb),.09)}

.profile-premium-hero{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:20px;margin-bottom:16px;background:radial-gradient(280px 120px at 10% 0,rgba(var(--primary-rgb),.15),transparent 70%),rgba(255,255,255,.88)}.profile-avatar-big{width:76px;height:76px;border-radius:26px;background:linear-gradient(135deg,var(--primary),#20d0ff);display:grid;place-items:center;color:#fff;font-size:34px;font-weight:950;box-shadow:0 14px 30px rgba(var(--primary-rgb),.25)}.profile-hero-info h2{margin:2px 0;font-size:28px;letter-spacing:-.04em}.profile-hero-balance{display:grid;text-align:right}.profile-hero-balance span{color:var(--muted);font-size:12px;font-weight:800}.profile-hero-balance b{font-size:28px;letter-spacing:-.04em}.premium-profile-card h2{margin:0}.profile-stats-stack{display:grid;gap:14px}.premium-summary-card{background:linear-gradient(135deg,#fff,rgba(var(--primary-rgb),.08))}.profile-mini-card{padding:18px;display:grid;gap:10px}.profile-mini-card span{font-weight:900}.profile-mini-card .btn{width:100%}

.theme-admin-card small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.branding-preview-img{width:88px;height:88px;object-fit:cover;border-radius:20px;border:1px solid var(--line);margin-top:12px}.branding-preview-img.small{width:54px;height:54px;border-radius:14px}.branding-preview-og{width:100%;max-height:150px;object-fit:cover;border-radius:16px;border:1px solid var(--line);margin-top:12px}

.mobile-app-title{display:none!important}
@media(max-width:760px){.topbar.qx-topbar.user-topbar-clean{display:flex!important;align-items:center;justify-content:space-between;position:sticky;top:0;height:60px;background:rgba(247,246,255,.88);backdrop-filter:blur(16px);z-index:50}.user-topbar-clean .mobile-menu{z-index:2}.user-topbar-clean .mobile-top-spacer{display:block;width:88px}.mobile-top-logo{position:absolute;left:50%;transform:translateX(-50%);top:50%;margin-top:-17px;display:flex;align-items:center;gap:8px;font-weight:950;color:var(--text);max-width:58%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-top-logo span{overflow:hidden;text-overflow:ellipsis}.mobile-app-title{display:flex!important}.shop-title-row{display:none!important}.content{padding-top:12px}.product-view-root.view-grid .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-view-root.view-grid .product-card{display:block;padding:10px}.product-view-root.view-grid .product-media-wrap,.product-view-root.view-grid .product-img{width:100%;height:92px;border-radius:16px}.product-view-root.view-grid .product-card h3{font-size:13px;margin-right:26px}.product-view-root.view-grid .desc,.product-view-root.view-grid .product-meta{display:none}.product-view-root.view-grid .app-card-footer{display:grid;gap:8px}.product-view-root.view-grid .product-actions{justify-content:space-between;width:100%}.product-view-root.view-grid .buy-pill{min-width:72px;font-size:11px;padding:7px 8px!important}.product-view-root.view-list .product-actions{gap:6px}.product-view-root.view-list .buy-pill{min-width:78px;padding:7px 9px!important}.product-card .app-card-footer{display:flex;align-items:flex-end;justify-content:space-between}.price{font-size:18px}.desc{max-width:100%;padding-right:6px}.order-card-grid{grid-template-columns:1fr}.order-card-meta{grid-template-columns:1fr 1fr}.order-card-meta span:last-child{grid-column:1/-1}.order-card-actions{grid-template-columns:1fr 1fr}.phone-gate-card{margin-top:12px;padding:22px 18px}.profile-premium-hero{grid-template-columns:1fr;text-align:center}.profile-avatar-big{margin:auto}.profile-hero-balance{text-align:center}.profile-premium-hero .muted{word-break:break-word}.premium-profile-grid{gap:14px}.wallet-premium-grid{grid-template-columns:1fr}.bottom-nav.bottom-nav-4 a{flex:1}.bottom-nav.bottom-nav-4 .nav-add{margin-top:-25px}.bottom-nav.bottom-nav-4 .nav-add b{margin-top:2px}.modal-card textarea{min-height:220px}}
@media(max-width:390px){.product-view-root.view-list .product-actions{gap:5px}.product-view-root.view-list .buy-pill{min-width:70px;font-size:11px;padding:7px 8px!important}.icon-cart{width:32px;height:32px}.order-card-actions{grid-template-columns:1fr}.mobile-top-logo{max-width:52%}}


/* Production refinements v22 */
html,body{max-width:100%;overflow-x:hidden}
.btn{box-shadow:0 12px 22px rgba(var(--primary-rgb),.22)}
.btn:hover{box-shadow:0 16px 30px rgba(var(--primary-rgb),.30)}
.btn.light,.btn.green{background:linear-gradient(135deg,var(--primary),var(--primary-2))}
.input:focus,select:focus,textarea:focus{box-shadow:0 0 0 4px rgba(var(--primary-rgb),.10)}
.brand-dot,.brand-mark,.avatar-inner,.mobile-logo-dot,.profile-avatar-big{background:linear-gradient(135deg,var(--primary),#20d0ff)}
.brand-logo-img,.mobile-logo-img{box-shadow:0 10px 24px rgba(var(--primary-rgb),.20)}
.nav-item.active{box-shadow:inset 0 0 0 1px rgba(var(--primary-rgb),.11)}
.category-list a.active{box-shadow:0 9px 20px rgba(var(--primary-rgb),.22)}
.bottom-nav .nav-add span{background:var(--primary);box-shadow:0 12px 28px rgba(var(--primary-rgb),.28)}
.app,.admin-app{overflow-x:hidden}.main,.admin-main,.content,.qx-content{min-width:0}.content{width:100%}
.sidebar,.admin-sidebar{height:100dvh;overflow-y:auto;overflow-x:hidden;padding-bottom:110px}.qx-sidebar .nav-item,.admin-sidebar .nav-item{padding:10px 12px}.sidebar .plan-box{margin-top:14px!important;padding:14px;flex:0 0 auto}.plan-count{font-size:21px;line-height:1.15;word-break:break-word}.plan-note{font-size:12px;margin:8px 0}.sidebar-add-fund{min-height:40px;padding:9px 12px!important}.rgb-wallet-card:after{border-radius:calc(var(--btn-radius-sm) + 5px)}
.product-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));align-items:stretch}.product-card{min-width:0;max-width:100%;overflow:hidden}.product-body{min-width:0;width:100%}.product-card h3{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.product-cat-title{display:block;color:var(--primary);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 34px 3px 0}.app-card-footer{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;max-width:100%;min-width:0}.product-actions{max-width:100%;min-width:0;flex:0 0 auto}.buy-pill{max-width:100%;min-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price{font-size:clamp(17px,2vw,21px);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-pill{max-width:100%;overflow:hidden;text-overflow:ellipsis}.product-view-root.view-grid .product-card{display:block!important}.product-view-root.view-list .product-card{display:grid!important;grid-template-columns:86px minmax(0,1fr)}
.modal,.modal-card{max-width:100%;overflow-x:hidden}.profile-select-modal-card{width:min(680px,calc(100vw - 32px));max-width:calc(100vw - 32px);overflow-x:hidden}.profile-choice-list,.profile-modal-list{overflow-y:auto;overflow-x:hidden;padding-right:4px}.profile-choice-item{grid-template-columns:minmax(0,1fr) auto;min-width:0;max-width:100%;overflow:hidden}.profile-choice-text{min-width:0;overflow:hidden}.profile-choice-text b{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-choice-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;max-width:100%}.profile-choice-actions .btn{white-space:nowrap;min-width:0}.profile-limit-note{padding-right:6px}.profile-select-summary{display:flex;flex-wrap:wrap;gap:10px}.profile-select-summary span{display:inline-flex;align-items:center;gap:4px;background:#f7f6ff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-weight:800}
.bottom-nav.bottom-nav-5{display:none}.bottom-nav.bottom-nav-5 a{min-width:0}.bottom-nav.bottom-nav-5 b{font-size:10px;max-width:58px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-nav.bottom-nav-5 .nav-add{margin-top:-24px}.bottom-nav.bottom-nav-5 .nav-add span{width:50px;height:50px;border-width:5px}.bottom-nav.bottom-nav-5 .nav-add b{font-size:10px;max-width:64px}
@media(min-width:1101px){.sidebar,.admin-sidebar{padding-bottom:22px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.profile-select-modal-card{border-radius:28px}}
@media(max-width:760px){
  :root{--bottom-nav-h:78px}
  .content{padding-bottom:calc(var(--bottom-nav-h) + 20px)}
  .bottom-nav.bottom-nav-5{display:flex;padding-left:6px;padding-right:6px}
  .bottom-nav.bottom-nav-5 a{flex:1 1 20%;gap:1px}
  .bottom-nav.bottom-nav-5 svg{width:21px;height:21px}
  .shop-toolbar{grid-template-columns:1fr}.shop-search{grid-template-columns:1fr}.shop-search .btn{display:none}.sort-btn{display:none}
  .category-title-row{display:flex!important;margin:15px 2px 9px}.category-title-row h2{display:block!important;font-size:19px}.category-title-row span{display:inline-flex!important}
  .product-view-root.view-grid .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.product-view-root.view-grid .product-card{display:block!important;padding:10px}.product-view-root.view-grid .product-media-wrap,.product-view-root.view-grid .product-img{width:100%;height:96px;border-radius:16px}.product-view-root.view-grid .product-cat-title{font-size:9.5px;margin:7px 26px 2px 0}.product-view-root.view-grid .product-card h3{font-size:12px;line-height:1.18;min-height:30px;margin:0 26px 5px 0}.product-view-root.view-grid .price{font-size:15px}.product-view-root.view-grid .stock-pill{display:none}.product-view-root.view-grid .app-card-footer{grid-template-columns:1fr;gap:8px}.product-view-root.view-grid .product-actions{display:grid;grid-template-columns:34px minmax(0,1fr);width:100%;gap:6px}.product-view-root.view-grid .icon-cart{width:34px;height:34px}.product-view-root.view-grid .buy-pill{width:100%;min-width:0;font-size:10.5px;padding:7px 6px!important}
  .product-view-root.view-list .product-grid{grid-template-columns:1fr!important}.product-view-root.view-list .product-card{grid-template-columns:76px minmax(0,1fr)!important;gap:10px;padding:12px}.product-view-root.view-list .product-media-wrap,.product-view-root.view-list .product-img{width:76px;height:76px;border-radius:18px}.product-view-root.view-list .product-cat-title{font-size:10px;margin-right:28px}.product-view-root.view-list .app-card-footer{grid-template-columns:1fr;gap:8px}.product-view-root.view-list .product-actions{display:grid;grid-template-columns:36px minmax(0,1fr);width:100%;gap:8px}.product-view-root.view-list .buy-pill{width:100%;min-width:0;font-size:11px;padding:8px 8px!important}.product-view-root.view-list .icon-cart{width:36px;height:36px}
  .modal{align-items:flex-end;padding:0;overflow:hidden}.modal-card{width:100%;max-width:100%;max-height:92dvh;border-radius:24px 24px 0 0}.profile-select-modal-card{width:100%;max-width:100%;max-height:88dvh;padding:16px}.profile-select-head{align-items:flex-start}.profile-choice-item{grid-template-columns:1fr;gap:10px;padding:12px}.profile-choice-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%}.profile-choice-actions .btn{width:100%;font-size:12px;padding-left:8px!important;padding-right:8px!important}.profile-select-summary span{font-size:13px;padding:7px 10px}
  .sidebar,.admin-sidebar{padding-bottom:120px}.sidebar .plan-box{margin-bottom:8px}
}
@media(max-width:390px){.product-view-root.view-grid .product-media-wrap,.product-view-root.view-grid .product-img{height:88px}.bottom-nav.bottom-nav-5 b{font-size:9.5px}.bottom-nav.bottom-nav-5 .nav-add span{width:48px;height:48px}.product-view-root.view-list .product-card{grid-template-columns:72px minmax(0,1fr)!important}.product-view-root.view-list .product-media-wrap,.product-view-root.view-list .product-img{width:72px;height:72px}.product-view-root.view-list .product-actions{grid-template-columns:34px minmax(0,1fr)}}

/* UI/theme fixes v23 */
:root{--primary-rgb:91,45,244;--btn-radius:12px;--btn-radius-sm:10px;--theme-bg-soft:rgba(var(--primary-rgb),.08);--theme-bg-softer:rgba(var(--primary-rgb),.035);--theme-line:rgba(var(--primary-rgb),.18)}
html,body{width:100%;max-width:100%;overflow-x:hidden;background:radial-gradient(circle at 10% -10%,var(--theme-bg-soft) 0,var(--bg) 42%,var(--bg-2) 100%)}
.btn,.input,select,textarea,.nav-item,.top-link,.view-switch,.view-btn,.sort-btn,.summary-card,.form-card,.table-card,.wallet-box-card,.balance-card,.auth-card,.hero-shell,.support-card,.feature-card,.product-card,.modal-card,.checkout-box,.cart-item,.payment-method-card,.pay-info-card,.amount-grid button,.profile-choice-item,.order-card,.phone-gate-card{border-radius:var(--btn-radius)!important}
.btn.small,.close,.brand-dot,.brand-mark,.brand-logo-img,.mobile-logo-img,.payment-icon,.product-img,.product-media-wrap,.summary-card,.nav-item{border-radius:var(--btn-radius-sm)!important}
.theme-button-square .badge,.theme-button-square .nav-pill,.theme-button-square .category-list a,.theme-button-square .product-meta span,.theme-button-square .stock,.theme-button-square .stock-pill,.theme-button-square .pill-mini,.theme-button-square .shop-count,.theme-button-square .mini-count{border-radius:var(--btn-radius-sm)!important}
.theme-button-rounded .buy-pill,.theme-button-soft .buy-pill,.buy-pill{border-radius:var(--btn-radius)!important;min-width:96px;white-space:nowrap;overflow:visible;text-overflow:clip}
.theme-button-square .buy-pill{border-radius:var(--btn-radius)!important}
.btn,.btn.light,.btn.green,.view-btn.active,.category-list a.active,.amount-grid button.active{background:linear-gradient(135deg,var(--primary),var(--primary-2))!important}
.btn.secondary{background:#fff!important;color:#242137!important}.btn:disabled{background:#e9e7f6!important;color:#77738d!important;box-shadow:none!important}
.nav-item:hover,.nav-item.active{background:var(--primary-soft)!important;color:var(--primary)!important}.price,.product-cat-title,.pay-info-card small,.bottom-nav a.active,.top-link:hover{color:var(--primary)!important}.table-wrap th,.clean-table-wrap th{background:var(--theme-bg-softer)}
.category-list a{border-color:var(--theme-line)}.category-list a.active{border-color:var(--primary)!important}.wallet-balance-premium,.theme-wallet-card{background:linear-gradient(135deg,var(--primary),var(--primary-2))!important;color:#fff!important}.theme-wallet-card .plan-label,.theme-wallet-card .plan-note{color:rgba(255,255,255,.78)!important}.theme-wallet-card .pill-mini{background:rgba(255,255,255,.18)!important;color:#fff!important}
/* fixed desktop sidebar with hidden internal scrolling */
@media(min-width:1101px){
  .app,.admin-app{display:block!important;min-height:100vh;overflow-x:hidden}.sidebar,.admin-sidebar{position:fixed!important;left:0;top:0;bottom:auto;width:280px;height:100dvh!important;transform:none!important;padding:16px 14px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.main,.admin-main{margin-left:280px;min-width:0}.brand-row{flex:0 0 auto;padding-bottom:12px!important}.sidebar>.nav,.admin-sidebar>.nav{flex:1 1 auto;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none;padding-right:2px}.sidebar>.nav::-webkit-scrollbar,.admin-sidebar>.nav::-webkit-scrollbar{display:none}.sidebar .divider{flex:0 0 auto;margin:10px 0!important}.sidebar .plan-box{flex:0 0 auto!important;margin-top:0!important;padding:12px!important;max-height:205px;overflow:hidden}.plan-count{font-size:20px!important}.plan-note{font-size:12px!important;line-height:1.35;margin:6px 0!important}.sidebar-add-fund{min-height:38px!important;padding:8px 10px!important}.topbar.qx-topbar{left:280px}.content{max-width:1220px;width:100%}
}
/* product card and Buy Now clipping fixes */
.product-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))!important}.product-card{min-width:0;overflow:hidden}.product-body,.product-card h3,.app-card-footer,.product-actions{min-width:0}.app-card-footer{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(132px,auto)!important;align-items:end!important;gap:10px!important}.product-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important}.product-actions .btn{flex:0 0 auto}.icon-cart{flex:0 0 38px}.price,.stock-pill{max-width:100%;overflow:hidden;text-overflow:ellipsis}.product-cat-title{display:block!important;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* modal/select-buy overflow fixes */
.modal,.modal-card,.profile-select-modal-card,.cart-modal-card,.fund-modal-card{max-width:100vw!important;overflow-x:hidden!important}.profile-choice-list,.profile-modal-list{overflow-x:hidden!important;scrollbar-width:none}.profile-choice-list::-webkit-scrollbar,.profile-modal-list::-webkit-scrollbar{display:none}.profile-choice-text,.profile-choice-text b,.cart-product-title,#buy_option_label,.payment-sub,.pay-info-card b{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.profile-choice-text b{white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.profile-choice-actions{min-width:0}.profile-choice-actions .btn{min-width:86px}.cart-item{grid-template-columns:64px minmax(0,1fr) auto!important}.cart-price{white-space:nowrap;max-width:92px;overflow:hidden;text-overflow:ellipsis}.checkout-box select{min-width:0}.fund-actions{min-width:0}.fund-actions .btn{min-width:0;padding-left:10px!important;padding-right:10px!important}
/* mobile product layout: default two cards per line, category name visible */
@media(max-width:760px){
  body{background:radial-gradient(circle at 10% -8%,var(--theme-bg-soft) 0,#f8f7ff 42%,#fff 100%)}.content{width:100%;padding-left:12px!important;padding-right:12px!important;padding-bottom:calc(var(--bottom-nav-h) + 24px)!important}.page-head.clean-page-head{display:none}.summary-grid.compact-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.summary-card{padding:12px!important}.summary-card b{font-size:17px}.mobile-app-title{display:flex!important}.category-title-row{display:flex!important;visibility:visible!important}.category-title-row h2{display:block!important;font-size:18px!important}.category-title-row span{display:inline-flex!important}.product-view-root.view-grid .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.product-view-root.view-grid .product-card{display:block!important;padding:10px!important;min-width:0!important}.product-view-root.view-grid .product-media-wrap,.product-view-root.view-grid .product-img{width:100%!important;height:94px!important;border-radius:var(--btn-radius)!important}.product-view-root.view-grid .product-cat-title{display:block!important;font-size:9.5px!important;line-height:1.15;margin:7px 24px 3px 0!important;color:var(--primary)!important}.product-view-root.view-grid .product-card h3{font-size:12px!important;line-height:1.2!important;min-height:30px!important;margin:0 24px 6px 0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal!important;overflow:hidden}.product-view-root.view-grid .desc,.product-view-root.view-grid .product-meta{display:none!important}.product-view-root.view-grid .app-card-footer{grid-template-columns:1fr!important;gap:7px!important}.product-view-root.view-grid .product-actions{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;width:100%!important;gap:6px!important}.product-view-root.view-grid .icon-cart{width:34px!important;height:34px!important;min-width:34px!important}.product-view-root.view-grid .buy-pill{width:100%!important;min-width:0!important;font-size:10.5px!important;padding:7px 4px!important}.product-view-root.view-grid .price{font-size:15px!important;line-height:1.2}.product-view-root.view-grid .stock-pill{display:none!important}.product-view-root.view-list .product-grid{grid-template-columns:1fr!important}.product-view-root.view-list .app-card-footer{grid-template-columns:1fr!important}.product-view-root.view-list .product-actions{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;width:100%!important}.bottom-nav.bottom-nav-5{height:var(--bottom-nav-h);align-items:center;overflow:hidden}.bottom-nav.bottom-nav-5 b{max-width:62px!important}.bottom-nav.bottom-nav-5 .nav-add{margin-top:-18px!important}.bottom-nav.bottom-nav-5 .nav-add span{width:48px!important;height:48px!important;border-radius:16px!important;border-width:4px!important}.bottom-nav.bottom-nav-5 .nav-add b{font-size:9.5px!important}.modal{padding:0!important;align-items:flex-end!important}.modal-card{width:100%!important;max-width:100%!important;max-height:92dvh!important;border-radius:22px 22px 0 0!important}.profile-select-modal-card{padding:15px!important}.profile-choice-item{grid-template-columns:1fr!important;gap:10px!important}.profile-choice-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}.profile-choice-actions .btn{width:100%;min-width:0!important;font-size:12px!important}.cart-item{grid-template-columns:56px minmax(0,1fr) auto!important;gap:9px!important;margin-left:12px!important;margin-right:12px!important}.cart-item img{width:56px!important;height:56px!important}.cart-price{font-size:14px!important;max-width:74px}.checkout-box{margin-left:12px!important;margin-right:12px!important;padding:14px!important}.fund-actions{grid-template-columns:1fr!important}.pay-info-card{gap:8px}.pay-info-card b{font-size:13px!important;text-align:right}
}
@media(max-width:390px){.product-view-root.view-grid .product-media-wrap,.product-view-root.view-grid .product-img{height:86px!important}.product-view-root.view-grid .buy-pill{font-size:10px!important}.bottom-nav.bottom-nav-5 b{font-size:9px!important;max-width:54px!important}.cart-price{max-width:62px}.profile-select-summary span{font-size:12px!important}}

/* UI fixes v24 */

/* 320x75 logo style */
.brand-mark-link{display:flex;align-items:center;min-width:0;flex:0 0 auto}
.brand-logo-img{width:160px!important;height:37.5px!important;max-width:100%!important;object-fit:contain!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important}
.brand-row:has(.brand-logo-img){gap:10px}.brand-row:has(.brand-logo-img) .brand-name,.brand-row:has(.brand-logo-img) .brand-sub{display:none}
.mobile-logo-img{width:128px!important;height:30px!important;object-fit:contain!important;border-radius:6px!important;background:transparent!important;box-shadow:none!important}.mobile-top-logo span{display:none!important}
.branding-preview-logo-wide{width:320px;max-width:100%;height:75px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#fff;padding:6px;margin-top:12px}
/* menu card off-white + Add Fund button theme color */
.plan-box.wallet-box,.rgb-wallet-card,.theme-wallet-card{background:#fffdf6!important;color:var(--text)!important;border:1px solid rgba(222,219,242,.9)!important;box-shadow:var(--shadow-soft)!important;isolation:auto!important}.rgb-wallet-card:before,.rgb-wallet-card:after{display:none!important}.plan-box .plan-label,.theme-wallet-card .plan-label,.rgb-wallet-card .plan-label{color:var(--muted)!important}.plan-box .plan-note,.theme-wallet-card .plan-note,.rgb-wallet-card .plan-note{color:var(--muted)!important}.plan-box .pill-mini,.theme-wallet-card .pill-mini,.rgb-wallet-card .pill-mini{background:var(--primary-soft)!important;color:var(--primary)!important}.sidebar-add-fund,.plan-box .sidebar-add-fund{background:linear-gradient(135deg,var(--primary),var(--primary-2))!important;color:#fff!important;border:0!important;box-shadow:0 12px 22px rgba(var(--primary-rgb),.22)!important}
/* Product default list cards: 2/3 items per desktop row and square images */
.product-view-root.view-list .product-grid{grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr))!important;gap:14px!important}.product-view-root.view-list .product-card{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;align-items:center!important}.product-view-root.view-list .product-media-wrap,.product-view-root.view-list .product-img{width:96px!important;height:96px!important;aspect-ratio:1/1!important;object-fit:cover!important}.product-view-root.view-grid .product-media-wrap,.product-view-root.view-grid .product-img{aspect-ratio:1/1!important;height:auto!important;object-fit:cover!important}.product-actions .out-stock-btn,.out-stock-btn{min-width:0!important;max-width:100%!important;white-space:normal!important;line-height:1.15!important;text-align:center!important;padding-left:10px!important;padding-right:10px!important;overflow-wrap:anywhere!important}
@media(min-width:1320px){.product-view-root.view-list .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:761px) and (max-width:1319px){.product-view-root.view-list .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* fixed mobile header, hide it while drawer menu is open */
@media(max-width:760px){
  .dashboard-page .qx-main{padding-top:60px!important}.topbar.qx-topbar.user-topbar-clean{position:fixed!important;left:0!important;right:0!important;top:0!important;width:100%!important;height:60px!important;z-index:80!important;transition:transform .2s ease,opacity .2s ease}.dashboard-page.mobile-menu-open .topbar.qx-topbar.user-topbar-clean{transform:translateY(-100%)!important;opacity:0!important;pointer-events:none!important}.mobile-top-logo{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;max-width:150px!important;display:flex!important;justify-content:center!important}.mobile-top-spacer{width:80px!important}.sidebar.open,.admin-sidebar.open{z-index:90!important}.app-overlay.show{z-index:85!important}.bottom-nav.bottom-nav-5{z-index:70!important}
  .product-view-root.view-list .product-grid{grid-template-columns:1fr!important;gap:10px!important}.product-view-root.view-list .product-card{grid-template-columns:82px minmax(0,1fr)!important;padding:11px!important}.product-view-root.view-list .product-media-wrap,.product-view-root.view-list .product-img{width:82px!important;height:82px!important;aspect-ratio:1/1!important}.product-view-root.view-list .product-card h3{font-size:13px!important;min-height:0!important;margin-right:24px!important}.product-view-root.view-list .app-card-footer{grid-template-columns:1fr!important;gap:7px!important}.product-view-root.view-list .product-actions{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;width:100%!important;gap:6px!important}.product-view-root.view-list .icon-cart{width:34px!important;height:34px!important;min-width:34px!important}.product-view-root.view-list .buy-pill,.product-view-root.view-list .out-stock-btn{width:100%!important;min-width:0!important;font-size:10.5px!important;padding:7px 6px!important}.product-view-root.view-list .price{font-size:15px!important}.product-view-root.view-list .stock-pill{display:none!important}.product-view-root.view-grid .product-media-wrap,.product-view-root.view-grid .product-img{aspect-ratio:1/1!important;height:auto!important}
}
@media(max-width:390px){.product-view-root.view-list .product-card{grid-template-columns:76px minmax(0,1fr)!important}.product-view-root.view-list .product-media-wrap,.product-view-root.view-list .product-img{width:76px!important;height:76px!important}.product-view-root.view-list .out-stock-btn{font-size:10px!important}}


/* UI fixes v25: sidebar card placement, stock labels, compact grid images, wide logo, rounded cards */
.glass,.feature-card,.summary-card,.form-card,.table-card,.table-wrap,.clean-table-wrap,.wallet-box-card,.balance-card,.auth-card,.hero-shell,.support-card,.product-card,.modal-card,.checkout-box,.cart-item,.payment-method-card,.pay-info-card,.profile-choice-item,.order-card,.phone-gate-card{border-radius:var(--radius)!important}
.btn,.btn.small,.input,select,textarea,.nav-item,.top-link,.view-switch,.view-btn,.sort-btn,.amount-grid button,.close{border-radius:var(--btn-radius)!important}
.theme-button-square .glass,.theme-button-square .feature-card,.theme-button-square .summary-card,.theme-button-square .form-card,.theme-button-square .table-card,.theme-button-square .table-wrap,.theme-button-square .clean-table-wrap,.theme-button-square .wallet-box-card,.theme-button-square .balance-card,.theme-button-square .auth-card,.theme-button-square .hero-shell,.theme-button-square .support-card,.theme-button-square .product-card,.theme-button-square .modal-card,.theme-button-square .checkout-box,.theme-button-square .cart-item,.theme-button-square .payment-method-card,.theme-button-square .pay-info-card,.theme-button-square .profile-choice-item,.theme-button-square .order-card,.theme-button-square .phone-gate-card{border-radius:var(--radius)!important}

.brand-mark-link{display:flex!important;align-items:center!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
.brand-logo-img{width:160px!important;height:37.5px!important;aspect-ratio:320/75!important;max-width:100%!important;object-fit:contain!important;object-position:left center!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.mobile-logo-img{width:132px!important;height:31px!important;aspect-ratio:320/75!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.brand-logo-fallback{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;padding:0!important;background:transparent!important;color:var(--text)!important;font-weight:950!important;letter-spacing:-.055em!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;border:0!important;box-shadow:none!important}
.brand-logo-img.brand-logo-fallback{font-size:17px!important}
.mobile-logo-img.brand-logo-fallback{font-size:14px!important;justify-content:center!important}
.brand-row:has(.brand-logo-fallback) .brand-name,.brand-row:has(.brand-logo-fallback) .brand-sub{display:none!important}

.plan-box.wallet-box,.rgb-wallet-card,.theme-wallet-card{background:#fffdf6!important;color:var(--text)!important;border:1px solid rgba(222,219,242,.95)!important;box-shadow:var(--shadow-soft)!important}
.plan-box.wallet-box:before,.plan-box.wallet-box:after,.rgb-wallet-card:before,.rgb-wallet-card:after,.theme-wallet-card:before,.theme-wallet-card:after{display:none!important}
.plan-box .sidebar-add-fund,.sidebar-add-fund{background:linear-gradient(135deg,var(--primary),var(--primary-2))!important;color:#fff!important;border:0!important;box-shadow:0 12px 22px rgba(var(--primary-rgb),.22)!important}

.product-actions.out-stock-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;justify-content:stretch!important}
.product-actions.out-stock-actions .out-stock-btn,.out-stock-btn{width:100%!important;min-width:0!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.1!important;text-align:center!important;font-size:11px!important;padding-left:6px!important;padding-right:6px!important}
.dashboard-page .stock-pill,.dashboard-page .stock{display:inline-block!important;white-space:nowrap!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;vertical-align:top!important;line-height:1.2!important}
.product-card .app-card-footer>div:first-child{min-width:0!important;max-width:100%!important;overflow:hidden!important}
.product-card .price{max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

@media(min-width:761px){
  .product-view-root.view-list .product-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))!important;gap:14px!important;align-items:stretch!important}
  .product-view-root.view-list .product-card{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;align-items:center!important;padding:14px!important}
  .product-view-root.view-list .product-media-wrap,.product-view-root.view-list .product-img{width:96px!important;height:96px!important;aspect-ratio:1/1!important;object-fit:cover!important}
  .product-view-root.view-list .app-card-footer{grid-template-columns:minmax(0,1fr) minmax(126px,auto)!important}
  .product-view-root.view-grid .product-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:14px!important;align-items:stretch!important}
  .product-view-root.view-grid .product-card{display:block!important;padding:14px!important;min-width:0!important}
  .product-view-root.view-grid .product-media-wrap{width:min(100%,220px)!important;height:auto!important;aspect-ratio:1/1!important;margin:0 auto 12px!important;border-radius:var(--radius)!important}
  .product-view-root.view-grid .product-media-wrap .product-img,.product-view-root.view-grid .product-img{width:100%!important;height:100%!important;aspect-ratio:1/1!important;object-fit:cover!important}
  .product-view-root.view-grid .app-card-footer{grid-template-columns:minmax(0,1fr) minmax(118px,auto)!important;align-items:end!important}
  .product-view-root.view-grid .product-actions{display:flex!important;width:auto!important;justify-content:flex-end!important}
  .product-view-root.view-grid .product-actions.out-stock-actions{display:grid!important;width:100%!important;grid-template-columns:1fr!important}
}
@media(min-width:1320px){.product-view-root.view-list .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:761px) and (max-width:1319px){.product-view-root.view-list .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

@media(max-width:1100px){
  .sidebar.open,.admin-sidebar.open{height:100dvh!important;padding:18px 14px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
  .sidebar.open>.brand-row,.admin-sidebar.open>.brand-row{flex:0 0 auto!important;padding-bottom:12px!important}
  .sidebar.open>.nav,.admin-sidebar.open>.nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none!important;padding-right:2px!important}
  .sidebar.open>.nav::-webkit-scrollbar,.admin-sidebar.open>.nav::-webkit-scrollbar{display:none!important}
  .sidebar.open>.divider,.admin-sidebar.open>.divider{flex:0 0 auto!important;margin:10px 0!important}
  .sidebar.open .plan-box{flex:0 0 auto!important;margin-top:0!important;margin-bottom:0!important;padding:12px!important;max-height:180px!important;overflow:hidden!important}
  .sidebar.open .plan-count{font-size:20px!important;line-height:1.12!important;margin-top:6px!important}
  .sidebar.open .plan-note{font-size:12px!important;line-height:1.25!important;margin:6px 0!important}
  .sidebar.open .sidebar-add-fund{min-height:38px!important;padding:8px 10px!important;margin-top:10px!important}
}
@media(max-width:760px){
  .dashboard-page .product-view-root.view-list .stock-pill,.dashboard-page .product-view-root.view-grid .stock-pill{display:inline-block!important}
  .product-view-root.view-list .app-card-footer,.product-view-root.view-grid .app-card-footer{grid-template-columns:1fr!important}
  .product-view-root.view-list .product-actions,.product-view-root.view-grid .product-actions{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;width:100%!important;gap:6px!important}
  .product-view-root.view-list .product-actions.out-stock-actions,.product-view-root.view-grid .product-actions.out-stock-actions{grid-template-columns:1fr!important}
  .product-view-root.view-list .out-stock-btn,.product-view-root.view-grid .out-stock-btn{font-size:10.5px!important;min-height:34px!important;padding:7px 5px!important}
  .product-view-root.view-list .product-media-wrap,.product-view-root.view-list .product-img{aspect-ratio:1/1!important;object-fit:cover!important}
  .product-view-root.view-grid .product-media-wrap,.product-view-root.view-grid .product-img{aspect-ratio:1/1!important;object-fit:cover!important}
}

/* UI fixes v26: never hide product amount/stock in product cards */
.product-card .app-card-footer,
.product-view-root.view-list .app-card-footer,
.product-view-root.view-grid .app-card-footer{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-items:stretch!important;
  gap:8px!important;
}
.product-card .app-card-footer>div:first-child,
.product-view-root.view-list .app-card-footer>div:first-child,
.product-view-root.view-grid .app-card-footer>div:first-child{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}
.product-card .price,
.product-view-root.view-list .price,
.product-view-root.view-grid .price{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  line-height:1.12!important;
  letter-spacing:-.03em!important;
}
.product-card .stock-pill,
.product-card .stock,
.product-view-root.view-list .stock-pill,
.product-view-root.view-grid .stock-pill{
  display:inline-flex!important;
  max-width:100%!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  margin-top:3px!important;
}
.product-card .product-actions,
.product-view-root.view-list .product-actions,
.product-view-root.view-grid .product-actions{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  gap:8px!important;
  justify-content:stretch!important;
  align-items:center!important;
}
.product-card .product-actions.out-stock-actions,
.product-view-root.view-list .product-actions.out-stock-actions,
.product-view-root.view-grid .product-actions.out-stock-actions{
  grid-template-columns:1fr!important;
}
.product-card .buy-pill,
.product-view-root.view-list .buy-pill,
.product-view-root.view-grid .buy-pill,
.product-card .out-stock-btn,
.product-view-root.view-list .out-stock-btn,
.product-view-root.view-grid .out-stock-btn{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
.product-card .icon-cart,
.product-view-root.view-list .icon-cart,
.product-view-root.view-grid .icon-cart{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
}
@media(max-width:760px){
  .product-view-root.view-list .price,
  .product-view-root.view-grid .price{font-size:17px!important;line-height:1.08!important;}
  .product-view-root.view-list .stock-pill,
  .product-view-root.view-grid .stock-pill{font-size:10px!important;padding:3px 6px!important;}
  .product-view-root.view-list .product-actions,
  .product-view-root.view-grid .product-actions{grid-template-columns:34px minmax(0,1fr)!important;gap:6px!important;}
  .product-view-root.view-list .icon-cart,
  .product-view-root.view-grid .icon-cart{width:34px!important;min-width:34px!important;height:34px!important;}
  .product-view-root.view-list .buy-pill,
  .product-view-root.view-grid .buy-pill,
  .product-view-root.view-list .out-stock-btn,
  .product-view-root.view-grid .out-stock-btn{font-size:10.5px!important;min-height:34px!important;padding:7px 5px!important;}
}


/* UI fixes v27: compact desktop products, wide sidebar logo, and two-step add fund modal */
.dashboard-page .qx-sidebar .brand-row,
.admin-sidebar .brand-row{
  min-height:62px!important;
  align-items:center!important;
  gap:0!important;
  padding:8px 6px 18px!important;
}
.dashboard-page .qx-sidebar .brand-text,
.admin-sidebar .brand-text{
  display:none!important;
}
.dashboard-page .qx-sidebar .brand-mark-link,
.admin-sidebar .brand-mark-link{
  width:min(220px,100%)!important;
  height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
}
.dashboard-page .qx-sidebar .brand-logo-img,
.admin-sidebar .brand-logo-img{
  width:220px!important;
  height:52px!important;
  aspect-ratio:320/75!important;
  max-width:100%!important;
  display:block!important;
  object-fit:fill!important;
  object-position:left center!important;
  border-radius:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.dashboard-page .qx-sidebar .brand-logo-fallback,
.admin-sidebar .brand-logo-fallback{
  width:220px!important;
  height:52px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  font-size:20px!important;
  letter-spacing:-.055em!important;
}

@media(min-width:761px){
  .product-view-root.view-list .product-grid{
    grid-template-columns:repeat(auto-fill,minmax(236px,1fr))!important;
    gap:12px!important;
    align-items:stretch!important;
  }
  .product-view-root.view-list .product-card{
    grid-template-columns:72px minmax(0,1fr)!important;
    gap:10px!important;
    padding:12px!important;
    align-items:start!important;
    min-width:0!important;
  }
  .product-view-root.view-list .product-media-wrap,
  .product-view-root.view-list .product-img{
    width:72px!important;
    height:72px!important;
    aspect-ratio:1/1!important;
    border-radius:16px!important;
    object-fit:cover!important;
  }
  .product-view-root.view-list .product-card h3{
    font-size:14px!important;
    line-height:1.18!important;
    margin:0 30px 4px 0!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .product-view-root.view-list .desc{
    font-size:12px!important;
    line-height:1.25!important;
    margin-bottom:6px!important;
  }
  .product-view-root.view-list .product-meta{
    gap:4px!important;
    margin-bottom:6px!important;
  }
  .product-view-root.view-list .product-meta span{
    font-size:9.5px!important;
    padding:3px 6px!important;
  }
  .product-view-root.view-list .price{
    font-size:18px!important;
  }
  .product-view-root.view-list .stock-pill{
    font-size:10px!important;
    padding:3px 6px!important;
  }
  .product-view-root.view-list .product-actions{
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:7px!important;
  }
  .product-view-root.view-list .icon-cart{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
  }
  .product-view-root.view-list .buy-pill,
  .product-view-root.view-list .out-stock-btn{
    min-height:36px!important;
    font-size:11px!important;
    padding:7px 8px!important;
  }
  .product-view-root.view-grid .product-grid{
    grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;
    gap:12px!important;
  }
  .product-view-root.view-grid .product-card{
    padding:12px!important;
  }
  .product-view-root.view-grid .product-media-wrap{
    width:min(100%,150px)!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    margin:0 auto 10px!important;
  }
  .product-view-root.view-grid .product-media-wrap .product-img,
  .product-view-root.view-grid .product-img{
    width:100%!important;
    height:100%!important;
    aspect-ratio:1/1!important;
    object-fit:cover!important;
  }
}

.fund-modal-card .fund-step-title{
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  padding:12px 13px!important;
  margin-bottom:0!important;
}
.fund-modal-card .fund-step-title h3{
  margin:0 0 3px!important;
  font-size:16px!important;
  letter-spacing:-.025em!important;
}
.fund-modal-card .fund-step-title p{
  margin:0!important;
  color:var(--muted)!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:650!important;
}
.fund-modal-card .amount-grid button,
.fund-modal-card .input,
.fund-modal-card textarea,
.fund-modal-card .payment-method-card,
.fund-modal-card .pay-info-card{
  border-radius:var(--radius-sm)!important;
}
.fund-modal-card #fundContinue{
  width:100%!important;
}

@media(max-width:760px){
  .dashboard-page .qx-sidebar .brand-mark-link,
  .dashboard-page .qx-sidebar .brand-logo-img,
  .dashboard-page .qx-sidebar .brand-logo-fallback{
    width:172px!important;
    height:40px!important;
  }
  .dashboard-page .qx-sidebar .brand-row{
    min-height:52px!important;
    padding-bottom:12px!important;
  }
}


/* UI fixes v28: product card content layout */
.product-card .product-media-col{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
}
.product-card .media-stock{
  display:none!important;
  max-width:100%!important;
  text-align:center!important;
  justify-content:center!important;
}
.product-card .footer-stock{display:inline-flex!important;}
.product-card .product-cat-title{display:none!important;}
.product-card .product-desc-link{
  width:100%!important;
  border:0!important;
  background:linear-gradient(180deg,rgba(246,243,255,.95),rgba(255,255,255,.75))!important;
  color:#6f6987!important;
  text-align:left!important;
  cursor:pointer!important;
  padding:4px 6px!important;
  border-radius:10px!important;
  line-height:1.3!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-family:inherit!important;
}
.product-card .product-desc-link:hover{color:var(--primary)!important;background:#f4efff!important;}
.product-card h3{font-size:17px!important;line-height:1.18!important;}
.product-card .price-stock-row{min-width:0!important;display:block!important;}
.product-card .product-actions{grid-template-columns:1fr!important;min-width:104px!important;}
.product-card .icon-cart{display:none!important;}
.product-card .buy-pill,.product-card .out-stock-btn{width:100%!important;}

@media(min-width:761px){
  .product-view-root.view-list .product-card{
    grid-template-columns:78px minmax(0,1fr)!important;
    gap:12px!important;
  }
  .product-view-root.view-list .product-media-wrap,
  .product-view-root.view-list .product-img{
    width:78px!important;
    height:78px!important;
  }
  .product-view-root.view-list .media-stock{display:inline-flex!important;font-size:9.6px!important;padding:3px 5px!important;}
  .product-view-root.view-list .footer-stock{display:none!important;}
  .product-view-root.view-list .product-card h3{font-size:16px!important;margin-right:30px!important;margin-bottom:5px!important;}
  .product-view-root.view-list .desc{font-size:12.2px!important;max-width:100%!important;margin-bottom:7px!important;}
  .product-view-root.view-list .product-actions{min-width:96px!important;}
  .product-view-root.view-list .app-card-footer{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:10px!important;}
  .product-view-root.view-list .buy-pill,.product-view-root.view-list .out-stock-btn{min-height:36px!important;border-radius:12px!important;}

  .product-view-root.view-grid .price-stock-row{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:7px!important;
    width:100%!important;
  }
  .product-view-root.view-grid .footer-stock{display:inline-flex!important;flex:0 0 auto!important;}
  .product-view-root.view-grid .media-stock{display:none!important;}
  .product-view-root.view-grid .product-card h3{font-size:16.5px!important;}
  .product-view-root.view-grid .desc{font-size:12.5px!important;}
  .product-view-root.view-grid .app-card-footer{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;}
  .product-view-root.view-grid .product-actions{width:100%!important;min-width:0!important;}
  .product-view-root.view-grid .buy-pill,.product-view-root.view-grid .out-stock-btn{min-height:38px!important;}
}

@media(max-width:760px){
  .product-card .media-stock{display:inline-flex!important;font-size:9.4px!important;padding:3px 5px!important;}
  .product-card .footer-stock{display:none!important;}
  .product-card h3{font-size:15.2px!important;margin-right:26px!important;}
  .product-card .product-desc-link{font-size:12px!important;max-width:100%!important;}
  .product-view-root.view-list .product-actions,
  .product-view-root.view-grid .product-actions{grid-template-columns:1fr!important;width:100%!important;min-width:0!important;}
  .product-view-root.view-list .buy-pill,
  .product-view-root.view-list .out-stock-btn,
  .product-view-root.view-grid .buy-pill,
  .product-view-root.view-grid .out-stock-btn{width:100%!important;min-height:36px!important;font-size:11px!important;}
  .product-view-root.view-list .app-card-footer,
  .product-view-root.view-grid .app-card-footer{grid-template-columns:1fr!important;gap:7px!important;}
  .product-view-root.view-grid .price-stock-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;}
  .product-view-root.view-grid .footer-stock{display:inline-flex!important;font-size:9px!important;}
  .product-view-root.view-grid .media-stock{display:none!important;}
}

/* UI fixes v28: product card content order, no plus icon, description popup, and stock placement */
.product-card .product-cat-title,
.product-card .icon-cart{
  display:none!important;
}
.product-card .product-visual{
  width:96px!important;
  min-width:96px!important;
  display:grid!important;
  gap:6px!important;
  align-content:start!important;
  justify-items:center!important;
}
.product-card .product-media-wrap,
.product-card .product-img{
  width:96px!important;
  height:96px!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
}
.product-card h3,
.product-view-root.view-list .product-card h3,
.product-view-root.view-grid .product-card h3{
  font-size:16px!important;
  line-height:1.16!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  margin:0 30px 6px 0!important;
}
.product-card .desc-link,
.product-view-root.view-list .desc-link,
.product-view-root.view-grid .desc-link{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  border:0!important;
  background:linear-gradient(90deg,rgba(91,45,244,.10),rgba(91,45,244,.03))!important;
  color:#5f5879!important;
  text-align:left!important;
  border-radius:10px!important;
  padding:4px 7px!important;
  font-size:12px!important;
  line-height:1.35!important;
  margin:0 0 7px!important;
  cursor:pointer!important;
  white-space:normal!important;
  text-overflow:clip!important;
  max-width:100%!important;
}
.product-card .desc-link:hover{
  color:var(--primary)!important;
  background:var(--primary-soft)!important;
}
.product-card .price-stock-row{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-width:0!important;
}
.product-card .stock-under-image{
  display:inline-flex!important;
  font-size:10px!important;
  padding:3px 7px!important;
  max-width:96px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  margin:0!important;
}
.product-card .stock-inline{
  display:none!important;
  flex:0 0 auto!important;
  margin:0!important;
}
.product-card .product-actions,
.product-view-root.view-list .product-actions,
.product-view-root.view-grid .product-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  width:100%!important;
  gap:0!important;
}
.product-card .buy-pill,
.product-card .out-stock-btn,
.product-view-root.view-list .buy-pill,
.product-view-root.view-list .out-stock-btn,
.product-view-root.view-grid .buy-pill,
.product-view-root.view-grid .out-stock-btn{
  width:100%!important;
  min-height:38px!important;
  border-radius:14px!important;
}

@media(min-width:761px){
  .product-view-root.view-list .product-grid{
    grid-template-columns:repeat(auto-fill,minmax(245px,1fr))!important;
    gap:12px!important;
  }
  .product-view-root.view-list .product-card{
    grid-template-columns:92px minmax(0,1fr)!important;
    gap:12px!important;
    padding:12px!important;
    align-items:start!important;
  }
  .product-view-root.view-list .product-visual{
    width:92px!important;
    min-width:92px!important;
  }
  .product-view-root.view-list .product-media-wrap,
  .product-view-root.view-list .product-img{
    width:92px!important;
    height:92px!important;
    border-radius:16px!important;
  }
  .product-view-root.view-list .stock-under-image{
    max-width:92px!important;
  }
  .product-view-root.view-list .stock-inline{
    display:none!important;
  }
  .product-view-root.view-list .price{font-size:18px!important;}

  .product-view-root.view-grid .product-grid{
    grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;
    gap:12px!important;
  }
  .product-view-root.view-grid .product-card{
    display:block!important;
    padding:12px!important;
  }
  .product-view-root.view-grid .product-visual{
    width:100%!important;
    min-width:0!important;
    display:block!important;
  }
  .product-view-root.view-grid .product-media-wrap{
    width:min(100%,138px)!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    margin:0 auto 10px!important;
  }
  .product-view-root.view-grid .product-media-wrap .product-img,
  .product-view-root.view-grid .product-img{
    width:100%!important;
    height:100%!important;
    aspect-ratio:1/1!important;
  }
  .product-view-root.view-grid .stock-under-image{
    display:none!important;
  }
  .product-view-root.view-grid .stock-inline{
    display:inline-flex!important;
    font-size:10px!important;
    padding:3px 7px!important;
  }
  .product-view-root.view-grid .price-stock-row{
    display:flex!important;
  }
  .product-view-root.view-grid .price{
    font-size:18px!important;
    min-width:0!important;
  }
}

@media(min-width:1320px){
  .product-view-root.view-list .product-grid,
  .product-view-root.view-grid .product-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  .product-view-root.view-list .product-card,
  .product-view-root.view-grid .product-card{
    grid-template-columns:82px minmax(0,1fr)!important;
    gap:11px!important;
    padding:11px!important;
  }
  .product-card .product-visual,
  .product-view-root.view-list .product-visual,
  .product-view-root.view-grid .product-visual{
    width:82px!important;
    min-width:82px!important;
  }
  .product-card .product-media-wrap,
  .product-card .product-img,
  .product-view-root.view-list .product-media-wrap,
  .product-view-root.view-list .product-img,
  .product-view-root.view-grid .product-media-wrap,
  .product-view-root.view-grid .product-img{
    width:82px!important;
    height:82px!important;
    border-radius:16px!important;
  }
  .product-card .stock-under-image,
  .product-view-root.view-list .stock-under-image,
  .product-view-root.view-grid .stock-under-image{
    display:inline-flex!important;
    max-width:82px!important;
  }
  .product-card .stock-inline,
  .product-view-root.view-list .stock-inline,
  .product-view-root.view-grid .stock-inline{
    display:none!important;
  }
  .product-card h3,
  .product-view-root.view-list .product-card h3,
  .product-view-root.view-grid .product-card h3{
    font-size:15px!important;
    line-height:1.15!important;
    margin:0 28px 5px 0!important;
  }
  .product-card .desc-link,
  .product-view-root.view-list .desc-link,
  .product-view-root.view-grid .desc-link{
    font-size:11.5px!important;
    line-height:1.25!important;
    padding:4px 6px!important;
    margin-bottom:6px!important;
  }
  .product-card .product-meta,
  .product-view-root.view-list .product-meta,
  .product-view-root.view-grid .product-meta{
    display:flex!important;
    margin-bottom:6px!important;
    gap:4px!important;
  }
  .product-card .price,
  .product-view-root.view-list .price,
  .product-view-root.view-grid .price{
    font-size:17px!important;
  }
  .product-card .buy-pill,
  .product-card .out-stock-btn,
  .product-view-root.view-list .buy-pill,
  .product-view-root.view-list .out-stock-btn,
  .product-view-root.view-grid .buy-pill,
  .product-view-root.view-grid .out-stock-btn{
    min-height:34px!important;
    font-size:11px!important;
  }
}

@media(max-width:390px){
  .product-view-root.view-list .product-card,
  .product-view-root.view-grid .product-card{grid-template-columns:76px minmax(0,1fr)!important;}
  .product-card .product-visual,
  .product-view-root.view-list .product-visual,
  .product-view-root.view-grid .product-visual{width:76px!important;min-width:76px!important;}
  .product-card .product-media-wrap,
  .product-card .product-img,
  .product-view-root.view-list .product-media-wrap,
  .product-view-root.view-list .product-img,
  .product-view-root.view-grid .product-media-wrap,
  .product-view-root.view-grid .product-img{width:76px!important;height:76px!important;}
  .product-card .stock-under-image{max-width:76px!important;font-size:9.5px!important;padding:3px 5px!important;}
}


/* v29: hard fix for Add Fund 2-step modal visibility */
#fundAmountStep{display:grid!important}
#fundPaymentStep{display:none!important}
#fundAmountStep.is-hidden,#fundPaymentStep.is-hidden,.fund-step[hidden]{display:none!important}
#fundPaymentStep.is-active{display:grid!important}
#fundAmountStep.is-active{display:grid!important}
.fund-form.is-payment-step #fundAmountStep{display:none!important}
.fund-form.is-payment-step #fundPaymentStep{display:grid!important}
.fund-form:not(.is-payment-step) #fundPaymentStep{display:none!important}
.fund-step-title h3{margin:0 0 4px;font-size:16px;letter-spacing:-.02em}
.fund-step-title p{margin:0;color:var(--muted);font-size:12px;font-weight:750;line-height:1.35}

/* v30 final responsive/UX stabilization */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{overflow-x:hidden}.qx-main,.qx-content,.product-body,.table-wrap,.clean-table-wrap{min-width:0}.content.qx-content{width:100%}
img{max-width:100%;height:auto}.brand-logo-img,.mobile-logo-img{object-fit:contain}.brand-logo-fallback{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
button,a,input,select,textarea{touch-action:manipulation}.btn,.nav-item,.category-list a,.view-btn{user-select:none}.btn:disabled{opacity:.62;cursor:not-allowed;transform:none!important;box-shadow:none!important}
.desc-link,.desc{border:0;background:transparent;text-align:left;padding:0;cursor:pointer}.desc-link:focus,.btn:focus,.input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid rgba(var(--primary-rgb),.35);outline-offset:2px}
.modal{overscroll-behavior:contain}.modal-card{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}.modal-card textarea{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.cart-modal-card{width:min(420px,calc(100vw - 20px))}.profile-select-modal-card{width:min(760px,calc(100vw - 24px))}.profile-choice-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.profile-choice-text{min-width:0}.profile-choice-text b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.table-wrap,.clean-table-wrap{-webkit-overflow-scrolling:touch}.table-wrap table,.clean-table-wrap table{white-space:nowrap}.table-wrap td,.clean-table-wrap td{max-width:340px;overflow:hidden;text-overflow:ellipsis}.table-wrap td .btn,.clean-table-wrap td .btn{white-space:nowrap}.fund-history .table-wrap td,.wallet-table-card .table-wrap td{max-width:260px}
.product-card{overflow:hidden}.product-card .product-body{display:grid;gap:0}.product-card .product-meta span{border-radius:999px;background:#f7f6ff;color:#625d76;font-weight:850}.stock-under-image{margin-top:7px;max-width:100%;justify-content:center}.price-stock-row{min-width:0}.product-actions{min-width:0}.product-actions .btn{min-width:0;white-space:nowrap}.out-stock-actions{grid-template-columns:1fr!important}
.auth-wrap{min-height:100dvh}.auth-card{width:min(440px,calc(100vw - 28px))}.auth-brand{min-width:0}.auth-brand span{min-width:0}.auth-brand b,.auth-brand small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:1100px){
  .app,.admin-app{grid-template-columns:1fr!important}.sidebar,.admin-sidebar{position:fixed!important;left:0;top:0;bottom:0;width:min(300px,88vw);transform:translateX(-110%);transition:transform .22s ease;box-shadow:24px 0 60px rgba(20,16,45,.22)}.sidebar.open,.admin-sidebar.open{transform:translateX(0)}.mobile-menu{display:inline-flex}.topbar.qx-topbar{justify-content:space-between}.content{max-width:none;padding-left:18px;padding-right:18px}.admin-main,.main{width:100%}.app-overlay{position:fixed;inset:0;background:rgba(16,13,32,.45);backdrop-filter:blur(6px);display:none}.app-overlay.show{display:block}
}
@media(max-width:900px){.summary-grid,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-overview-grid,.support-grid,.premium-profile-grid{grid-template-columns:1fr!important}.form-row{grid-template-columns:1fr}.page-head{align-items:flex-start}.top-actions{display:none}.landing-nav{display:none}.hero-grid,.stats{grid-template-columns:1fr!important}}
@media(max-width:760px){
  :root{--bottom-nav-h:76px}.content{padding:14px 12px calc(var(--bottom-nav-h) + 26px)!important}.page-head.clean-page-head{display:none}.mobile-app-title{display:flex}.shop-title-row{display:none}.summary-grid.compact-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.summary-card{padding:12px!important}.summary-card b{font-size:17px}.shop-toolbar{grid-template-columns:1fr;margin-bottom:10px}.shop-search{grid-template-columns:1fr}.shop-search .btn,.sort-btn{display:none}.category-title-row{margin-top:12px}.category-title-row h2{font-size:16px}.category-products .product-grid{gap:10px!important}.product-card{box-shadow:0 10px 22px rgba(28,22,76,.07)!important}.product-card:hover{transform:none}.product-meta span{font-size:9.5px!important;padding:3px 6px!important}.fav-btn{top:9px!important;right:9px!important;width:28px!important;height:28px!important;font-size:18px!important}.bottom-nav{position:fixed!important;left:10px!important;right:10px!important;bottom:10px!important;height:var(--bottom-nav-h)!important;background:#fff;border:1px solid var(--line);box-shadow:0 20px 45px rgba(24,18,60,.18);border-radius:24px;display:grid!important;grid-template-columns:repeat(5,1fr);align-items:center;padding:7px;gap:3px}.bottom-nav a{display:grid;place-items:center;text-align:center;color:#6b667e;font-size:10px;font-weight:900}.bottom-nav a span{width:24px;height:24px;display:grid;place-items:center}.bottom-nav a.active{color:var(--primary)}.bottom-nav .nav-add{margin-top:-22px}.bottom-nav .nav-add span{width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 12px 24px rgba(var(--primary-rgb),.32)}.modal{padding:10px;align-items:flex-end}.modal-card{border-radius:22px 22px 0 0!important;width:100%;max-height:88dvh}.cart-modal-card,.fund-modal-card{width:100%;max-width:100%}.profile-choice-item{display:grid!important;grid-template-columns:1fr;gap:10px}.profile-choice-actions{justify-content:stretch}.profile-choice-actions .btn{flex:1}.table-card{padding:12px!important}.table-head{display:block}.table-title{font-size:17px}.phone-gate-card,.wallet-box-card,.balance-card,.form-card{padding:16px!important}.profile-premium-hero{display:grid!important;grid-template-columns:auto 1fr;gap:12px}.profile-hero-balance{grid-column:1/-1}.landing-actions .btn.secondary{display:none}.hero h1{font-size:34px!important}.section{padding:34px 0!important}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}
}
@media(max-width:420px){.content{padding-left:10px!important;padding-right:10px!important}.summary-grid.compact-summary{grid-template-columns:1fr 1fr}.product-view-root.view-list .product-card,.product-view-root.view-grid .product-card{grid-template-columns:74px minmax(0,1fr)!important;gap:9px!important;padding:10px!important}.product-card .product-visual,.product-view-root.view-list .product-visual,.product-view-root.view-grid .product-visual{width:74px!important;min-width:74px!important}.product-card .product-media-wrap,.product-card .product-img,.product-view-root.view-list .product-media-wrap,.product-view-root.view-list .product-img,.product-view-root.view-grid .product-media-wrap,.product-view-root.view-grid .product-img{width:74px!important;height:74px!important}.product-card .stock-under-image{max-width:74px!important;font-size:8.8px!important}.product-card h3{font-size:14px!important}.product-card .price{font-size:15px!important}.product-card .buy-pill,.product-card .out-stock-btn{min-height:32px!important;font-size:10px!important;padding:6px!important}.bottom-nav{left:6px!important;right:6px!important;bottom:6px!important}}


/* v33: Add Fund payment step fixed layout + admin configurable suggested amounts */
.fund-modal-card{
  width:min(560px,calc(100vw - 24px))!important;
  max-width:560px!important;
  max-height:calc(100dvh - 24px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-bottom:max(18px,env(safe-area-inset-bottom))!important;
  background:#f7f6ff!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
}
.fund-modal-card .fund-form{
  padding:0 16px 18px!important;
}
.fund-modal-card .fund-payment-step{
  gap:10px!important;
}
.fund-modal-card .fund-method-card{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:12px!important;
}
.fund-modal-card .payment-method-text{min-width:0!important;}
.fund-modal-card .payment-title,
.fund-modal-card .payment-sub{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.fund-modal-card .fund-account-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
.fund-modal-card .fund-account-row{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:58px!important;
  padding:12px 13px!important;
}
.fund-modal-card .fund-account-row span,
.fund-modal-card .fund-account-row b,
.fund-modal-card .fund-account-row small{
  margin:0!important;
  min-width:0!important;
  white-space:nowrap!important;
}
.fund-modal-card .fund-account-row b{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:left!important;
}
.fund-modal-card textarea[name="user_note"]{
  min-height:86px!important;
  max-height:130px!important;
  resize:vertical!important;
}
.fund-modal-card input[type="file"].input{
  min-height:42px!important;
  padding:8px 12px!important;
}
.fund-modal-card .fund-actions{
  position:sticky!important;
  bottom:0!important;
  z-index:8!important;
  display:grid!important;
  grid-template-columns:1fr 1.35fr!important;
  gap:10px!important;
  margin-top:2px!important;
  padding:10px 0 2px!important;
  background:linear-gradient(180deg,rgba(247,246,255,0),#f7f6ff 22%,#f7f6ff 100%)!important;
}
.fund-modal-card .fund-actions .btn{
  min-height:44px!important;
}

@media(max-width:760px){
  .modal.show{align-items:flex-end!important;}
  .fund-modal-card{
    width:100%!important;
    max-width:100%!important;
    max-height:94dvh!important;
    border-radius:22px 22px 0 0!important;
  }
  .fund-modal-card .fund-payment-step{gap:9px!important;}
  .fund-modal-card .fund-account-grid{
    grid-template-columns:1fr!important;
  }
  .fund-modal-card .fund-account-row{
    grid-template-columns:1fr auto!important;
    gap:5px 10px!important;
    min-height:60px!important;
  }
  .fund-modal-card .fund-account-row span{
    grid-column:1 / -1!important;
    font-size:11px!important;
  }
  .fund-modal-card .fund-account-row b{
    font-size:13px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    text-align:left!important;
  }
  .fund-modal-card textarea[name="user_note"]{
    min-height:76px!important;
    max-height:108px!important;
  }
  .fund-modal-card .fund-actions{
    grid-template-columns:1fr!important;
    padding-bottom:max(6px,env(safe-area-inset-bottom))!important;
  }
}

/* v34: desktop product price/amount overlap fix + wider list cards */
@media (min-width:761px){
  .product-view-root.view-list .product-grid{
    grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;
    gap:16px!important;
    align-items:stretch!important;
  }
  .product-view-root.view-list .product-card{
    grid-template-columns:100px minmax(0,1fr)!important;
    gap:14px!important;
    padding:14px!important;
    min-height:204px!important;
    align-items:start!important;
  }
  .product-view-root.view-list .product-visual{
    width:100px!important;
    min-width:100px!important;
  }
  .product-view-root.view-list .product-media-wrap,
  .product-view-root.view-list .product-img{
    width:100px!important;
    height:100px!important;
    border-radius:18px!important;
  }
  .product-view-root.view-list .stock-under-image{
    max-width:100px!important;
    font-size:10px!important;
  }
  .product-view-root.view-list .product-card h3{
    display:block!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:initial!important;
    max-width:calc(100% - 34px)!important;
    max-height:2.42em!important;
    margin:0 34px 6px 0!important;
    font-size:16px!important;
    line-height:1.21!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
  .product-view-root.view-list .desc-link{
    min-height:42px!important;
  }

  .product-view-root.view-list .app-card-footer,
  .product-view-root.view-grid .app-card-footer{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    width:100%!important;
    margin-top:2px!important;
  }
  .product-view-root.view-list .price-stock-row,
  .product-view-root.view-grid .price-stock-row{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    min-height:28px!important;
  }
  .product-view-root.view-list .price,
  .product-view-root.view-grid .price{
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    line-height:1.05!important;
    font-size:19px!important;
    letter-spacing:-.035em!important;
    transform:none!important;
    position:relative!important;
    z-index:1!important;
  }
  .product-view-root.view-list .stock-inline,
  .product-view-root.view-grid .stock-inline{
    flex:0 0 auto!important;
  }
  .product-view-root.view-list .product-actions,
  .product-view-root.view-grid .product-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    min-width:0!important;
    gap:0!important;
  }
  .product-view-root.view-list .buy-pill,
  .product-view-root.view-list .out-stock-btn,
  .product-view-root.view-grid .buy-pill,
  .product-view-root.view-grid .out-stock-btn{
    width:100%!important;
    min-height:40px!important;
    border-radius:14px!important;
    padding:8px 12px!important;
    position:static!important;
    transform:none!important;
  }
}

@media (min-width:1320px){
  .product-view-root.view-list .product-grid{
    grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;
  }
}


/* v36: Full description popup fixed */
#descModal{
  padding:18px!important;
}
#descModal .desc-modal-card{
  width:min(620px,calc(100vw - 28px))!important;
  max-width:620px!important;
  max-height:calc(100dvh - 36px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:0!important;
  background:#fff!important;
  border-radius:28px!important;
  scrollbar-width:thin!important;
  -webkit-overflow-scrolling:touch;
}
#descModal .desc-modal-card::-webkit-scrollbar{
  width:8px!important;
  display:block!important;
}
#descModal .desc-modal-card::-webkit-scrollbar-thumb{
  background:rgba(var(--primary-rgb),.28)!important;
  border-radius:999px!important;
}
#descModal .desc-modal-head{
  position:sticky!important;
  top:0!important;
  z-index:5!important;
  margin:0!important;
  padding:18px 20px 12px!important;
  background:linear-gradient(180deg,#fff 72%,rgba(255,255,255,.92))!important;
  border-bottom:1px solid rgba(226,221,245,.75)!important;
}
#descModal #descTitle{
  min-width:0!important;
  max-width:calc(100% - 54px)!important;
  font-size:22px!important;
  line-height:1.2!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:break-word!important;
}
#descModal .desc-modal-body{
  padding:18px 20px 22px!important;
  color:#5f5879!important;
  font-size:15px!important;
  line-height:1.75!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  max-width:100%!important;
}
@media(max-width:760px){
  #descModal{
    align-items:flex-end!important;
    padding:0!important;
  }
  #descModal .desc-modal-card{
    width:100%!important;
    max-width:100%!important;
    max-height:86dvh!important;
    border-radius:24px 24px 0 0!important;
  }
  #descModal .desc-modal-head{
    padding:16px 16px 11px!important;
  }
  #descModal #descTitle{
    font-size:18px!important;
  }
  #descModal .desc-modal-body{
    padding:15px 16px max(22px,env(safe-area-inset-bottom))!important;
    font-size:14px!important;
    line-height:1.72!important;
  }
}

/* v37: dual light/dark mode with safe contrast across public, dashboard and admin pages */
:root{
  color-scheme:light;
  --theme-toggle-bg:#ffffff;
  --theme-toggle-text:#171427;
  --theme-toggle-border:rgba(222,219,242,.95);
  --theme-toggle-shadow:0 10px 24px rgba(27,18,77,.09);
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#070a14!important;
  --bg-2:#0b1020!important;
  --card:#111827!important;
  --card-2:#0f172a!important;
  --text:#f8fafc!important;
  --muted:#a7b0c4!important;
  --line:rgba(148,163,184,.20)!important;
  --line-2:rgba(148,163,184,.26)!important;
  --primary-soft:rgba(var(--primary-rgb),.22)!important;
  --success:#34d399!important;
  --warning:#fbbf24!important;
  --danger:#fb7185!important;
  --shadow:0 24px 60px rgba(0,0,0,.38)!important;
  --shadow-soft:0 16px 34px rgba(0,0,0,.30)!important;
  --theme-toggle-bg:#111827;
  --theme-toggle-text:#f8fafc;
  --theme-toggle-border:rgba(148,163,184,.30);
  --theme-toggle-shadow:0 18px 34px rgba(0,0,0,.30);
}
.theme-mode-toggle{
  appearance:none;
  border:1px solid var(--theme-toggle-border)!important;
  background:var(--theme-toggle-bg)!important;
  color:var(--theme-toggle-text)!important;
  min-height:42px;
  padding:8px 12px;
  border-radius:999px!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:13px;
  font-weight:900;
  line-height:1;
  box-shadow:var(--theme-toggle-shadow)!important;
  white-space:nowrap;
  flex:0 0 auto;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.theme-mode-toggle:hover{transform:translateY(-1px)}
.theme-mode-toggle-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:13px;line-height:1}
.theme-toggle-fixed{position:fixed;top:16px;right:16px;z-index:60}
.landing-actions .theme-mode-toggle{margin-right:2px}
.user-theme-actions{margin-left:auto;display:flex;align-items:center;gap:10px}

html[data-theme="dark"] body{
  background:radial-gradient(circle at 8% -8%,rgba(var(--primary-rgb),.20) 0,rgba(7,10,20,.98) 42%,#050713 100%)!important;
  color:var(--text)!important;
}
html[data-theme="dark"] *,
html[data-theme="dark"] *::before,
html[data-theme="dark"] *::after{border-color:var(--line)}
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] label,
html[data-theme="dark"] table,
html[data-theme="dark"] th,
html[data-theme="dark"] td,
html[data-theme="dark"] .brand-name,
html[data-theme="dark"] .brand-logo-fallback,
html[data-theme="dark"] .payment-title,
html[data-theme="dark"] .cart-product-title,
html[data-theme="dark"] .checkout-label-title,
html[data-theme="dark"] .price,
html[data-theme="dark"] .plan-count,
html[data-theme="dark"] .page-head h1,
html[data-theme="dark"] .app-shop-head h1,
html[data-theme="dark"] .shop-title-row h2,
html[data-theme="dark"] .category-title-row h2,
html[data-theme="dark"] .feature-card h3,
html[data-theme="dark"] .auth-card h1{
  color:var(--text)!important;
}
html[data-theme="dark"] .muted,
html[data-theme="dark"] .lead,
html[data-theme="dark"] .subtitle,
html[data-theme="dark"] .brand-sub,
html[data-theme="dark"] .mini,
html[data-theme="dark"] .payment-sub,
html[data-theme="dark"] .plan-note,
html[data-theme="dark"] .plan-label,
html[data-theme="dark"] .footer,
html[data-theme="dark"] .footer .container,
html[data-theme="dark"] .landing-nav,
html[data-theme="dark"] .desc,
html[data-theme="dark"] .desc-link,
html[data-theme="dark"] .category-title-row span,
html[data-theme="dark"] .feature-card p,
html[data-theme="dark"] .testimonial span,
html[data-theme="dark"] .preview-card span,
html[data-theme="dark"] .stat span{
  color:var(--muted)!important;
}
html[data-theme="dark"] .glass,
html[data-theme="dark"] .feature-card,
html[data-theme="dark"] .summary-card,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .table-card,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .clean-table-wrap,
html[data-theme="dark"] .wallet-box-card,
html[data-theme="dark"] .balance-card,
html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .hero-shell,
html[data-theme="dark"] .support-card,
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .modal-card,
html[data-theme="dark"] .checkout-box,
html[data-theme="dark"] .cart-item,
html[data-theme="dark"] .payment-method-card,
html[data-theme="dark"] .pay-info-card,
html[data-theme="dark"] .profile-choice-item,
html[data-theme="dark"] .order-card,
html[data-theme="dark"] .phone-gate-card,
html[data-theme="dark"] .category-panel{
  background:rgba(17,24,39,.88)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
  box-shadow:var(--shadow-soft)!important;
}
html[data-theme="dark"] .sidebar,
html[data-theme="dark"] .admin-sidebar{
  background:rgba(9,13,25,.94)!important;
  border-right-color:var(--line)!important;
  box-shadow:10px 0 36px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] .topbar.qx-topbar{
  background:rgba(7,10,20,.82)!important;
  border-bottom-color:var(--line)!important;
}
html[data-theme="dark"] .nav-item{
  color:#cbd5e1!important;
}
html[data-theme="dark"] .nav-item:hover,
html[data-theme="dark"] .nav-item.active{
  background:rgba(var(--primary-rgb),.20)!important;
  color:#ffffff!important;
}
html[data-theme="dark"] .input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .select{
  background:#0b1020!important;
  color:var(--text)!important;
  border-color:var(--line-2)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 2px 8px rgba(0,0,0,.22)!important;
}
html[data-theme="dark"] .input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#7f8ca3!important}
html[data-theme="dark"] .input:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] textarea:focus{
  border-color:rgba(var(--primary-rgb),.86)!important;
  box-shadow:0 0 0 4px rgba(var(--primary-rgb),.18)!important;
}
html[data-theme="dark"] .btn.secondary,
html[data-theme="dark"] .top-link,
html[data-theme="dark"] .avatar,
html[data-theme="dark"] .view-switch,
html[data-theme="dark"] .view-btn,
html[data-theme="dark"] .sort-btn,
html[data-theme="dark"] .nav-pill,
html[data-theme="dark"] .hero-preview,
html[data-theme="dark"] .preview-card,
html[data-theme="dark"] .stat,
html[data-theme="dark"] .hero-badges span,
html[data-theme="dark"] .product-meta span,
html[data-theme="dark"] .shop-count,
html[data-theme="dark"] .mini-count,
html[data-theme="dark"] .auth-badge,
html[data-theme="dark"] .pill-mini,
html[data-theme="dark"] .qty-btn,
html[data-theme="dark"] .qty-input,
html[data-theme="dark"] .close,
html[data-theme="dark"] .cart-back,
html[data-theme="dark"] .amount-grid button,
html[data-theme="dark"] .category-list a{
  background:#111827!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
html[data-theme="dark"] .view-btn.active,
html[data-theme="dark"] .category-list a.active,
html[data-theme="dark"] .amount-grid button.active{
  background:linear-gradient(135deg,var(--primary),var(--primary-2))!important;
  color:#fff!important;
  border-color:transparent!important;
}
html[data-theme="dark"] .summary-card span,
html[data-theme="dark"] .wallet-box-card span,
html[data-theme="dark"] .balance-card span{color:var(--muted)!important}
html[data-theme="dark"] .summary-card b,
html[data-theme="dark"] .wallet-box-card b,
html[data-theme="dark"] .balance-card b{color:var(--text)!important}
html[data-theme="dark"] table thead th{
  background:#0b1020!important;
  color:#e5e7eb!important;
}
html[data-theme="dark"] table tbody tr,
html[data-theme="dark"] table tbody td{
  background:transparent!important;
  color:#dbe4f0!important;
  border-color:var(--line)!important;
}
html[data-theme="dark"] tr:hover td{background:rgba(var(--primary-rgb),.06)!important}
html[data-theme="dark"] .badge{background:rgba(var(--primary-rgb),.18)!important;color:#d9d2ff!important}
html[data-theme="dark"] .badge.green{background:rgba(52,211,153,.16)!important;color:#86efac!important}
html[data-theme="dark"] .badge.yellow{background:rgba(251,191,36,.17)!important;color:#fde68a!important}
html[data-theme="dark"] .badge.red,
html[data-theme="dark"] .badge.danger{background:rgba(251,113,133,.18)!important;color:#fecdd3!important}
html[data-theme="dark"] .badge.blue{background:rgba(56,189,248,.18)!important;color:#7dd3fc!important}
html[data-theme="dark"] .alert{
  background:#111827!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
html[data-theme="dark"] .alert-success{background:rgba(52,211,153,.13)!important;color:#bbf7d0!important;border-color:rgba(52,211,153,.28)!important}
html[data-theme="dark"] .alert-danger{background:rgba(251,113,133,.13)!important;color:#fecdd3!important;border-color:rgba(251,113,133,.28)!important}
html[data-theme="dark"] .alert-warning{background:rgba(251,191,36,.13)!important;color:#fde68a!important;border-color:rgba(251,191,36,.28)!important}
html[data-theme="dark"] .plan-box.wallet-box,
html[data-theme="dark"] .rgb-wallet-card,
html[data-theme="dark"] .theme-wallet-card{
  background:linear-gradient(180deg,rgba(17,24,39,.96),rgba(15,23,42,.94))!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
html[data-theme="dark"] .plan-box .sidebar-add-fund,
html[data-theme="dark"] .sidebar-add-fund{color:#fff!important}
html[data-theme="dark"] .product-img,
html[data-theme="dark"] .cart-item img,
html[data-theme="dark"] .product-media-wrap{background:#0b1020!important;border-color:var(--line)!important}
html[data-theme="dark"] .product-card h3,
html[data-theme="dark"] .cart-total-row b,
html[data-theme="dark"] .fund-account-row b,
html[data-theme="dark"] .pay-info-card b{color:var(--text)!important}
html[data-theme="dark"] .stock-pill,
html[data-theme="dark"] .stock,
html[data-theme="dark"] .stock-inline{background:rgba(52,211,153,.14)!important;color:#86efac!important;border-color:rgba(52,211,153,.24)!important}
html[data-theme="dark"] .modal{
  background:rgba(0,0,0,.62)!important;
}
html[data-theme="dark"] #descModal .desc-modal-card{
  background:#111827!important;
  color:var(--text)!important;
}
html[data-theme="dark"] #descModal .desc-modal-head{
  background:linear-gradient(180deg,#111827 72%,rgba(17,24,39,.92))!important;
  border-bottom-color:var(--line)!important;
}
html[data-theme="dark"] #descModal .desc-modal-body{
  color:#cbd5e1!important;
}
html[data-theme="dark"] .bottom-nav{
  background:rgba(9,13,25,.94)!important;
  border-top-color:var(--line)!important;
}
html[data-theme="dark"] .bottom-nav a{color:#cbd5e1!important}
html[data-theme="dark"] .bottom-nav a.active{color:#fff!important}
html[data-theme="dark"] .app-overlay{background:rgba(0,0,0,.55)!important}
html[data-theme="dark"] .toast{background:#111827!important;color:#fff!important;border:1px solid var(--line)!important}
html[data-theme="dark"] .landing-admin-note,
html[data-theme="dark"] .payment-alert{
  background:rgba(var(--primary-rgb),.14)!important;
  color:#e9e5ff!important;
  border-color:rgba(var(--primary-rgb),.24)!important;
}
html[data-theme="dark"] a:not(.btn):not(.nav-item):not(.bottom-nav a){color:inherit}

@media(max-width:900px){
  .landing-actions{align-items:center;justify-content:flex-end}
  .landing-actions .theme-mode-toggle{order:-1}
}
@media(max-width:760px){
  .theme-mode-toggle{min-height:38px;padding:7px 9px;font-size:0;gap:0}
  .theme-mode-toggle-icon{width:24px;height:24px;font-size:12px}
  .theme-toggle-fixed{top:12px;right:12px}
  .user-theme-actions{margin-left:0}
  .topbar.qx-topbar .theme-mode-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%)}
  .topbar.qx-topbar .theme-mode-toggle:hover{transform:translateY(-50%)}
  .mobile-top-spacer{min-width:40px!important}
  .landing-actions .theme-mode-toggle{font-size:0}
}

/* v37b: keep theme switch visible on dashboard desktop and admin/user mobile topbars */
.desktop-dashboard-theme{display:none;position:fixed;top:18px;right:22px;z-index:65}
@media(min-width:1101px){
  .dashboard-page .desktop-dashboard-theme{display:inline-flex!important}
}
@media(max-width:1100px){
  .desktop-dashboard-theme{display:none!important}
}
@media(max-width:900px){
  .top-actions.theme-top-actions{display:flex!important;align-items:center!important;gap:8px!important;margin-left:auto!important}
  .top-actions.theme-top-actions .top-link,
  .top-actions.theme-top-actions .avatar{display:none!important}
}

/* v38: true neutral dark mode + admin color safe overrides
   Dark mode no longer uses purple/theme gradients for page/card backgrounds. */
:root[data-theme="dark"]{
  --bg:#05070d!important;
  --bg-2:#090d16!important;
  --card:#111722!important;
  --card-2:#0d1420!important;
  --text:#f8fafc!important;
  --muted:#aab4c4!important;
  --line:rgba(148,163,184,.20)!important;
  --line-2:rgba(148,163,184,.28)!important;
  --primary-soft:rgba(255,255,255,.065)!important;
  --theme-bg-soft:rgba(255,255,255,.055)!important;
  --theme-bg-softer:rgba(255,255,255,.035)!important;
  --theme-line:rgba(148,163,184,.20)!important;
  --shadow:0 26px 70px rgba(0,0,0,.42)!important;
  --shadow-soft:0 16px 40px rgba(0,0,0,.32)!important;
  --theme-toggle-bg:#111722!important;
  --theme-toggle-text:#f8fafc!important;
  --theme-toggle-border:rgba(148,163,184,.28)!important;
}
html[data-theme="dark"] body{
  background:#05070d!important;
  background-image:none!important;
  color:var(--text)!important;
}
html[data-theme="dark"] .topbar.qx-topbar,
html[data-theme="dark"] .sidebar,
html[data-theme="dark"] .admin-sidebar,
html[data-theme="dark"] .bottom-nav{
  background:rgba(8,12,20,.96)!important;
  background-image:none!important;
}
html[data-theme="dark"] .glass,
html[data-theme="dark"] .feature-card,
html[data-theme="dark"] .summary-card,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .table-card,
html[data-theme="dark"] .wallet-box-card,
html[data-theme="dark"] .balance-card,
html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .hero-shell,
html[data-theme="dark"] .support-card,
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .modal-card,
html[data-theme="dark"] .checkout-box,
html[data-theme="dark"] .cart-item,
html[data-theme="dark"] .payment-method-card,
html[data-theme="dark"] .pay-info-card,
html[data-theme="dark"] .profile-choice-item,
html[data-theme="dark"] .order-card,
html[data-theme="dark"] .phone-gate-card,
html[data-theme="dark"] .category-panel,
html[data-theme="dark"] .hero-preview,
html[data-theme="dark"] .preview-card,
html[data-theme="dark"] .stat{
  background:#111722!important;
  background-image:none!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
  box-shadow:var(--shadow-soft)!important;
}
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .clean-table-wrap{
  background:#111722!important;
  background-image:none!important;
}
html[data-theme="dark"] .btn:not(.secondary),
html[data-theme="dark"] .btn.light,
html[data-theme="dark"] .btn.green,
html[data-theme="dark"] .view-btn.active,
html[data-theme="dark"] .category-list a.active,
html[data-theme="dark"] .amount-grid button.active,
html[data-theme="dark"] .bottom-nav .nav-add span{
  background:var(--primary)!important;
  background-image:none!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 12px 26px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] .btn.secondary,
html[data-theme="dark"] .top-link,
html[data-theme="dark"] .avatar,
html[data-theme="dark"] .view-switch,
html[data-theme="dark"] .view-btn,
html[data-theme="dark"] .sort-btn,
html[data-theme="dark"] .nav-pill,
html[data-theme="dark"] .hero-badges span,
html[data-theme="dark"] .product-meta span,
html[data-theme="dark"] .shop-count,
html[data-theme="dark"] .mini-count,
html[data-theme="dark"] .auth-badge,
html[data-theme="dark"] .pill-mini,
html[data-theme="dark"] .qty-btn,
html[data-theme="dark"] .qty-input,
html[data-theme="dark"] .close,
html[data-theme="dark"] .cart-back,
html[data-theme="dark"] .amount-grid button,
html[data-theme="dark"] .category-list a,
html[data-theme="dark"] .theme-mode-toggle{
  background:#0d1420!important;
  background-image:none!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
html[data-theme="dark"] .input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .select{
  background:#0b111c!important;
  background-image:none!important;
  color:var(--text)!important;
  border-color:var(--line-2)!important;
}
html[data-theme="dark"] .nav-item:hover,
html[data-theme="dark"] .nav-item.active{
  background:#151d2b!important;
  background-image:none!important;
  color:#ffffff!important;
  box-shadow:inset 3px 0 0 var(--primary)!important;
}
html[data-theme="dark"] .feature-icon,
html[data-theme="dark"] .support-icon,
html[data-theme="dark"] .theme-mode-toggle-icon{
  background:#151d2b!important;
  background-image:none!important;
  color:#f8fafc!important;
}
html[data-theme="dark"] .rgb-wallet-card,
html[data-theme="dark"] .theme-wallet-card,
html[data-theme="dark"] .plan-box.wallet-box{
  background:#111722!important;
  background-image:none!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
}
html[data-theme="dark"] .rgb-wallet-card:before,
html[data-theme="dark"] .rgb-wallet-card:after,
html[data-theme="dark"] .theme-wallet-card:before,
html[data-theme="dark"] .theme-wallet-card:after{
  display:none!important;
  content:none!important;
}
html[data-theme="dark"] .sidebar-add-fund{
  background:var(--primary)!important;
  color:#fff!important;
}
html[data-theme="dark"] .fund-modal-card{
  background:#111722!important;
  background-image:none!important;
}
html[data-theme="dark"] .fund-modal-card .fund-actions{
  background:linear-gradient(180deg,rgba(17,23,34,0),#111722 22%,#111722 100%)!important;
}
html[data-theme="dark"] .payment-alert,
html[data-theme="dark"] .landing-admin-note{
  background:#151d2b!important;
  background-image:none!important;
  color:#e5e7eb!important;
  border-color:var(--line)!important;
}
html[data-theme="dark"] #descModal .desc-modal-card,
html[data-theme="dark"] #descModal .desc-modal-head{
  background:#111722!important;
  background-image:none!important;
}
html[data-theme="dark"] .brand-dot,
html[data-theme="dark"] .brand-mark,
html[data-theme="dark"] .avatar-inner{
  background:var(--primary)!important;
  background-image:none!important;
}


/* v39: separate Light/Dark logos + product popup contrast fixes */
.theme-logo-wrap{display:inline-grid;place-items:center;line-height:0;vertical-align:middle;flex:0 0 auto}
.theme-logo-wrap .theme-logo-dark{display:none!important}
html[data-theme="dark"] .theme-logo-wrap .theme-logo-light{display:none!important}
html[data-theme="dark"] .theme-logo-wrap .theme-logo-dark{display:block!important}
.brand-row .theme-logo-wrap,.auth-brand .theme-logo-wrap,.brand .theme-logo-wrap,.mobile-top-logo .theme-logo-wrap{display:inline-grid;place-items:center}
.dark-logo-preview{background:#111722!important;color:#f8fafc!important;border-color:rgba(148,163,184,.22)!important}
.dark-logo-preview .muted{color:#cbd5e1!important}

/* Wishlist/favourite button removed from markup; this keeps any old cached markup hidden. */
.fav-btn{display:none!important}
.product-card h3{margin-right:0!important}
.product-view-root.view-grid .product-card h3{margin-right:0!important}
.product-view-root.view-grid .product-cat-title{margin-right:0!important}

.profile-select-summary span{
  background:#f7f6ff!important;
  color:#241f35!important;
  border-color:var(--line)!important;
}
.profile-select-summary span b{
  color:#0f1020!important;
}
.profile-select-head h2,
.profile-choice-text b{
  color:var(--text)!important;
}
.profile-choice-text span{
  color:var(--muted)!important;
}
html[data-theme="dark"] .profile-select-summary span{
  background:#0d1420!important;
  color:#e5e7eb!important;
  border-color:var(--line)!important;
}
html[data-theme="dark"] .profile-select-summary span b{
  color:#ffffff!important;
}
html[data-theme="dark"] .profile-select-head h2,
html[data-theme="dark"] .profile-choice-text b{
  color:var(--text)!important;
}
html[data-theme="dark"] .profile-choice-text span{
  color:var(--muted)!important;
}
html[data-theme="dark"] .profile-select-modal-card,
html[data-theme="dark"] .cart-modal-card{
  background:#111722!important;
  color:var(--text)!important;
}
html[data-theme="dark"] #buy_option_row,
html[data-theme="dark"] #buy_option_label,
html[data-theme="dark"] #buy_wallet_balance,
html[data-theme="dark"] #buy_price,
html[data-theme="dark"] #buy_total_price{
  color:var(--text)!important;
}
.product-view-root.view-grid .product-actions,
.product-view-root.view-list .product-actions{
  grid-template-columns:1fr!important;
}
.product-actions .buy-pill,
.product-actions .out-stock-btn{
  grid-column:1 / -1!important;
}


/* v40: Add Fund card rotating RGB + admin theme-color border */
.wallet-add-premium{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border:1px solid rgba(var(--primary-rgb),.30)!important;
  background:rgba(255,255,255,.92)!important;
  background-image:none!important;
  box-shadow:0 18px 42px rgba(var(--primary-rgb),.10),var(--shadow-soft)!important;
}
.wallet-add-premium:before{
  content:""!important;
  position:absolute!important;
  inset:-3px!important;
  border-radius:inherit!important;
  padding:3px!important;
  background:conic-gradient(from 0deg,var(--primary),#ff005d,#ffb703,#22c55e,#06b6d4,#a855f7,var(--primary))!important;
  animation:addFundCardBorderSpin 3.6s linear infinite!important;
  pointer-events:none!important;
  z-index:2!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
}
.wallet-add-premium:after{
  content:""!important;
  position:absolute!important;
  right:-42px!important;
  bottom:-42px!important;
  width:130px!important;
  height:130px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(var(--primary-rgb),.14),rgba(var(--primary-rgb),.04) 48%,transparent 70%)!important;
  z-index:0!important;
  pointer-events:none!important;
}
.wallet-add-premium>*{
  position:relative!important;
  z-index:3!important;
}
.wallet-add-premium h2,
.wallet-add-premium .muted{
  color:var(--text)!important;
}
.wallet-add-premium .muted{
  color:var(--muted)!important;
}
.wallet-add-premium .btn{
  background:linear-gradient(135deg,var(--primary),var(--primary-2))!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(var(--primary-rgb),.24)!important;
}
@keyframes addFundCardBorderSpin{
  to{transform:rotate(360deg)}
}
html[data-theme="dark"] .wallet-add-premium{
  background:#111722!important;
  background-image:none!important;
  border-color:rgba(var(--primary-rgb),.34)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] .wallet-add-premium:before{
  display:block!important;
  content:""!important;
  background:conic-gradient(from 0deg,var(--primary),#ff005d,#f59e0b,#22c55e,#06b6d4,#a855f7,var(--primary))!important;
}
html[data-theme="dark"] .wallet-add-premium:after{
  display:block!important;
  content:""!important;
  background:radial-gradient(circle,rgba(var(--primary-rgb),.18),rgba(var(--primary-rgb),.06) 48%,transparent 70%)!important;
}
html[data-theme="dark"] .wallet-add-premium h2{
  color:#f8fafc!important;
}
html[data-theme="dark"] .wallet-add-premium .muted{
  color:#cbd5e1!important;
}
@media (prefers-reduced-motion:reduce){
  .wallet-add-premium:before{animation:none!important}
}


/* v41: Move rotating RGB/theme border from Add Fund content card to sidebar menu balance card */
.wallet-add-premium{
  position:relative!important;
  overflow:hidden!important;
  isolation:auto!important;
  border:1px solid rgba(222,219,242,.85)!important;
  background:rgba(255,255,255,.86)!important;
  background-image:none!important;
  box-shadow:var(--shadow-soft)!important;
}
.wallet-add-premium:before,
.wallet-add-premium:after{
  content:none!important;
  display:none!important;
  animation:none!important;
}
.wallet-add-premium>*{
  position:relative!important;
  z-index:auto!important;
}
html[data-theme="dark"] .wallet-add-premium{
  background:rgba(17,24,39,.88)!important;
  background-image:none!important;
  border-color:rgba(148,163,184,.22)!important;
  box-shadow:var(--shadow-soft)!important;
}
html[data-theme="dark"] .wallet-add-premium h2{color:#f8fafc!important}
html[data-theme="dark"] .wallet-add-premium .muted{color:#cbd5e1!important}

.qx-sidebar .plan-box.wallet-box{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:0 18px 38px rgba(var(--primary-rgb),.12),var(--shadow-soft)!important;
}
.qx-sidebar .plan-box.wallet-box:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:conic-gradient(from 0deg,var(--primary),#ff005d,#ffb703,#22c55e,#06b6d4,#a855f7,var(--primary))!important;
  animation:addFundMenuBorderSpin 3.4s linear infinite!important;
  pointer-events:none!important;
  z-index:0!important;
}
.qx-sidebar .plan-box.wallet-box:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:2px!important;
  border-radius:calc(var(--radius) - 2px)!important;
  background:linear-gradient(180deg,#fffdf6,#ffffff)!important;
  pointer-events:none!important;
  z-index:1!important;
}
.qx-sidebar .plan-box.wallet-box>*{
  position:relative!important;
  z-index:2!important;
}
.qx-sidebar .plan-box.wallet-box .plan-label,
.qx-sidebar .plan-box.wallet-box .plan-note{
  color:var(--muted)!important;
}
.qx-sidebar .plan-box.wallet-box .plan-count{
  color:var(--text)!important;
}
.qx-sidebar .plan-box.wallet-box .pill-mini{
  background:rgba(var(--primary-rgb),.12)!important;
  color:var(--primary)!important;
}
html[data-theme="dark"] .qx-sidebar .plan-box.wallet-box{
  background:transparent!important;
  box-shadow:0 18px 44px rgba(0,0,0,.32)!important;
}
html[data-theme="dark"] .qx-sidebar .plan-box.wallet-box:after{
  background:linear-gradient(180deg,#111722,#0d1320)!important;
}
html[data-theme="dark"] .qx-sidebar .plan-box.wallet-box .plan-count{
  color:#f8fafc!important;
}
html[data-theme="dark"] .qx-sidebar .plan-box.wallet-box .plan-label,
html[data-theme="dark"] .qx-sidebar .plan-box.wallet-box .plan-note{
  color:#cbd5e1!important;
}
html[data-theme="dark"] .qx-sidebar .plan-box.wallet-box .pill-mini{
  background:rgba(var(--primary-rgb),.22)!important;
  color:#fff!important;
}
@keyframes addFundMenuBorderSpin{
  to{transform:rotate(360deg)}
}
@media (prefers-reduced-motion:reduce){
  .qx-sidebar .plan-box.wallet-box:before{animation:none!important}
}

/* v42: robust Light/Dark logo swap fix
   Prevents both uploaded logos from stacking/bleeding in sidebar/mobile/header when other logo rules force img display:block. */
.theme-logo-wrap{
  position:relative!important;
  display:inline-block!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
  line-height:0!important;
  vertical-align:middle!important;
}
.brand-row .theme-logo-wrap,
.auth-brand .theme-logo-wrap,
.brand .theme-logo-wrap{
  width:160px!important;
  height:37.5px!important;
}
.mobile-top-logo .theme-logo-wrap{
  width:132px!important;
  height:31px!important;
}
.dashboard-page .qx-sidebar .brand-mark-link .theme-logo-wrap,
.admin-sidebar .brand-mark-link .theme-logo-wrap{
  width:220px!important;
  height:52px!important;
  max-width:100%!important;
}
.theme-logo-wrap > img.theme-logo-light,
.theme-logo-wrap > img.theme-logo-dark{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center center!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
.brand-row .theme-logo-wrap > img.theme-logo-light,
.brand-row .theme-logo-wrap > img.theme-logo-dark,
.dashboard-page .qx-sidebar .brand-mark-link .theme-logo-wrap > img.theme-logo-light,
.dashboard-page .qx-sidebar .brand-mark-link .theme-logo-wrap > img.theme-logo-dark,
.admin-sidebar .brand-mark-link .theme-logo-wrap > img.theme-logo-light,
.admin-sidebar .brand-mark-link .theme-logo-wrap > img.theme-logo-dark{
  object-position:left center!important;
}
.theme-logo-wrap > img.theme-logo-light{
  opacity:1!important;
  visibility:visible!important;
  z-index:2!important;
}
.theme-logo-wrap > img.theme-logo-dark{
  opacity:0!important;
  visibility:hidden!important;
  z-index:1!important;
}
html[data-theme="dark"] .theme-logo-wrap > img.theme-logo-light{
  opacity:0!important;
  visibility:hidden!important;
  z-index:1!important;
}
html[data-theme="dark"] .theme-logo-wrap > img.theme-logo-dark{
  opacity:1!important;
  visibility:visible!important;
  z-index:2!important;
}
@media(max-width:760px){
  .dashboard-page .qx-sidebar .brand-mark-link .theme-logo-wrap,
  .admin-sidebar .brand-mark-link .theme-logo-wrap{
    width:172px!important;
    height:40px!important;
  }
}

/* v43: mobile dashboard topbar alignment fix
   Logo now stays centered between the menu button and dark/light toggle instead of overlaying the menu. */
@media(max-width:760px){
  .dashboard-page .topbar.qx-topbar.user-topbar-clean{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    align-items:center!important;
    gap:8px!important;
    justify-content:normal!important;
    padding:0 12px!important;
  }
  .dashboard-page .user-topbar-clean .mobile-menu{
    grid-column:1!important;
    position:relative!important;
    z-index:3!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    padding:0!important;
    display:inline-grid!important;
    place-items:center!important;
    justify-self:start!important;
    font-size:0!important;
    gap:0!important;
    overflow:hidden!important;
  }
  .dashboard-page .user-topbar-clean .mobile-menu svg{
    width:21px!important;
    height:21px!important;
    margin:0!important;
  }
  .dashboard-page .user-topbar-clean .mobile-top-logo{
    grid-column:2!important;
    position:static!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    margin:0!important;
    z-index:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    pointer-events:auto!important;
  }
  .dashboard-page .mobile-top-logo .theme-logo-wrap{
    width:min(132px,100%)!important;
    height:31px!important;
    max-width:100%!important;
  }
  .dashboard-page .user-topbar-clean .mobile-top-spacer{
    display:none!important;
    width:0!important;
    min-width:0!important;
  }
  .dashboard-page .user-topbar-clean .top-actions.theme-top-actions,
  .dashboard-page .user-topbar-clean .user-theme-actions{
    grid-column:3!important;
    position:relative!important;
    z-index:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    justify-self:end!important;
    width:42px!important;
    min-width:42px!important;
    margin-left:0!important;
    gap:0!important;
  }
  .dashboard-page .user-topbar-clean .theme-mode-toggle{
    position:static!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    padding:0!important;
    display:inline-grid!important;
    place-items:center!important;
  }
  .dashboard-page .user-topbar-clean .theme-mode-toggle:hover{
    transform:none!important;
  }
}

/* v44: stronger mobile dashboard topbar safe-area fix
   Keeps the logo inside the center safe zone so it cannot sit on top of the Menu button or theme switch. */
@media(max-width:760px){
  .dashboard-page .topbar.qx-topbar.user-topbar-clean{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:0!important;
    width:100%!important;
    height:60px!important;
    min-height:60px!important;
    padding:0!important;
    display:block!important;
    background:rgba(247,246,255,.92)!important;
    border-bottom:1px solid rgba(233,231,246,.72)!important;
    overflow:hidden!important;
    z-index:80!important;
  }
  html[data-theme="dark"] .dashboard-page .topbar.qx-topbar.user-topbar-clean{
    background:rgba(11,16,25,.94)!important;
    border-bottom-color:rgba(47,58,77,.72)!important;
  }
  .dashboard-page .user-topbar-clean .mobile-menu{
    position:absolute!important;
    left:12px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    padding:0!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    justify-content:center!important;
    align-items:center!important;
    font-size:0!important;
    line-height:0!important;
    gap:0!important;
    z-index:5!important;
    overflow:hidden!important;
  }
  .dashboard-page .user-topbar-clean .mobile-menu svg{
    width:21px!important;
    height:21px!important;
    margin:0!important;
    flex:0 0 auto!important;
  }
  .dashboard-page .user-topbar-clean .mobile-top-logo{
    position:absolute!important;
    left:66px!important;
    right:66px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    z-index:1!important;
    pointer-events:auto!important;
  }
  .dashboard-page .mobile-top-logo .theme-logo-wrap{
    width:min(164px,100%)!important;
    max-width:100%!important;
    height:34px!important;
    margin:0 auto!important;
    display:block!important;
    overflow:hidden!important;
  }
  .dashboard-page .mobile-top-logo .theme-logo-wrap > img.theme-logo-light,
  .dashboard-page .mobile-top-logo .theme-logo-wrap > img.theme-logo-dark,
  .dashboard-page .mobile-logo-img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
  .dashboard-page .user-topbar-clean .mobile-top-spacer{
    display:none!important;
    width:0!important;
    min-width:0!important;
  }
  .dashboard-page .user-topbar-clean .top-actions.theme-top-actions,
  .dashboard-page .user-topbar-clean .user-theme-actions{
    position:absolute!important;
    right:12px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    z-index:5!important;
  }
  .dashboard-page .user-topbar-clean .theme-mode-toggle{
    position:static!important;
    transform:none!important;
    right:auto!important;
    top:auto!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    font-size:0!important;
    gap:0!important;
  }
  .dashboard-page .user-topbar-clean .theme-mode-toggle:hover{transform:none!important}
  .dashboard-page.mobile-menu-open .topbar.qx-topbar.user-topbar-clean{
    transform:translateY(-100%)!important;
    opacity:0!important;
    pointer-events:none!important;
  }
}
@media(max-width:360px){
  .dashboard-page .user-topbar-clean .mobile-top-logo{left:58px!important;right:58px!important}
  .dashboard-page .mobile-top-logo .theme-logo-wrap{width:min(140px,100%)!important;height:32px!important}
}


/* v45: Professional public landing page redesign */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.landing-page{
  font-family:"Plus Jakarta Sans",Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important;
  background:
    radial-gradient(circle at 10% -12%,rgba(var(--primary-rgb),.18),transparent 34%),
    radial-gradient(circle at 92% 8%,rgba(6,182,212,.16),transparent 32%),
    radial-gradient(circle at 52% 102%,rgba(245,158,11,.12),transparent 34%),
    linear-gradient(180deg,#fbfdff 0%,#f6f8ff 48%,#ffffff 100%)!important;
  color:#0b1220!important;
}
.landing-page .landing-topbar{
  position:sticky!important;
  top:12px!important;
  z-index:90!important;
  min-height:76px!important;
  height:auto!important;
  padding:12px 16px!important;
  margin-top:12px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(222,219,242,.86)!important;
  border-radius:26px!important;
  box-shadow:0 20px 50px rgba(21,31,71,.08)!important;
  backdrop-filter:blur(20px)!important;
}
.landing-page .landing-brand{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;overflow:hidden!important;gap:0!important}
.landing-page .landing-brand > span:not(.theme-logo-wrap),
.landing-page .landing-brand > .brand-name{display:none!important}
.landing-page .landing-brand .theme-logo-wrap,
.landing-page .landing-logo-img{
  width:178px!important;
  height:42px!important;
  max-width:178px!important;
  object-fit:contain!important;
  object-position:left center!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.landing-page .landing-brand .brand-logo-fallback{
  width:48px!important;
  height:48px!important;
  max-width:48px!important;
  border-radius:18px!important;
  font-size:0!important;
  color:transparent!important;
  background:linear-gradient(135deg,var(--primary),#06b6d4)!important;
  box-shadow:0 14px 28px rgba(var(--primary-rgb),.22)!important;
  position:relative!important;
}
.landing-page .landing-brand .brand-logo-fallback:before{content:"⚡";font-size:23px;color:#fff;position:absolute;inset:0;display:grid;place-items:center}
.landing-page .landing-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;color:#596275!important;font-weight:850!important;font-size:13px!important}
.landing-page .landing-nav a{padding:10px 12px!important;border-radius:999px!important;transition:.18s ease!important}
.landing-page .landing-nav a:hover{background:rgba(var(--primary-rgb),.09)!important;color:var(--primary)!important}
.landing-page .landing-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;flex-wrap:nowrap!important}
.landing-page .landing-actions .btn{min-height:42px!important;padding:10px 15px!important;font-size:13px!important;box-shadow:0 12px 24px rgba(var(--primary-rgb),.18)!important}
.landing-page .landing-actions .btn.secondary{box-shadow:0 10px 20px rgba(15,23,42,.06)!important}
.landing-page .landing-main{padding:26px 0 54px!important}
.landing-page .landing-hero{padding-top:18px!important}
.landing-page .landing-hero-shell{
  position:relative!important;
  overflow:hidden!important;
  padding:42px!important;
  border:1px solid rgba(222,219,242,.86)!important;
  background:
    radial-gradient(circle at 0 0,rgba(var(--primary-rgb),.16),transparent 36%),
    radial-gradient(circle at 100% 12%,rgba(34,197,94,.16),transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,255,255,.76))!important;
  box-shadow:0 26px 70px rgba(21,31,71,.12)!important;
  border-radius:32px!important;
}
.landing-page .landing-hero-shell:before{
  content:"";position:absolute;inset:auto -90px -160px auto;width:360px;height:360px;border-radius:50%;
  background:radial-gradient(circle,rgba(6,182,212,.18),transparent 66%);pointer-events:none;
}
.landing-page .landing-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr)!important;gap:36px!important;align-items:center!important;position:relative!important;z-index:1!important}
.landing-page .landing-eyebrow{gap:8px!important;background:rgba(255,255,255,.82)!important;box-shadow:0 10px 24px rgba(15,23,42,.06)!important}
.landing-page .landing-hero h1{font-size:clamp(36px,5.2vw,70px)!important;line-height:.96!important;letter-spacing:-.07em!important;margin:18px 0 16px!important;color:#08111f!important;max-width:760px!important}
.landing-page .landing-hero p{font-size:clamp(15px,1.8vw,19px)!important;color:#5c667a!important;max-width:670px!important;line-height:1.72!important}
.landing-page .landing-hero-cta{margin-top:24px!important;align-items:center!important;gap:12px!important}
.landing-page .landing-hero-cta .btn{min-height:52px!important;padding:14px 21px!important;font-size:15px!important}
.landing-page .landing-trust-badges{margin-top:18px!important;gap:8px!important}
.landing-page .landing-trust-badges span{background:#ffffff!important;border:1px solid rgba(222,219,242,.9)!important;color:#465064!important;box-shadow:0 8px 16px rgba(15,23,42,.04)!important}
.landing-page .landing-hero-visual{position:relative!important;min-width:0!important}
.landing-page .store-window{position:relative!important;overflow:hidden!important;border-radius:28px!important;border:1px solid rgba(222,219,242,.95)!important;background:linear-gradient(180deg,#ffffff,#f9fbff)!important;box-shadow:0 26px 60px rgba(15,23,42,.14)!important}
.landing-page .store-window .preview-bar{background:rgba(248,250,252,.9)!important;color:#64748b!important;gap:0!important}
.landing-page .store-window-body{display:grid!important;gap:13px!important;padding:18px!important}
.landing-page .checkout-status-card,.landing-page .checkout-product-card,.landing-page .checkout-key-box{border:1px solid rgba(222,219,242,.92)!important;background:#fff!important;border-radius:20px!important;padding:16px!important;box-shadow:0 12px 26px rgba(15,23,42,.055)!important}
.landing-page .checkout-status-card{background:linear-gradient(135deg,#ecfdf5,#ffffff)!important}
.landing-page .checkout-status-card span,.landing-page .checkout-key-box span{display:block!important;color:#64748b!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.landing-page .checkout-status-card b{display:block!important;font-size:30px!important;color:#059669!important;letter-spacing:-.04em!important}
.landing-page .checkout-status-card small{color:#64748b!important;font-weight:700!important}
.landing-page .checkout-product-card{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;background:linear-gradient(135deg,#fff7ed,#ffffff)!important}
.landing-page .checkout-product-card .product-icon{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:#ffedd5;font-size:22px}
.landing-page .checkout-product-card b{display:block!important;color:#111827!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.landing-page .checkout-product-card span{display:block!important;color:#64748b!important;font-size:12px!important;font-weight:800!important}
.landing-page .checkout-product-card strong{color:var(--primary)!important;white-space:nowrap!important}
.landing-page .checkout-flow-row{display:grid!important;grid-template-columns:1fr 24px 1fr 24px 1fr!important;align-items:center!important;gap:6px!important;color:#475569!important;font-size:11px!important;font-weight:900!important;text-align:center!important;text-transform:uppercase!important;letter-spacing:.02em!important}
.landing-page .checkout-flow-row i{display:block;height:2px;background:linear-gradient(90deg,var(--primary),#06b6d4);border-radius:999px}
.landing-page .checkout-key-box{background:linear-gradient(135deg,#eef2ff,#ffffff)!important}
.landing-page .checkout-key-box code{display:block;margin-top:8px;padding:10px 12px;border-radius:14px;background:#0f172a;color:#86efac;font-weight:900;letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis}
.landing-page .floating-note{position:absolute;z-index:3;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid rgba(222,219,242,.9);box-shadow:0 18px 34px rgba(15,23,42,.10);font-size:12px;font-weight:950;color:#0f172a;white-space:nowrap}
.landing-page .note-one{left:-18px;top:46px}.landing-page .note-two{right:-12px;bottom:54px}
.landing-page .landing-stats{position:relative!important;z-index:1!important;margin-top:28px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.landing-page .landing-stats .stat{background:rgba(255,255,255,.72)!important;border:1px solid rgba(222,219,242,.88)!important;box-shadow:0 16px 28px rgba(15,23,42,.055)!important}
.landing-page .landing-stats .stat b{color:#111827!important;font-size:clamp(21px,2.4vw,29px)!important;letter-spacing:-.05em!important}.landing-page .landing-stats .stat span{color:#64748b!important;font-weight:850!important}
.landing-page .landing-section{padding:42px 0!important}.landing-page .landing-section-head{margin-bottom:20px!important}.landing-page .landing-section-head h2{font-size:clamp(27px,3.2vw,42px)!important;line-height:1.05!important;letter-spacing:-.055em!important;margin:12px 0 8px!important;color:#0b1220!important}.landing-page .landing-section-head .lead{max-width:760px!important;color:#5f6c80!important;line-height:1.72!important}
.landing-page .info-card,.landing-page .colorful-feature,.landing-page .step-card,.landing-page .review-card{position:relative!important;overflow:hidden!important;border:1px solid rgba(222,219,242,.88)!important;background:#fff!important;box-shadow:0 18px 42px rgba(15,23,42,.07)!important;transition:.2s ease!important}
.landing-page .info-card:hover,.landing-page .colorful-feature:hover,.landing-page .step-card:hover,.landing-page .review-card:hover{transform:translateY(-3px)!important;box-shadow:0 26px 58px rgba(15,23,42,.10)!important}
.landing-page .feature-icon{width:52px!important;height:52px!important;border-radius:20px!important;margin-bottom:15px!important;font-size:25px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)!important}
.landing-page .landing-info-grid .feature-card:nth-child(1) .feature-icon,.landing-page .landing-feature-grid .feature-card:nth-child(1) .feature-icon{background:linear-gradient(135deg,#dbeafe,#eff6ff)!important}.landing-page .landing-info-grid .feature-card:nth-child(2) .feature-icon,.landing-page .landing-feature-grid .feature-card:nth-child(2) .feature-icon{background:linear-gradient(135deg,#dcfce7,#f0fdf4)!important}.landing-page .landing-info-grid .feature-card:nth-child(3) .feature-icon,.landing-page .landing-feature-grid .feature-card:nth-child(3) .feature-icon{background:linear-gradient(135deg,#fee2e2,#fff7ed)!important}.landing-page .landing-feature-grid .feature-card:nth-child(4) .feature-icon{background:linear-gradient(135deg,#fef3c7,#fffbeb)!important}.landing-page .landing-feature-grid .feature-card:nth-child(5) .feature-icon{background:linear-gradient(135deg,#f3e8ff,#faf5ff)!important}.landing-page .landing-feature-grid .feature-card:nth-child(6) .feature-icon{background:linear-gradient(135deg,#ccfbf1,#f0fdfa)!important}
.landing-page .feature-card h3{font-size:18px!important;line-height:1.25!important;margin:0 0 8px!important;color:#101828!important;letter-spacing:-.02em!important}.landing-page .feature-card p{color:#64748b!important;line-height:1.65!important;margin:0!important}
.landing-page .step-card{counter-increment:step;background:linear-gradient(180deg,#ffffff,#fbfdff)!important}.landing-page .step-number{display:inline-grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:16px!important;background:linear-gradient(135deg,var(--primary),#06b6d4)!important;color:#fff!important;font-weight:950!important;margin-bottom:14px!important;box-shadow:0 12px 24px rgba(var(--primary-rgb),.18)!important}
.landing-page .review-section{padding-bottom:58px!important}.landing-page .review-card{background:linear-gradient(180deg,#ffffff,#fbfdff)!important;padding:24px!important}.landing-page .review-stars{color:#f59e0b!important;letter-spacing:2px!important;font-size:14px!important;margin-bottom:12px!important}.landing-page .review-card p{font-size:15px!important;color:#334155!important;margin-bottom:18px!important}.landing-page .reviewer-row{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:center!important;gap:12px!important}.landing-page .review-avatar{width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg,var(--primary),#06b6d4);color:#fff;display:grid;place-items:center;font-weight:950;box-shadow:0 12px 22px rgba(var(--primary-rgb),.20)}.landing-page .reviewer-row b{display:block;color:#101828!important;font-size:14px!important}.landing-page .reviewer-row small{display:block;color:#64748b!important;font-size:12px!important;font-weight:800!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.landing-page .landing-footer{border-top:1px solid rgba(222,219,242,.72)!important;background:rgba(255,255,255,.55)!important;color:#64748b!important}

html[data-theme="dark"] body.landing-page{background:#05070d!important;background-image:none!important;color:#f8fafc!important}
html[data-theme="dark"] .landing-page .landing-topbar{background:rgba(9,13,25,.94)!important;border-color:rgba(148,163,184,.22)!important;box-shadow:0 22px 54px rgba(0,0,0,.34)!important}
html[data-theme="dark"] .landing-page .landing-nav{color:#cbd5e1!important}html[data-theme="dark"] .landing-page .landing-nav a:hover{background:#151d2b!important;color:#fff!important}
html[data-theme="dark"] .landing-page .landing-hero-shell,
html[data-theme="dark"] .landing-page .store-window,
html[data-theme="dark"] .landing-page .checkout-status-card,
html[data-theme="dark"] .landing-page .checkout-product-card,
html[data-theme="dark"] .landing-page .checkout-key-box,
html[data-theme="dark"] .landing-page .landing-stats .stat,
html[data-theme="dark"] .landing-page .info-card,
html[data-theme="dark"] .landing-page .colorful-feature,
html[data-theme="dark"] .landing-page .step-card,
html[data-theme="dark"] .landing-page .review-card{background:#111722!important;background-image:none!important;border-color:rgba(148,163,184,.22)!important;color:#f8fafc!important;box-shadow:var(--shadow-soft)!important}
html[data-theme="dark"] .landing-page .store-window .preview-bar{background:#0d1420!important;color:#aab4c4!important;border-color:rgba(148,163,184,.22)!important}
html[data-theme="dark"] .landing-page .landing-hero h1,
html[data-theme="dark"] .landing-page .landing-section-head h2,
html[data-theme="dark"] .landing-page .feature-card h3,
html[data-theme="dark"] .landing-page .reviewer-row b,
html[data-theme="dark"] .landing-page .checkout-product-card b,
html[data-theme="dark"] .landing-page .landing-stats .stat b{color:#f8fafc!important}
html[data-theme="dark"] .landing-page .landing-hero p,
html[data-theme="dark"] .landing-page .landing-section-head .lead,
html[data-theme="dark"] .landing-page .feature-card p,
html[data-theme="dark"] .landing-page .review-card p,
html[data-theme="dark"] .landing-page .reviewer-row small,
html[data-theme="dark"] .landing-page .checkout-status-card span,
html[data-theme="dark"] .landing-page .checkout-status-card small,
html[data-theme="dark"] .landing-page .checkout-key-box span,
html[data-theme="dark"] .landing-page .checkout-product-card span,
html[data-theme="dark"] .landing-page .landing-stats .stat span{color:#aab4c4!important}
html[data-theme="dark"] .landing-page .landing-eyebrow,
html[data-theme="dark"] .landing-page .landing-trust-badges span,
html[data-theme="dark"] .landing-page .floating-note{background:#0d1420!important;color:#f8fafc!important;border-color:rgba(148,163,184,.22)!important}
html[data-theme="dark"] .landing-page .feature-icon{background:#151d2b!important;background-image:none!important;color:#f8fafc!important}
html[data-theme="dark"] .landing-page .checkout-key-box code{background:#05070d!important;color:#86efac!important}
html[data-theme="dark"] .landing-page .landing-footer{background:#080c14!important;border-top-color:rgba(148,163,184,.20)!important;color:#aab4c4!important}

@media(max-width:980px){
  .landing-page .landing-topbar{grid-template-columns:auto 1fr auto!important}.landing-page .landing-nav{display:none!important}.landing-page .landing-hero-grid{grid-template-columns:1fr!important}.landing-page .landing-hero-visual{max-width:560px!important;margin:0 auto!important;width:100%!important}.landing-page .landing-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.landing-page .landing-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.landing-page .landing-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}.landing-page .review-grid{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  body.landing-page{background:linear-gradient(180deg,#fbfdff 0%,#f6f8ff 55%,#ffffff 100%)!important}
  html[data-theme="dark"] body.landing-page{background:#05070d!important}
  .landing-page .landing-topbar{position:sticky!important;top:8px!important;min-height:62px!important;padding:9px 12px!important;margin-top:8px!important;border-radius:22px!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) 74px!important;gap:8px!important}
  .landing-page .landing-brand{grid-column:2!important;justify-self:center!important;justify-content:center!important;width:100%!important;overflow:hidden!important}
  .landing-page .landing-brand .theme-logo-wrap,.landing-page .landing-logo-img{width:min(148px,100%)!important;height:34px!important;max-width:148px!important;object-position:center center!important}
  .landing-page .landing-brand .brand-logo-fallback{width:42px!important;height:42px!important;border-radius:16px!important}
  .landing-page .landing-actions{grid-column:3!important;justify-self:end!important;gap:0!important;width:74px!important;min-width:74px!important;justify-content:flex-end!important}
  .landing-page .landing-actions .theme-mode-toggle{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important}
  .landing-page .landing-actions .theme-mode-toggle:hover{transform:translateY(-50%)!important}
  .landing-page .landing-login-btn{display:inline-flex!important;min-height:38px!important;height:38px!important;padding:8px 11px!important;font-size:12px!important;border-radius:999px!important;white-space:nowrap!important}
  .landing-page .landing-register-btn{display:none!important}
  .landing-page .landing-main{padding-top:12px!important}.landing-page .landing-hero-shell{padding:24px 18px!important;border-radius:28px!important}.landing-page .landing-hero h1{font-size:38px!important;letter-spacing:-.06em!important}.landing-page .landing-hero p{font-size:15px!important;line-height:1.65!important}.landing-page .landing-hero-cta{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}.landing-page .landing-hero-cta .btn{width:100%!important;min-height:48px!important;padding:12px 10px!important;font-size:13px!important}.landing-page .landing-trust-badges{display:grid!important;grid-template-columns:1fr 1fr!important}.landing-page .landing-stats,.landing-page .landing-feature-grid,.landing-page .landing-info-grid,.landing-page .landing-steps{grid-template-columns:1fr!important}.landing-page .section{padding:30px 0!important}.landing-page .checkout-product-card{grid-template-columns:44px minmax(0,1fr)!important}.landing-page .checkout-product-card strong{grid-column:2!important}.landing-page .checkout-flow-row{grid-template-columns:1fr!important;text-align:left!important}.landing-page .checkout-flow-row i{display:none!important}.landing-page .floating-note{display:none!important}.landing-page .footer .container{display:grid!important;text-align:center!important;justify-content:center!important}.landing-page .landing-section-head h2{font-size:30px!important}
}
@media(max-width:390px){.landing-page .landing-topbar{grid-template-columns:46px minmax(0,1fr) 66px!important}.landing-page .landing-actions{width:66px!important;min-width:66px!important}.landing-page .landing-login-btn{font-size:11px!important;padding-left:9px!important;padding-right:9px!important}.landing-page .landing-brand .theme-logo-wrap,.landing-page .landing-logo-img{width:min(132px,100%)!important;height:31px!important}.landing-page .landing-hero h1{font-size:34px!important}.landing-page .landing-hero-cta{grid-template-columns:1fr!important}}


/* v46: Login/Register/Admin login logo-only center fix */
.auth-page .auth-card{
  text-align:left!important;
}
.auth-page .auth-logo-only{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 auto 14px!important;
  padding:0!important;
  gap:0!important;
  overflow:hidden!important;
  text-align:center!important;
}
.auth-page .auth-logo-only > span:not(.theme-logo-wrap){
  display:none!important;
}
.auth-page .auth-logo-only .theme-logo-wrap{
  width:min(190px,70vw)!important;
  height:44px!important;
  max-width:190px!important;
  margin:0 auto!important;
  display:inline-block!important;
}
.auth-page .auth-logo-only .theme-logo-wrap > img.theme-logo-light,
.auth-page .auth-logo-only .theme-logo-wrap > img.theme-logo-dark{
  object-position:center center!important;
}
.auth-page .auth-logo-only .auth-logo-img,
.auth-page .auth-logo-only > .brand-logo-img{
  width:min(190px,70vw)!important;
  height:44px!important;
  max-width:190px!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0 auto!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.auth-page .auth-logo-only .brand-logo-fallback{
  width:54px!important;
  height:54px!important;
  max-width:54px!important;
  min-width:54px!important;
  border-radius:18px!important;
  font-size:0!important;
  color:transparent!important;
  background:linear-gradient(135deg,var(--primary),#06b6d4)!important;
  box-shadow:0 14px 28px rgba(var(--primary-rgb),.22)!important;
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.auth-page .auth-logo-only .brand-logo-fallback:before{
  content:"⚡"!important;
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font-size:25px!important;
  line-height:1!important;
}
.auth-page .auth-badge{
  margin-top:4px!important;
}
.auth-page .auth-card h1,
.auth-page .auth-card > .muted,
.auth-page .auth-badge{
  text-align:center!important;
}
.auth-page .auth-badge{
  display:flex!important;
  width:max-content!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  justify-content:center!important;
}
@media(max-width:520px){
  .auth-page .auth-logo-only .theme-logo-wrap,
  .auth-page .auth-logo-only .auth-logo-img,
  .auth-page .auth-logo-only > .brand-logo-img{
    width:min(158px,68vw)!important;
    height:38px!important;
    max-width:158px!important;
  }
  .auth-page .auth-logo-only .brand-logo-fallback{
    width:48px!important;
    height:48px!important;
    max-width:48px!important;
    min-width:48px!important;
    border-radius:16px!important;
  }
}

/* v47: Shopping cart modal fit fix + remove currency row from checkout */
#buyModal .cart-modal-card{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  max-height:calc(100dvh - 24px)!important;
  -webkit-overflow-scrolling:touch!important;
  padding-bottom:max(12px,env(safe-area-inset-bottom))!important;
}
#buyModal .cart-modal-card form{
  display:grid!important;
  gap:0!important;
}
#buyModal .checkout-box{
  margin-bottom:max(14px,env(safe-area-inset-bottom))!important;
}
#buyModal .checkout-box > label:first-child:has(select),
#buyModal .cart-currency-row{
  display:none!important;
}
#buyModal .confirm-buy{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  width:100%!important;
  opacity:1!important;
  visibility:visible!important;
}
@media(max-width:760px){
  #buyModal.modal.show{align-items:flex-end!important;padding:0!important;}
  #buyModal .cart-modal-card{
    width:100%!important;
    max-width:100%!important;
    max-height:calc(100dvh - 8px)!important;
    border-radius:24px 24px 0 0!important;
    padding-bottom:calc(10px + env(safe-area-inset-bottom))!important;
  }
  #buyModal .cart-head{
    position:sticky!important;
    top:0!important;
    z-index:5!important;
    padding:14px 16px 8px!important;
    background:#f7f6ff!important;
    backdrop-filter:blur(14px)!important;
  }
  #buyModal .cart-head h2{font-size:20px!important;}
  #buyModal .cart-count{font-size:11px!important;padding:5px 9px!important;}
  #buyModal .cart-item{
    margin:0 12px 10px!important;
    padding:10px!important;
    border-radius:18px!important;
    grid-template-columns:56px minmax(0,1fr) auto!important;
    gap:9px!important;
  }
  #buyModal .cart-item img{width:56px!important;height:56px!important;border-radius:14px!important;}
  #buyModal .cart-product-title{font-size:13px!important;line-height:1.25!important;margin-bottom:4px!important;}
  #buyModal #buy_option_row{font-size:11px!important;line-height:1.3!important;max-width:160px!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block;}
  #buyModal #buy_option_row[hidden]{display:none!important;}
  #buyModal .qty-control{gap:7px!important;}
  #buyModal .qty-btn{width:25px!important;height:25px!important;min-width:25px!important;}
  #buyModal .qty-input{width:30px!important;min-height:26px!important;}
  #buyModal .cart-price{font-size:14px!important;line-height:1.2!important;max-width:84px!important;text-align:right!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  #buyModal .checkout-box{
    margin:0 12px 12px!important;
    padding:12px!important;
    gap:10px!important;
    border-radius:18px!important;
  }
  #buyModal .checkout-label-title{margin-bottom:6px!important;font-size:14px!important;}
  #buyModal .payment-method-card{padding:10px!important;border-radius:15px!important;min-height:56px!important;}
  #buyModal .payment-icon{width:38px!important;height:38px!important;border-radius:12px!important;font-size:19px!important;}
  #buyModal .payment-title{font-size:14px!important;}
  #buyModal .payment-sub{font-size:11.5px!important;}
  #buyModal .coupon-row{gap:6px!important;}
  #buyModal .coupon-row .input{min-height:44px!important;padding:10px 12px!important;}
  #buyModal .cart-total-row{padding:10px 12px!important;border-radius:14px!important;}
  #buyModal .confirm-buy{min-height:46px!important;border-radius:14px!important;}
}
@media(max-height:620px){
  #buyModal .cart-head{padding-top:10px!important;}
  #buyModal .cart-item{margin-bottom:8px!important;}
  #buyModal .checkout-box{gap:8px!important;padding:10px!important;}
  #buyModal .payment-method-card{min-height:50px!important;}
  #buyModal .coupon-row .input{min-height:40px!important;}
  #buyModal .confirm-buy{min-height:42px!important;}
}
html[data-theme="dark"] #buyModal .cart-head{background:#0f1623!important;}
html[data-theme="dark"] #buyModal .cart-modal-card{background:#0f1623!important;}
html[data-theme="dark"] #buyModal .cart-item,
html[data-theme="dark"] #buyModal .checkout-box,
html[data-theme="dark"] #buyModal .payment-method-card{
  background:#111827!important;
  border-color:#263244!important;
}
html[data-theme="dark"] #buyModal .cart-product-title,
html[data-theme="dark"] #buyModal .checkout-label-title,
html[data-theme="dark"] #buyModal .payment-title,
html[data-theme="dark"] #buyModal .cart-total-row span,
html[data-theme="dark"] #buyModal .cart-total-row b{
  color:#f8fafc!important;
}
html[data-theme="dark"] #buyModal .payment-sub{color:#cbd5e1!important;}
html[data-theme="dark"] #buyModal .cart-total-row{background:#172033!important;}


/* v48: Admin specific stock key manager */
.stock-manage-card{margin-top:18px;}
.stock-manage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;}
.stock-manage-head h2{margin:0 0 6px;letter-spacing:-.035em;}
.stock-manage-stats{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.stock-bulk-form{display:grid;gap:12px;}
.stock-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.stock-key-table-wrap table{min-width:980px;}
.stock-key-table td{white-space:normal!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;vertical-align:top;}
.stock-key-table th:first-child,.stock-key-table td:first-child{width:84px;text-align:center;}
.stock-key-code{display:block;max-width:520px;max-height:120px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:#f8f7ff;border:1px solid var(--line);border-radius:13px;padding:10px;color:#201c35;font-size:12px;line-height:1.45;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}
.inline-delete-form{display:inline-block;margin:0;}
html[data-theme="dark"] .stock-key-code{background:#101724;border-color:#283247;color:#edf2ff;}
@media (max-width:700px){.stock-manage-head{display:grid}.stock-manage-stats{justify-content:flex-start}.stock-key-table-wrap table{min-width:860px}.stock-key-code{max-width:360px}}


/* v49: Floating WhatsApp/Telegram support widget */
.support-float{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:95;
  display:grid;
  justify-items:end;
  gap:10px;
  pointer-events:none;
}
.support-float *{box-sizing:border-box;}
.support-float-btn,
.support-float-action{
  pointer-events:auto;
  border:0;
  outline:0;
  text-decoration:none;
  -webkit-tap-highlight-color:transparent;
}
.support-float-btn{
  position:relative;
  min-width:62px;
  height:62px;
  display:inline-grid;
  place-items:center;
  border-radius:22px;
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  color:#fff;
  box-shadow:0 18px 38px rgba(var(--primary-rgb),.32),0 8px 18px rgba(15,23,42,.16);
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,border-radius .18s ease;
}
.support-float-btn:hover{transform:translateY(-2px);box-shadow:0 22px 44px rgba(var(--primary-rgb),.36),0 10px 22px rgba(15,23,42,.18);}
.support-main-icon,
.support-close-icon{width:26px;height:26px;display:grid;place-items:center;transition:.16s ease;}
.support-main-icon svg{width:26px;height:26px;stroke-width:2.15;}
.support-close-icon{position:absolute;font-size:32px;line-height:1;font-weight:600;opacity:0;transform:scale(.6) rotate(-60deg);}
.support-bubble{
  position:absolute;
  right:72px;
  top:50%;
  transform:translateY(-50%);
  min-width:max-content;
  padding:9px 12px;
  border-radius:999px;
  background:#fff;
  color:#201c35;
  border:1px solid var(--line);
  box-shadow:0 12px 28px rgba(24,18,60,.14);
  font-size:13px;
  font-weight:950;
  letter-spacing:-.01em;
}
.support-bubble:after{
  content:"";
  position:absolute;
  right:-5px;
  top:50%;
  width:10px;
  height:10px;
  transform:translateY(-50%) rotate(45deg);
  background:#fff;
  border-top:1px solid var(--line);
  border-right:1px solid var(--line);
}
.support-float-menu{
  display:grid;
  gap:9px;
  opacity:0;
  transform:translateY(12px) scale(.94);
  transform-origin:bottom right;
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
}
.support-float.is-open .support-float-menu{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}
.support-float.is-open .support-main-icon{opacity:0;transform:scale(.55) rotate(45deg);}
.support-float.is-open .support-close-icon{opacity:1;transform:scale(1) rotate(0);}
.support-float.is-open .support-bubble{opacity:0;visibility:hidden;transform:translateY(-50%) translateX(8px);}
.support-float-action{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:19px;
  color:#fff;
  box-shadow:0 14px 28px rgba(15,23,42,.18);
  position:relative;
  transition:transform .18s ease,box-shadow .18s ease;
}
.support-float-action:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(15,23,42,.22);}
.support-float-action svg{width:28px;height:28px;}
.support-float-action span{
  position:absolute;
  right:64px;
  top:50%;
  transform:translateY(-50%) translateX(6px);
  opacity:0;
  pointer-events:none;
  background:#111827;
  color:#fff;
  padding:7px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
  transition:.16s ease;
}
.support-float-action:hover span{opacity:1;transform:translateY(-50%) translateX(0);}
.support-whatsapp{background:#25d366;}
.support-telegram{background:#229ed9;}
.support-admin-note{
  padding:12px 14px;
  border-radius:16px;
  background:var(--primary-soft);
  color:var(--primary);
  font-weight:850;
  border:1px solid rgba(var(--primary-rgb),.16);
}
html[data-theme="dark"] .support-bubble{
  background:#111827;
  color:#f8fafc;
  border-color:#263244;
  box-shadow:0 16px 34px rgba(0,0,0,.34);
}
html[data-theme="dark"] .support-bubble:after{
  background:#111827;
  border-color:#263244;
}
html[data-theme="dark"] .support-admin-note{
  background:rgba(var(--primary-rgb),.14);
  border-color:rgba(var(--primary-rgb),.24);
}
@media(max-width:760px){
  .support-float{right:16px;bottom:calc(var(--bottom-nav-h) + 22px + env(safe-area-inset-bottom));}
  body.landing-page .support-float,
  body.auth-page .support-float{bottom:18px;}
  .support-float-btn{min-width:56px;height:56px;border-radius:20px;}
  .support-main-icon svg{width:24px;height:24px;}
  .support-float-action{width:50px;height:50px;border-radius:18px;}
  .support-float-action svg{width:26px;height:26px;}
  .support-bubble{right:66px;font-size:12px;padding:8px 11px;}
  .support-float-action span{display:none;}
}
@media(max-width:380px){.support-bubble{display:none;}}

/* Registration WhatsApp popup */
.registration-join-modal{z-index:1200;}
.registration-join-card{position:relative;width:min(460px,calc(100vw - 28px));padding:30px;text-align:center;overflow:hidden;}
.registration-join-card:before{content:"";position:absolute;inset:-120px auto auto 50%;width:260px;height:260px;transform:translateX(-50%);border-radius:50%;background:rgba(37,211,102,.16);filter:blur(10px);pointer-events:none;}
.registration-join-close{position:absolute;top:14px;right:14px;z-index:2;}
.registration-join-icon{position:relative;z-index:1;width:68px;height:68px;margin:0 auto 15px;border-radius:22px;display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:0 18px 42px rgba(37,211,102,.28);}
.registration-join-icon svg{width:36px;height:36px;}
.registration-join-kicker{position:relative;z-index:1;display:inline-block;margin-bottom:8px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#128c4a;}
.registration-join-card h2{position:relative;z-index:1;margin:0 0 9px;font-size:30px;letter-spacing:-.035em;}
.registration-join-card>p{position:relative;z-index:1;margin:0 auto;max-width:370px;line-height:1.65;}
.registration-join-actions{position:relative;z-index:1;display:grid;gap:10px;margin-top:22px;}
.registration-join-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;}
.registration-join-btn svg{width:20px;height:20px;flex:0 0 auto;}
.registration-join-later{position:relative;z-index:1;margin-top:14px;border:0;background:transparent;color:var(--muted);font:inherit;font-weight:800;cursor:pointer;padding:7px 12px;}
.registration-join-later:hover{color:var(--text);}
.registration-popup-admin-card{border:1px solid var(--line);background:var(--panel-soft,#f8f7ff);}
.user-delete-zone{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;border:1px solid rgba(239,68,68,.24);border-radius:14px;background:rgba(239,68,68,.06);}
.user-delete-zone b{color:#dc2626;}
.user-delete-zone p{margin:4px 0 0;max-width:430px;}
html[data-theme="dark"] .registration-join-kicker{color:#55e891;}
html[data-theme="dark"] .registration-popup-admin-card{background:rgba(255,255,255,.025);}
html[data-theme="dark"] .user-delete-zone{background:rgba(239,68,68,.08);border-color:rgba(248,113,113,.28);}
html[data-theme="dark"] .user-delete-zone b{color:#fca5a5;}
@media(max-width:600px){
  .registration-join-card{padding:27px 20px 22px;}
  .registration-join-card h2{font-size:27px;}
  .registration-join-icon{width:62px;height:62px;border-radius:20px;}
  .user-delete-zone{align-items:stretch;flex-direction:column;}
  .user-delete-zone form,.user-delete-zone .btn{width:100%;}
}