:root{
  --bg:#fff7fb;
  --bg-2:#fff0f7;
  --panel:#ffffffee;
  --panel-solid:#ffffff;
  --line:#f6cfe2;
  --line-2:#f3dbe7;
  --text:#55304f;
  --muted:#8f7086;
  --pink:#ff7eb6;
  --pink-2:#ff9cc9;
  --purple:#b88bff;
  --purple-2:#d2bcff;
  --blue:#86d8ff;
  --mint:#9be8d5;
  --teal:#59c8c6;
  --gold:#ffcc76;
  --danger:#ff6f8d;
  --success:#66bf97;
  --shadow:0 14px 38px rgba(255,126,182,.14);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55;background:
radial-gradient(circle at top left,#ffe8f4 0,transparent 32%),
radial-gradient(circle at right 10%,#e9e1ff 0,transparent 24%),
linear-gradient(180deg,#fff9fd 0%,#fff3f8 50%,#fffafc 100%)}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
a{text-decoration:none}
.container{width:min(1180px,calc(100% - 34px));margin:auto;position:relative;z-index:2}
.site-bg-decor{position:fixed;pointer-events:none;filter:blur(2px);opacity:.55;z-index:0}
.decor-a{width:210px;height:210px;right:-30px;top:85px;background:radial-gradient(circle,#ffd6ea 0%,transparent 70%)}
.decor-b{width:190px;height:190px;left:-45px;top:320px;background:radial-gradient(circle,#d9ccff 0%,transparent 70%)}
.decor-c{width:230px;height:230px;right:12%;bottom:0;background:radial-gradient(circle,#d8f4ff 0%,transparent 72%)}
.topbar{position:sticky;top:0;z-index:50;padding-top:16px;background:linear-gradient(180deg,rgba(255,247,251,.92),rgba(255,247,251,.72) 70%,rgba(255,247,251,0));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:rgba(255,255,255,.72);border:1px solid rgba(246,207,226,.9);border-radius:28px;box-shadow:var(--shadow);padding:10px 16px}
.brand{display:flex;align-items:center;gap:12px;color:var(--text)}
.brand-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#ffd8eb,#e3d5ff);font-size:14px;padding:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.brand strong{display:block;font-size:19px;line-height:1.1}
.brand small{display:block;font-size:10px;color:#aa87a4;letter-spacing:.12em;margin-top:4px}
.mobile-menu-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:14px;padding:9px 12px;color:var(--text)}
.nav nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nav nav a{padding:10px 14px;border-radius:999px;color:#7d5c73;font-weight:800;font-size:14px;transition:.18s ease;background:transparent}
.nav nav a:hover,.nav nav a.active{background:linear-gradient(135deg,#ffe6f2,#ece3ff);color:#5b3554;box-shadow:0 6px 18px rgba(184,139,255,.12)}
.nav nav .logout-link{color:#e75579}
main{padding:22px 0 64px}
.alert{padding:13px 15px;border-radius:16px;margin-bottom:16px;border:1px solid transparent;box-shadow:var(--shadow)}
.alert.success{background:#ecfff7;border-color:#bdeed7;color:#206b49}
.alert.error{background:#fff0f4;border-color:#ffc4d2;color:#a73d5f}
.muted{color:var(--muted)}
.eyebrow{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 12px;background:linear-gradient(135deg,#fff0f7,#f2e9ff);border:1px solid #f6d8e9;color:#a14e7d;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.hero-kawaii{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:center;margin:14px 0 26px}
.hero-copy h1{font-size:clamp(36px,4.8vw,58px);line-height:1.02;margin:12px 0 10px;letter-spacing:-.05em;color:#523247}
.hero-copy h1 span{background:linear-gradient(135deg,#ff84bc,#b28cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy p{margin:0;max-width:780px;font-size:16px}
.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.hero-badges span{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700;color:#7b5974}
.kawaii-panel,.card,.payment-card,.checkout-card,.empty-state{background:var(--panel);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);backdrop-filter:blur(10px)}
.store-search{padding:16px}.store-search label{display:block;margin-bottom:8px;font-size:13px;font-weight:900;color:#8f5c80}.search-tip{font-size:12px;color:#9a7a90;margin:10px 2px 0}.search-row{display:flex;gap:10px}
.input,select,textarea{width:100%;background:#fff;border:1px solid #efd4e3;border-radius:16px;padding:12px 14px;color:var(--text);outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.95)}
.input:focus,select:focus,textarea:focus{border-color:#d8b5ff;box-shadow:0 0 0 4px rgba(216,181,255,.18)}
textarea{min-height:110px;resize:vertical}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:16px;padding:11px 16px;background:linear-gradient(135deg,#ff8abc,#b891ff);color:#fff;font-weight:900;cursor:pointer;white-space:nowrap;box-shadow:0 12px 26px rgba(255,126,182,.24);transition:transform .15s ease,filter .15s ease}
.btn:hover{filter:brightness(.98)}.btn:active{transform:scale(.98)}
.btn.secondary{background:linear-gradient(135deg,#b1e9ff,#d3c2ff);color:#5b3d72}
.btn.success{background:linear-gradient(135deg,#82e0b6,#5fc6a3)}
.btn.danger{background:linear-gradient(135deg,#ff92a6,#ff6b8b)}
.btn.disabled{background:linear-gradient(135deg,#f0e4ed,#e8dee8);color:#a990a4;box-shadow:none;cursor:not-allowed}
.btn-large{min-height:50px;padding:13px 18px}.full{width:100%}
.store-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start}
.category-panel{padding:12px;position:sticky;top:92px}
.category-title{font-size:13px;font-weight:900;padding:6px 10px 12px;color:#915875}
.category-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:16px;color:#7c6175;font-size:14px;font-weight:800;margin-bottom:5px}
.category-item small{margin-left:auto;background:#fff;border:1px solid #f1dce7;border-radius:999px;padding:2px 7px;font-size:11px;color:#9f7d90}
.category-item.active,.category-item:hover{background:linear-gradient(135deg,#ffedf6,#ece5ff);color:#55304f}
.products-meta{font-size:14px;color:#8a7184;margin:8px 0 14px}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.product-card{display:flex;flex-direction:column;overflow:hidden;position:relative}
.kawaii-card::before{content:"✦";position:absolute;right:14px;top:10px;color:#ffd16f;font-size:20px;opacity:.7}
.product-image-wrap{height:220px;position:relative;background:linear-gradient(180deg,#fff8fc,#f7f0ff);border-bottom:1px solid #f4dbe7;display:grid;place-items:center;overflow:hidden}
.product-image{width:100%;height:100%;object-fit:cover}
.product-placeholder{font-size:68px;display:grid;place-items:center}
.product-badge{position:absolute;left:14px;top:14px;background:linear-gradient(135deg,#8fe3cf,#95c8ff);color:#355d64;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;z-index:2}
.product-body{padding:16px;display:flex;flex-direction:column;flex:1}
.product-topline{display:flex;justify-content:flex-start;gap:8px;align-items:center}
.category-chip,.stock-chip{font-size:11px;font-weight:800;padding:5px 9px;border-radius:999px}
.category-chip{background:#eafff8;color:#1e8e67}
.stock-chip{background:#f4efff;color:#6e54a5}
.product-card h2{font-size:21px;line-height:1.25;margin:12px 0 8px;color:#5a344d}
.product-desc{font-size:13px;color:#856d80;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:60px}
.mini-info{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.mini-info span{font-size:11px;font-weight:800;background:#fff;border:1px solid #f2dbe6;border-radius:12px;padding:6px 8px;color:#866378}
.product-note{font-size:12px;color:#8a6780;border-top:1px dashed #efd6e2;padding-top:10px;margin-top:auto}
.product-footer{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:14px}.product-footer small{font-size:10px;color:#b28ea5;font-weight:900}.product-price{font-weight:900;font-size:22px;color:#4d2e46}.product-price span{font-size:11px;color:#8f7086;font-weight:700}.rent-btn,.claim-btn{padding:11px 14px;font-size:13px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.dashboard-head h1{margin:12px 0 8px;font-size:38px}
.rental-card{padding:18px}.claim-helper{background:#fff7dc;border:1px solid #ffe49c;border-radius:16px;padding:12px;color:#8d5c14;margin-top:12px}
.price{font-size:26px;font-weight:900}.plan-img{width:100%;height:180px;object-fit:cover;border-radius:16px}
.form{max-width:670px}.form label{display:block;font-weight:800;font-size:13px;margin:14px 0 6px;color:#815f76}
.actions,.admin-menu{display:flex;gap:8px;flex-wrap:wrap}.admin-menu{margin-bottom:20px}
.table-wrap{overflow:auto}.table{width:100%;min-width:700px;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid #f4dbe7;vertical-align:top}.table th{color:#875f77;white-space:nowrap}
.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#f4ecf7;font-size:11px;font-weight:800;color:#775b73}.badge.active{background:#e6fff0;color:#237a54}.badge.pending{background:#fff5d7;color:#9f7315}.badge.expired,.badge.cancelled{background:#ffe8ef;color:#b44469}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stat{font-size:34px;font-weight:900}.codebox{background:#fffafc;border:1px solid #f1dce7;border-radius:14px;padding:11px;word-break:break-all}.checkout-shell{display:grid;place-items:center;padding:24px 0}.checkout-card{width:min(700px,100%);padding:20px}.checkout-card h1{margin:12px 0 6px}.checkout-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.checkout-summary div{background:#fff;border:1px solid #f2d9e6;border-radius:18px;padding:14px}.checkout-summary span{font-size:11px;color:#8f7086;display:block}.checkout-summary strong{display:block;margin-top:4px}.checkout-note,.payment-warning{background:#fff6da;color:#8c6416;border:1px solid #ffe6a0;border-radius:18px;padding:13px;margin:14px 0;font-size:13px}.payment-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:18px;max-width:900px;margin:18px auto}.payment-card{padding:18px}.qr-card{text-align:center}.payment-qr{width:min(320px,90%);margin:18px auto;border-radius:20px;border:1px solid #f0dce6;box-shadow:0 14px 28px rgba(184,139,255,.12)}
.waiting{display:inline-block;background:#fff6db;color:#8d6514;padding:9px 13px;border-radius:999px;font-weight:800;font-size:13px}.waiting.success{background:#eafff1;color:#216f4d}.waiting.error{background:#ffe7ef;color:#b2476b}
.center{text-align:center}.payment-info div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #f2dbe7}.payment-info span{color:#8f7086}.copy-value{cursor:pointer}.transfer-code{background:#fffaf0;border:1px solid #ffe4a7;border-radius:20px;padding:16px;text-align:center;margin:18px 0}.transfer-code small{display:block;color:#9b6716;font-weight:900}.transfer-code strong{font-size:24px;color:#c14978;display:block;margin-top:5px}
.claim-page{display:grid;place-items:center;padding:10px 0 24px}.claim-shell{width:min(760px,100%);padding:22px}.claim-shell h1{margin:12px 0 8px}.claim-status-box{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.claim-status-box>div,.claim-preview>div{background:#fff;border:1px solid #f0dbe7;border-radius:18px;padding:15px}.claim-status-box span,.claim-preview span{display:block;font-size:11px;color:#94748a;text-transform:uppercase;letter-spacing:.04em}.claim-status-box strong,.claim-preview strong{display:block;margin-top:6px}.claim-preview{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.empty-state{padding:20px}.product-image-wrap .product-image[src=""]{display:none}
@media(max-width:980px){.hero-kawaii{grid-template-columns:1fr}.store-layout{grid-template-columns:1fr}.category-panel{position:static;display:flex;overflow-x:auto;gap:6px;padding:9px}.category-title{display:none}.category-item{flex:0 0 auto;margin:0}.category-item small{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col,.payment-layout,.claim-preview,.claim-status-box{grid-template-columns:1fr}.checkout-summary{grid-template-columns:1fr 1fr}.category-panel{top:auto}}
@media(max-width:760px){.container{width:calc(100% - 22px)}.topbar{padding-top:12px}.nav{min-height:68px;position:relative;padding:10px 12px}.mobile-menu-btn{display:block}.nav nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:22px;padding:10px;box-shadow:var(--shadow)}.nav nav.open{display:grid}.nav nav a{width:100%}.hero-copy h1{font-size:34px}.search-row{flex-direction:column}.search-row .btn{width:100%}.product-grid{grid-template-columns:1fr}.product-image-wrap{height:200px}.product-desc{min-height:auto}.checkout-summary{grid-template-columns:1fr}.payment-info div{font-size:14px}.admin-menu{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.admin-menu .btn{flex:0 0 auto}.table{min-width:640px}}
@media(max-width:430px){main{padding-top:16px}.hero-badges span{font-size:12px}.product-footer{align-items:stretch;flex-direction:column}.product-footer .btn,.rent-btn,.claim-btn{width:100%}.product-image-wrap{height:175px}.claim-shell,.checkout-card,.payment-card{padding:16px}}
/* V3.2 - claim by turns */
.claim-four{grid-template-columns:repeat(4,1fr)}
.claim-count{font-size:24px!important;color:#c34e88}
.claim-confirm-box{display:flex;align-items:center;gap:14px;margin:18px 0;padding:16px;background:linear-gradient(135deg,#fff5fa,#f3edff);border:1px dashed #e7bcd4;border-radius:20px}
.claim-confirm-icon{width:52px;height:52px;flex:0 0 52px;border-radius:17px;display:grid;place-items:center;background:#fff;font-size:25px;box-shadow:0 8px 20px rgba(184,139,255,.12)}
.claim-confirm-box h3{margin:0 0 4px}.claim-confirm-box p{margin:0;color:#8a6e82;font-size:13px}
.claim-confirm-form{margin:12px 0}.claim-nav-actions{margin-top:16px}.claim-result{background:#fff;border:1px solid #f0dbe7;border-radius:18px;padding:14px;margin:14px 0;overflow:auto}.claim-result pre{white-space:pre-wrap;word-break:break-word;margin:0;color:#67475f}
@media(max-width:980px){.claim-four{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.claim-four{grid-template-columns:1fr}.claim-confirm-box{align-items:flex-start}}
.claim-account-card{background:linear-gradient(135deg,#fffafd,#f9f4ff);border:1px solid #f2d7e6;border-radius:22px;padding:16px;margin:16px 0}.claim-account-title{display:flex;justify-content:space-between;gap:12px;align-items:center;font-weight:900;color:#734d68;margin-bottom:12px}.tiny-link{font-size:12px;color:#a064c1;background:#f4eaff;border-radius:999px;padding:6px 9px}.account-api-status{margin:10px 0 0;color:#52856e;font-size:13px}.otp-success-box{background:linear-gradient(135deg,#effff8,#f7f2ff);border:1px solid #ccebdc;border-radius:22px;padding:18px;text-align:center;margin:16px 0}.otp-success-box>span{display:block;font-size:12px;font-weight:900;color:#6d7b71;text-transform:uppercase}.otp-code{display:block;font-size:36px;letter-spacing:.16em;color:#a5467a;margin:8px 0;cursor:pointer}.otp-success-box small{color:#62806e}.claim-four{grid-template-columns:repeat(4,1fr)}@media(max-width:980px){.claim-four{grid-template-columns:1fr 1fr}}@media(max-width:520px){.claim-four{grid-template-columns:1fr}.claim-account-title{align-items:flex-start;flex-direction:column}.otp-code{font-size:30px}}


/* ===== V4 premium cute anime luxe refresh ===== */
body.store-page{background:radial-gradient(circle at top left,#fff4fa 0,transparent 26%),radial-gradient(circle at 92% 18%,#efe3ff 0,transparent 18%),radial-gradient(circle at 88% 82%,#e4f7ff 0,transparent 22%),linear-gradient(180deg,#fffafd 0%,#fff6fb 45%,#fefbff 100%)}
body.admin-page{background:radial-gradient(circle at top left,#fff0f8 0,transparent 24%),radial-gradient(circle at 86% 18%,#e4e9ff 0,transparent 16%),linear-gradient(180deg,#fcfbff 0%,#fff8fc 100%)}
.decor-d{width:180px;height:180px;left:12%;bottom:6%;background:radial-gradient(circle,#ffe7a8 0%,transparent 70%)}
.nav{background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,255,255,.72));border-color:#f4cfe2;box-shadow:0 18px 42px rgba(214,141,190,.16)}
.brand-icon{background:linear-gradient(135deg,#ffe8f3,#efe2ff);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 22px rgba(214,141,190,.14)}
.nav nav a{position:relative}
.nav nav a.active::after,.nav nav a:hover::after{content:"";position:absolute;left:18px;right:18px;bottom:7px;height:2px;border-radius:99px;background:linear-gradient(90deg,#ff9cc8,#c5a0ff)}
.hero-luxury{position:relative;padding:10px 0 6px}.hero-luxury::after{content:"✦  ✦  ✦";position:absolute;right:380px;top:12px;font-size:22px;letter-spacing:6px;color:#ff9fca;opacity:.8}
.hero-copy h1{max-width:760px;text-shadow:0 4px 20px rgba(255,255,255,.62)}
.hero-copy p{max-width:720px;color:#7f6578}
.luxury-badges span,.sparkle-panel{position:relative;overflow:hidden}
.luxury-badges span::after,.sparkle-panel::after{content:"";position:absolute;inset:auto auto 8px 12px;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:34px -10px 0 rgba(255,255,255,.78),112px -18px 0 rgba(255,255,255,.7),190px 0 0 rgba(255,255,255,.82);opacity:.65}
.search-luxury{padding:18px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,247,251,.9));border-color:#f2cfe1}
.store-layout{grid-template-columns:200px minmax(0,1fr);gap:22px}
.category-panel{border-radius:24px}.category-item{padding:12px 13px;border-radius:18px}.category-item.active,.category-item:hover{box-shadow:0 10px 22px rgba(219,164,199,.12)}
.products-meta{margin-top:2px}
.product-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.premium-card{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,250,253,.96));border:1px solid #f2d2e2;border-radius:28px;box-shadow:0 22px 46px rgba(214,141,190,.12)}
.premium-card:hover{transform:translateY(-2px);transition:.18s ease;box-shadow:0 28px 52px rgba(214,141,190,.16)}
.premium-card .product-image-wrap{height:240px;border-bottom-color:#f3dce7;background:linear-gradient(180deg,#fffdfd,#fcf4ff)}
.premium-card .product-body{padding:18px}.premium-card h2{font-size:24px}.product-badge{background:linear-gradient(135deg,#94e8d1,#9dccff);box-shadow:0 8px 20px rgba(149,204,255,.18)}
.product-note{min-height:52px}
.product-footer{align-items:center}.product-footer .btn{min-width:126px}
.kawaii-panel,.card,.payment-card,.checkout-card,.empty-state{box-shadow:0 18px 42px rgba(214,141,190,.12)}
.claim-shell.premium-claim-shell{background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,251,253,.97));border-radius:30px}
.strong-warning{background:linear-gradient(135deg,#fff5dc,#fff0d6);border-color:#ffd58d;color:#8d6310}
.secure-preview strong{font-size:16px;line-height:1.45}
.admin-main{padding-top:18px}.admin-page .nav{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(244,247,255,.84));border-color:#d9dff9}
.admin-page .brand small{color:#8b93b8}.admin-page .nav nav a{color:#68739a}.admin-page .nav nav a.active,.admin-page .nav nav a:hover{background:linear-gradient(135deg,#eef2ff,#f8ecff);color:#4e5880}
.admin-panel-tabs{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(248,240,255,.94));border:1px solid #e3d5f4;border-radius:24px;padding:10px;box-shadow:0 16px 34px rgba(151,138,214,.14)}
.admin-panel-tabs .btn{background:transparent;color:#6a6388;box-shadow:none;border:1px solid transparent;border-radius:16px}.admin-panel-tabs .btn.active,.admin-panel-tabs .btn:hover{background:linear-gradient(135deg,#edf1ff,#f8edff);border-color:#dfe1ff;color:#4d5177;box-shadow:0 10px 22px rgba(151,138,214,.12)}
.admin-page .two-col{grid-template-columns:minmax(360px,1fr) minmax(0,1.1fr)}
.admin-page .card,.admin-page .kawaii-panel{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(251,249,255,.98));border-color:#e5dbf2;border-radius:28px}
.admin-page .form{max-width:none}.admin-page .form label{font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:#7f77a0}.admin-page .input,.admin-page select,.admin-page textarea{border-color:#dddaf0;background:#fff}.admin-page .table{min-width:760px}.admin-page .table th{color:#6e6d92;background:rgba(244,240,255,.7)}
.admin-page .table th,.admin-page .table td{padding:13px 12px}.admin-page .actions{justify-content:flex-start}.admin-page .actions form{margin:0}.admin-page .actions .btn{min-width:70px}
.admin-page .table td:last-child{width:150px}.admin-page .table .actions{flex-wrap:nowrap}
.admin-page .stat{background:linear-gradient(135deg,#ff9ec9,#b896ff);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:980px){.store-layout{grid-template-columns:1fr}.hero-luxury::after{display:none}.admin-page .two-col{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.product-grid{grid-template-columns:1fr}.premium-card .product-image-wrap{height:210px}.admin-panel-tabs{overflow:auto;flex-wrap:nowrap}.admin-panel-tabs .btn{flex:0 0 auto}.admin-page .nav nav{background:#fff}}
@media(max-width:520px){.store-layout{gap:16px}.premium-card h2{font-size:22px}.product-footer{align-items:stretch;flex-direction:column}.product-footer .btn,.product-footer .btn.disabled{width:100%;min-width:0}}

/* =========================================================
   V5 — Anime Liquid Glass / premium admin + storefront
   ========================================================= */
:root{
  --lg-ink:#30283f;
  --lg-muted:#776d86;
  --lg-line:rgba(154,133,191,.22);
  --lg-glass:rgba(255,255,255,.58);
  --lg-glass-strong:rgba(255,255,255,.78);
  --lg-purple:#9b7df5;
  --lg-pink:#ff85b8;
  --lg-cyan:#7cd6f4;
  --lg-mint:#85e6c4;
  --lg-shadow:0 24px 60px rgba(105,82,145,.13),inset 0 1px 0 rgba(255,255,255,.88);
  --lg-shadow-hover:0 30px 76px rgba(105,82,145,.2),inset 0 1px 0 rgba(255,255,255,.95);
}
body{color:var(--lg-ink)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle at 18% 24%,rgba(255,255,255,.95) 0 1px,transparent 2px),radial-gradient(circle at 72% 18%,rgba(255,255,255,.8) 0 1.5px,transparent 2.5px),radial-gradient(circle at 86% 62%,rgba(255,255,255,.75) 0 1px,transparent 2px),radial-gradient(circle at 42% 78%,rgba(255,255,255,.7) 0 1px,transparent 2px);background-size:180px 180px,260px 260px,220px 220px,300px 300px;opacity:.7;animation:starDrift 22s linear infinite}
@keyframes starDrift{from{transform:translateY(0)}to{transform:translateY(-40px)}}
body.store-page,body.admin-page{background:radial-gradient(circle at 8% 6%,rgba(255,192,225,.48),transparent 25%),radial-gradient(circle at 92% 12%,rgba(184,190,255,.44),transparent 28%),radial-gradient(circle at 72% 82%,rgba(145,226,255,.3),transparent 30%),radial-gradient(circle at 12% 82%,rgba(255,220,154,.22),transparent 24%),linear-gradient(135deg,#fff9fd 0%,#f8f5ff 48%,#f4fbff 100%);background-attachment:fixed}
body.admin-page{background:radial-gradient(circle at 8% 8%,rgba(210,190,255,.5),transparent 28%),radial-gradient(circle at 90% 18%,rgba(134,218,255,.34),transparent 28%),radial-gradient(circle at 82% 88%,rgba(255,174,220,.3),transparent 26%),linear-gradient(145deg,#fdfbff,#f6f7ff 48%,#fbf7ff)}
.site-bg-decor{filter:blur(3px);opacity:.74;animation:liquidFloat 9s ease-in-out infinite alternate}
.decor-a{width:340px;height:340px;background:radial-gradient(circle,rgba(255,139,193,.34),transparent 68%)}
.decor-b{width:300px;height:300px;background:radial-gradient(circle,rgba(160,133,255,.29),transparent 68%);animation-delay:-2s}
.decor-c{width:360px;height:360px;background:radial-gradient(circle,rgba(115,219,255,.27),transparent 68%);animation-delay:-5s}
.decor-d{width:240px;height:240px;background:radial-gradient(circle,rgba(255,211,126,.22),transparent 70%);animation-delay:-7s}
@keyframes liquidFloat{0%{transform:translate3d(-10px,-8px,0) scale(1)}100%{transform:translate3d(20px,18px,0) scale(1.1)}}

.topbar{background:transparent;padding-top:18px;backdrop-filter:none;-webkit-backdrop-filter:none}
.nav{min-height:76px;padding:10px 16px;background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(255,255,255,.38));border:1px solid rgba(255,255,255,.8);outline:1px solid rgba(168,142,213,.16);box-shadow:var(--lg-shadow);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}
.brand-icon{background:linear-gradient(135deg,rgba(255,216,237,.9),rgba(223,216,255,.88));border:1px solid rgba(255,255,255,.9);box-shadow:0 12px 26px rgba(162,120,219,.16),inset 0 1px 0 #fff}
.brand strong{font-weight:900;letter-spacing:-.02em}.brand small{color:#9a8fa9}
.nav nav a{color:#655d74;border:1px solid transparent;transition:.2s ease}
.nav nav a:hover,.nav nav a.active{background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(241,230,255,.68));border-color:rgba(207,183,238,.42);box-shadow:0 10px 24px rgba(129,97,172,.1);transform:translateY(-1px)}
.nav nav a.active::after,.nav nav a:hover::after{display:none}

.kawaii-panel,.card,.payment-card,.checkout-card,.empty-state,.admin-glass-card,.admin-stat-card{background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(255,255,255,.38));border:1px solid rgba(255,255,255,.85);outline:1px solid rgba(151,128,190,.13);box-shadow:var(--lg-shadow);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}
.sparkle-panel::before,.premium-card::after,.admin-glass-card::before{content:"✦";position:absolute;color:rgba(255,255,255,.92);text-shadow:16px 14px 0 rgba(255,255,255,.48),-14px 24px 0 rgba(255,255,255,.55);font-size:10px;pointer-events:none;opacity:.82}
.sparkle-panel::before{right:20px;top:16px}.admin-glass-card::before{right:18px;top:14px}

.hero-kawaii{gap:34px;margin-top:26px;margin-bottom:34px}.hero-copy h1{font-size:clamp(42px,5.4vw,68px);max-width:780px;line-height:.98;color:#413348}.hero-copy h1 span{background:linear-gradient(100deg,#ff6fae 0%,#a77cf8 48%,#5bc8ef 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 7px 18px rgba(161,118,236,.12))}.hero-copy p{font-size:16px;line-height:1.7}.eyebrow,.admin-kicker{background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(244,230,255,.62));border:1px solid rgba(211,178,231,.44);color:#8f5080;box-shadow:inset 0 1px 0 #fff}
.hero-badges span{background:rgba(255,255,255,.54);border-color:rgba(255,255,255,.88);backdrop-filter:blur(16px);box-shadow:0 9px 22px rgba(112,87,142,.07)}
.store-search{border-radius:28px;padding:20px}.store-layout{gap:24px}.category-panel{border-radius:28px;padding:13px}.category-item{border:1px solid transparent}.category-item.active,.category-item:hover{background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(236,224,255,.7));border-color:rgba(213,189,238,.42);box-shadow:0 10px 26px rgba(107,80,144,.09)}
.product-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:22px}.premium-card,.product-card{border-radius:30px;background:linear-gradient(160deg,rgba(255,255,255,.78),rgba(255,255,255,.48));border:1px solid rgba(255,255,255,.92);outline:1px solid rgba(219,185,218,.24);box-shadow:0 24px 60px rgba(112,86,144,.12);backdrop-filter:blur(18px)}.premium-card:hover,.product-card:hover{transform:translateY(-5px) scale(1.008);box-shadow:var(--lg-shadow-hover)}
.product-image-wrap{height:235px;background:linear-gradient(145deg,rgba(255,247,252,.76),rgba(239,236,255,.72));border-bottom:1px solid rgba(230,202,219,.44)}.product-image{object-fit:cover}.product-body{padding:19px}.product-card h2{font-size:23px}.product-desc{color:#7d6f81}.category-chip{background:rgba(225,255,245,.74);border:1px solid rgba(140,225,198,.35)}.mini-info span{background:rgba(255,255,255,.55);border-color:rgba(255,255,255,.92)}.product-note{border-top-color:rgba(218,190,211,.45)}
.btn{border-radius:17px;background:linear-gradient(135deg,#ff81b8,#a781f3);box-shadow:0 12px 28px rgba(168,102,190,.23);border:1px solid rgba(255,255,255,.42);transition:.2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(168,102,190,.27)}.btn.secondary{background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(231,235,255,.8));color:#635778;box-shadow:0 10px 22px rgba(95,82,133,.1)}.renew-btn{background:linear-gradient(135deg,#75d7f3,#9c83f4);box-shadow:0 13px 30px rgba(93,176,222,.22)}.btn.disabled{background:rgba(222,216,227,.62);color:#9b919e;border-color:rgba(255,255,255,.6)}
.input,select,textarea{background:rgba(255,255,255,.64);border:1px solid rgba(255,255,255,.92);outline:1px solid rgba(173,147,203,.18);border-radius:17px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(12px)}.input:focus,select:focus,textarea:focus{border-color:rgba(169,128,246,.55);box-shadow:0 0 0 4px rgba(169,128,246,.1),inset 0 1px 0 #fff}

/* Admin liquid glass */
.admin-main{padding-top:18px;padding-bottom:70px}.admin-liquid-nav{display:flex;gap:8px;margin:10px 0 26px;padding:8px;background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(245,240,255,.46));border:1px solid rgba(255,255,255,.88);outline:1px solid rgba(151,128,190,.12);border-radius:24px;box-shadow:var(--lg-shadow);backdrop-filter:blur(22px)}.admin-nav-link{display:flex;align-items:center;gap:8px;padding:11px 16px;border-radius:17px;color:#6c647c;font-size:14px;font-weight:850;white-space:nowrap}.admin-nav-link:hover,.admin-nav-link.active{background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(231,225,255,.8));color:#514568;box-shadow:0 9px 22px rgba(93,76,127,.1)}
.admin-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:12px 0 20px}.admin-title-row h1{font-size:38px;line-height:1.05;margin:8px 0 4px;letter-spacing:-.04em}.admin-title-row p{margin:0;color:var(--lg-muted)}.admin-kicker{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:950;letter-spacing:.12em}.admin-count-pill{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.88);box-shadow:0 10px 26px rgba(98,78,132,.08);font-weight:850;color:#71627f}.admin-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:30px;margin:8px 0 22px;padding:28px 30px;border-radius:32px;background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(238,236,255,.54));border:1px solid rgba(255,255,255,.92);outline:1px solid rgba(150,129,191,.13);box-shadow:var(--lg-shadow);backdrop-filter:blur(24px)}.admin-hero h1{font-size:42px;letter-spacing:-.04em;margin:8px 0 6px}.admin-hero p{margin:0;color:var(--lg-muted)}.admin-orb{width:86px;height:86px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(135deg,rgba(255,137,188,.65),rgba(154,130,244,.66),rgba(113,212,245,.62));color:#fff;font-size:32px;box-shadow:0 18px 46px rgba(149,111,208,.22),inset 0 1px 0 rgba(255,255,255,.7);animation:orbFloat 4s ease-in-out infinite alternate}@keyframes orbFloat{to{transform:translateY(-6px) rotate(8deg)}}
.admin-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px}.admin-stat-card{padding:18px;border-radius:25px;min-width:0}.admin-stat-card span{display:block;font-size:12px;color:#7d718d;font-weight:800}.admin-stat-card strong{display:block;font-size:34px;line-height:1;margin:12px 0 7px;background:linear-gradient(135deg,#ec6faa,#846de1);-webkit-background-clip:text;background-clip:text;color:transparent}.admin-stat-card small{color:#94899f}.admin-stat-card.accent{background:linear-gradient(145deg,rgba(232,246,255,.68),rgba(245,234,255,.58))}
.admin-glass-grid{display:grid;gap:16px}.user-tools-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);margin-bottom:18px}.admin-glass-card{position:relative;border-radius:28px;padding:20px}.admin-glass-card h2,.admin-glass-card h3{margin:0 0 4px}.admin-glass-card p{margin:0;color:var(--lg-muted);font-size:13px}.search-admin-card,.bulk-grant-card{display:grid;gap:14px;align-content:start}.admin-card-icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,219,236,.88),rgba(225,217,255,.88));border:1px solid rgba(255,255,255,.9);box-shadow:0 10px 24px rgba(112,85,151,.1);font-size:20px}.admin-inline-form{display:flex;gap:9px}.glass-check{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:15px;background:rgba(255,255,255,.42);font-size:12px;color:#70667d}.glass-check input{accent-color:#9a79ef}.admin-table-card{padding:0;overflow:hidden}.admin-table-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 20px;border-bottom:1px solid rgba(170,145,196,.13)}.admin-table-head h2{font-size:20px}.admin-table-head p{margin-top:3px}.admin-page .table{min-width:760px}.admin-page .table th{padding:13px 14px;background:rgba(244,241,253,.44);color:#796f8a;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.admin-page .table td{padding:14px;border-bottom-color:rgba(175,151,197,.12)}.admin-page .table tr:last-child td{border-bottom:0}.admin-page .table tr:hover td{background:rgba(255,255,255,.26)}.mono-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#83788e}.user-cell{display:flex;align-items:center;gap:10px;min-width:220px}.user-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#ffd5e8,#ddd3ff);font-weight:900;color:#795b79;box-shadow:inset 0 1px 0 #fff}.user-cell strong,.user-cell small{display:block}.user-cell small{margin-top:2px;color:#918597}.admin-row-actions{flex-wrap:nowrap}.admin-row-actions form{margin:0}.admin-manage-btn{background:linear-gradient(135deg,#917cf1,#66c9ec)}
.admin-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.admin-section-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.admin-form-stack{display:grid;gap:9px}.admin-form-stack label{font-size:11px;font-weight:900;letter-spacing:.07em;color:#7a7087;text-transform:uppercase;margin-top:3px}.grant-user-card{background:linear-gradient(145deg,rgba(235,255,249,.65),rgba(242,239,255,.56))}.danger-zone-card{background:linear-gradient(145deg,rgba(255,240,245,.67),rgba(255,250,252,.55));outline-color:rgba(255,128,160,.13)}.admin-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-page .two-col{gap:18px}.admin-page .two-col>.card{border-radius:28px}.admin-page .form label{font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#7b708a}.admin-page h1{letter-spacing:-.035em}.admin-page .actions .btn{padding:9px 12px;border-radius:14px}.admin-page .badge{font-weight:850}

/* Claim security */
.premium-claim-shell{max-width:820px}.strong-warning{background:linear-gradient(135deg,rgba(255,239,199,.75),rgba(255,224,230,.66));border:1px solid rgba(255,191,133,.42);color:#835c31;box-shadow:0 14px 32px rgba(157,106,67,.08)}.claim-account-card{background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(250,241,255,.5));border-color:rgba(255,255,255,.9)}.otp-success-box{background:linear-gradient(145deg,rgba(232,255,247,.72),rgba(242,237,255,.64));border-color:rgba(255,255,255,.88)}

@media(max-width:1100px){.admin-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.user-tools-grid,.admin-history-grid{grid-template-columns:1fr}.admin-profile-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-profile-grid{grid-template-columns:1fr}.admin-title-row{align-items:flex-start;flex-direction:column}.admin-liquid-nav{overflow-x:auto;flex-wrap:nowrap}.admin-nav-link{flex:0 0 auto}.admin-hero{padding:22px}.admin-hero h1{font-size:34px}.admin-orb{width:68px;height:68px}.admin-inline-form{flex-direction:column}.admin-inline-form .btn{width:100%}.hero-kawaii{gap:20px}}
@media(max-width:560px){.admin-stat-grid{grid-template-columns:1fr 1fr;gap:10px}.admin-stat-card{padding:15px}.admin-stat-card strong{font-size:28px}.admin-hero{align-items:flex-start}.admin-orb{display:none}.admin-page .container{width:calc(100% - 18px)}.admin-glass-card{padding:16px}.admin-table-head{padding:16px}.nav{border-radius:23px}.product-card,.premium-card{border-radius:25px}.hero-copy h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){body::before,.site-bg-decor,.admin-orb{animation:none!important}.premium-card:hover,.product-card:hover,.btn:hover{transform:none}}
body::after{content:"";position:fixed;left:var(--pointer-x,52%);top:var(--pointer-y,24%);width:420px;height:420px;transform:translate(-50%,-50%);pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(255,255,255,.36),rgba(221,204,255,.12) 35%,transparent 68%);filter:blur(10px);opacity:.65;transition:left .12s linear,top .12s linear}


/* ===== Customer dashboard redesign inspired by app-style sections ===== */
.client-hub-shell{display:grid;gap:18px;padding-bottom:90px}.glass-box{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.45));border:1px solid rgba(255,255,255,.9);outline:1px solid rgba(166,144,201,.16);backdrop-filter:blur(24px) saturate(150%);box-shadow:var(--lg-shadow);border-radius:30px;padding:20px 22px;overflow:hidden}.glass-box::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.38),transparent 35%,transparent 60%,rgba(255,255,255,.18));pointer-events:none}.client-hub-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}.client-hub-top h1{font-size:44px;line-height:1.02;margin:10px 0 8px;letter-spacing:-.04em}.client-hub-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(94px,1fr));gap:10px}.client-hub-mini-stats div{min-width:0;padding:14px 16px;border-radius:22px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.9);box-shadow:0 10px 24px rgba(102,84,142,.08)}.client-hub-mini-stats strong{display:block;font-size:27px;line-height:1;background:linear-gradient(135deg,#ff76af,#8f77ef);-webkit-background-clip:text;background-clip:text;color:transparent}.client-hub-mini-stats span{display:block;font-size:12px;color:#7f738d;margin-top:7px}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.section-chip,.soft-pill,.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:850;border:1px solid rgba(255,255,255,.92);background:rgba(255,255,255,.56);box-shadow:0 8px 20px rgba(103,83,143,.08)}.status-pill.active{background:rgba(225,255,241,.8);color:#267656}.status-pill.expired{background:rgba(255,239,242,.82);color:#b05173}
.package-overview-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:16px}.package-title-card{padding:20px;border-radius:28px;background:linear-gradient(135deg,rgba(249,248,255,.72),rgba(255,245,252,.6));border:1px solid rgba(255,255,255,.95)}.package-title-card small{display:inline-block;font-size:11px;font-weight:900;color:#907ba8;letter-spacing:.08em}.package-title-card h2{margin:12px 0 8px;font-size:34px;line-height:1.04;letter-spacing:-.04em}.package-title-card p{margin:0;color:#776d86}.package-meta-line{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.package-meta-line span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.9);font-size:12px;font-weight:800;color:#6f637e}
.fancy-progress-card{padding:20px;border-radius:28px;background:linear-gradient(145deg,rgba(242,247,255,.72),rgba(249,241,255,.58));border:1px solid rgba(255,255,255,.94)}.fancy-progress-card h3{margin:0 0 14px;font-size:22px}.usage-topline{display:grid;grid-template-columns:1fr 1fr;gap:10px}.usage-topline>div{padding:12px 14px;border-radius:20px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.92)}.usage-topline span{display:block;font-size:12px;color:#8a7e99}.usage-topline strong{display:block;margin-top:6px;font-size:24px;line-height:1;background:linear-gradient(135deg,#ff79b0,#7d84f2);-webkit-background-clip:text;background-clip:text;color:transparent}.liquid-progress{position:relative;height:24px;border-radius:999px;background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.95);overflow:hidden;margin:16px 0 12px}.liquid-progress-fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#75e0bb,#72d2f0,#9b7ef5);box-shadow:inset 0 -4px 0 rgba(255,255,255,.28)}.liquid-progress span{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;font-weight:900;color:#584f64;text-shadow:0 1px 0 rgba(255,255,255,.6)}.usage-caption{margin:0;color:#766b84;font-size:13px}
.client-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.quick-action{display:flex;flex-direction:column;gap:5px;min-height:112px;padding:16px;border-radius:24px;background:rgba(255,255,255,.56);border:1px solid rgba(255,255,255,.92);box-shadow:0 14px 30px rgba(112,86,144,.08);color:#463c53;transition:.18s ease}.quick-action span{font-size:20px}.quick-action b{font-size:16px;line-height:1.25}.quick-action small{font-size:12px;color:#7f748e;line-height:1.45}.quick-action:hover{transform:translateY(-3px)}.neon-a{background:linear-gradient(145deg,rgba(234,255,246,.86),rgba(244,240,255,.72))}.neon-b{background:linear-gradient(145deg,rgba(233,247,255,.84),rgba(244,238,255,.74))}.neon-c{background:linear-gradient(145deg,rgba(255,244,251,.84),rgba(241,239,255,.74))}.neon-d{background:linear-gradient(145deg,rgba(255,250,236,.84),rgba(245,241,255,.72))}.neon-e{background:linear-gradient(145deg,rgba(238,254,255,.84),rgba(255,241,252,.72))}
.client-menu-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.menu-link-list{display:grid;gap:12px}.menu-link-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-radius:22px;background:rgba(255,255,255,.56);border:1px solid rgba(255,255,255,.92);color:#4d435a;box-shadow:0 10px 24px rgba(102,84,142,.08)}.menu-link-item strong{display:block;font-size:17px}.menu-link-item small{display:block;margin-top:4px;color:#857b94}.menu-link-item span{font-size:26px;color:#8b7e9b}.soft-tips{display:grid;gap:11px;margin:0;padding-left:18px;color:#6d627b}.soft-tips li{line-height:1.6}
.packages-list-box,.orders-list-box{padding-bottom:18px}.mobile-rental-list,.mobile-order-list{display:grid;gap:14px}.mobile-rental-item,.mobile-order-item{padding:16px;border-radius:24px;background:rgba(255,255,255,.56);border:1px solid rgba(255,255,255,.92);box-shadow:0 10px 24px rgba(102,84,142,.07)}.mobile-rental-top,.mobile-order-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mobile-rental-top h3{margin:0 0 4px;font-size:22px}.mobile-rental-top p{margin:0;color:#8e829b}.mobile-rental-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;color:#746a82;font-size:13px}.mobile-rental-actions,.mobile-order-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.mobile-order-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.mobile-order-bottom>span{font-weight:900;font-size:18px;color:#51465d}
.customer-bottom-nav{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);z-index:40;display:none;width:min(760px,calc(100% - 18px));padding:10px 12px;background:linear-gradient(145deg,rgba(255,255,255,.85),rgba(247,243,255,.76));border:1px solid rgba(255,255,255,.94);outline:1px solid rgba(164,140,199,.16);box-shadow:0 20px 50px rgba(110,88,145,.18);backdrop-filter:blur(22px);border-radius:24px}.customer-bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 6px;border-radius:16px;color:#776d86;font-size:12px;font-weight:800}.customer-bottom-nav a.active,.customer-bottom-nav a:hover{background:rgba(255,255,255,.7);color:#4d425a}.customer-bottom-nav span{font-size:18px}.empty-dashboard-box h2{margin:0 0 10px;font-size:30px}
@media(max-width:1000px){.client-hub-top,.package-overview-grid,.client-menu-grid{grid-template-columns:1fr}.client-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.client-hub-mini-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.client-hub-shell{padding-bottom:100px}.client-hub-top h1{font-size:34px}.glass-box{padding:16px 16px 18px}.package-title-card h2{font-size:28px}.client-hub-mini-stats{grid-template-columns:1fr}.usage-topline{grid-template-columns:1fr 1fr}.client-quick-actions{grid-template-columns:1fr 1fr}.customer-bottom-nav{display:flex}.mobile-rental-top h3{font-size:20px}.menu-link-item strong{font-size:16px}}
@media(max-width:520px){.client-hub-top h1{font-size:28px}.client-quick-actions,.usage-topline{grid-template-columns:1fr}.mobile-order-bottom{align-items:flex-start;flex-direction:column}.package-meta-line{flex-direction:column}.quick-action{min-height:100px}.customer-bottom-nav{bottom:8px;width:calc(100% - 12px)}.customer-bottom-nav a small{font-size:11px}}


/* ===== V5.2 home/profile + separate packages page ===== */
.home-app-shell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;padding-bottom:90px}.home-side-panel{align-self:start;position:sticky;top:98px;padding:18px}.home-side-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.side-logo{width:50px;height:50px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,214,233,.9),rgba(221,214,255,.9));box-shadow:0 12px 26px rgba(98,82,132,.1)}.home-side-brand strong{display:block;font-size:18px}.home-side-brand small{display:block;color:#8f849b;margin-top:2px}.home-side-nav{display:grid;gap:8px}.home-side-nav a{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:18px;color:#665c76;font-weight:800;background:rgba(255,255,255,.36);border:1px solid transparent}.home-side-nav a:hover,.home-side-nav a.active{background:rgba(255,255,255,.72);border-color:rgba(255,255,255,.92);box-shadow:0 10px 22px rgba(103,83,143,.08);color:#473f56}
.home-main-panel{display:grid;gap:18px}.home-profile-hero{padding:24px 24px 22px}.home-profile-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.home-profile-head h1{font-size:44px;line-height:1.02;margin:10px 0 8px;letter-spacing:-.04em}.home-profile-email{margin:0;color:#766d84;font-size:18px}.profile-info-lines{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.profile-info-lines span{padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.9);font-size:12px;font-weight:800;color:#6f647d}.home-profile-badges{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.user-avatar-orb{width:82px;height:82px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(135deg,rgba(255,125,180,.68),rgba(156,126,246,.68),rgba(118,216,247,.62));box-shadow:0 20px 42px rgba(116,94,156,.18);font-size:28px;font-weight:900;color:#fff}
.home-dashboard-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:18px}.usage-summary-card .usage-highlight-box{display:grid;gap:12px;margin-bottom:14px}.usage-highlight-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:22px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.92)}.usage-highlight-line span{font-size:14px;color:#74697f;font-weight:800}.usage-highlight-line strong{font-size:24px;line-height:1;background:linear-gradient(135deg,#ff78b0,#7d84f2);-webkit-background-clip:text;background-clip:text;color:transparent}.usage-mini-grid{display:grid;grid-template-columns:1fr;gap:10px}.usage-mini-grid>div{padding:13px 15px;border-radius:18px;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.92)}.usage-mini-grid span{display:block;font-size:12px;color:#8d829a}.usage-mini-grid strong{display:block;margin-top:5px;font-size:18px}.dashboard-action-row{margin-top:16px}
.compact-rentals-card .compact-rental-list{display:grid;gap:12px}.compact-rental-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:22px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.92)}.compact-rental-item strong{display:block;font-size:17px}.compact-rental-item small{display:block;color:#8b7f98;margin-top:4px}.compact-rental-side{display:flex;align-items:center;gap:8px}
@media(max-width:1000px){.home-app-shell{grid-template-columns:1fr}.home-side-panel{position:static}.home-dashboard-grid{grid-template-columns:1fr}.home-side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.home-profile-head{flex-direction:column}.home-profile-head h1{font-size:34px}.home-profile-email{font-size:16px}.home-profile-badges{align-items:flex-start}.home-side-nav{grid-template-columns:1fr}.home-app-shell{padding-bottom:100px}.compact-rental-item{flex-direction:column;align-items:flex-start}}
@media(max-width:520px){.home-profile-head h1{font-size:28px}.profile-info-lines{flex-direction:column}.home-profile-hero,.home-side-panel{padding:16px}.user-avatar-orb{width:68px;height:68px;border-radius:24px;font-size:24px}}


/* ===== V5.4 Authentication redesign ===== */
.auth-shell{
  min-height:calc(100vh - 165px);
  display:grid;
  place-items:center;
  padding:28px 0 60px;
}
.auth-card{
  width:min(1040px,100%);
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);
  padding:0;
  border-radius:34px;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.46));
}
.auth-showcase{
  position:relative;
  overflow:hidden;
  min-height:570px;
  padding:48px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.85),transparent 20%),
    radial-gradient(circle at 82% 20%,rgba(255,171,213,.30),transparent 25%),
    radial-gradient(circle at 78% 85%,rgba(137,205,255,.30),transparent 25%),
    linear-gradient(145deg,rgba(249,241,255,.88),rgba(244,250,255,.76));
  border-right:1px solid rgba(255,255,255,.88);
}
.auth-showcase::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(circle at 16% 25%,rgba(255,255,255,.95) 0 1.5px,transparent 2px),
    radial-gradient(circle at 76% 32%,rgba(255,255,255,.86) 0 1.5px,transparent 2px),
    radial-gradient(circle at 48% 72%,rgba(255,255,255,.9) 0 1px,transparent 2px);
  background-size:150px 150px,210px 210px,180px 180px;
  opacity:.75;
  pointer-events:none;
}
.auth-showcase>*{position:relative;z-index:2}
.auth-showcase h1{
  max-width:540px;
  margin:16px 0 12px;
  font-size:clamp(38px,4.2vw,58px);
  line-height:1;
  letter-spacing:-.055em;
  color:#43374f;
}
.auth-showcase>p{
  max-width:560px;
  margin:0;
  color:#74687f;
  font-size:15px;
}
.auth-orb{
  position:absolute;
  z-index:1;
  border-radius:50%;
  filter:blur(2px);
  opacity:.72;
  animation:authOrbFloat 8s ease-in-out infinite alternate;
}
.auth-orb-one{
  width:180px;
  height:180px;
  right:-45px;
  top:90px;
  background:radial-gradient(circle,#ffc4e0 0%,rgba(255,196,224,.08) 70%);
}
.auth-orb-two{
  width:220px;
  height:220px;
  left:-65px;
  bottom:20px;
  background:radial-gradient(circle,#c7ddff 0%,rgba(199,221,255,.06) 70%);
  animation-delay:-3s;
}
@keyframes authOrbFloat{
  to{transform:translate3d(18px,-12px,0) scale(1.08)}
}
.auth-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:30px;
}
.auth-feature-grid>div{
  min-width:0;
  padding:15px;
  border-radius:22px;
  background:rgba(255,255,255,.54);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 12px 28px rgba(102,83,141,.08);
  backdrop-filter:blur(14px);
}
.auth-feature-grid span{
  display:block;
  font-size:21px;
  margin-bottom:8px;
}
.auth-feature-grid strong{
  display:block;
  font-size:14px;
}
.auth-feature-grid small{
  display:block;
  margin-top:5px;
  line-height:1.45;
  color:#84788f;
}
.auth-brand-line{
  display:flex;
  align-items:center;
  gap:11px;
  margin-top:28px;
}
.auth-brand-mark{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:#fff;
  font-weight:950;
  background:linear-gradient(135deg,#ff81b8,#937cf1,#70d1f3);
  box-shadow:0 12px 28px rgba(138,103,189,.20);
}
.auth-brand-line b,.auth-brand-line small{
  display:block;
}
.auth-brand-line small{
  color:#8c8097;
  font-size:11px;
  margin-top:2px;
}
.auth-form-panel{
  padding:48px 42px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(160deg,rgba(255,255,255,.77),rgba(255,255,255,.54));
}
.auth-form-head{
  margin-bottom:22px;
}
.auth-mini-label{
  display:inline-block;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(242,235,255,.82);
  color:#7c65a3;
  font-size:10px;
  font-weight:950;
  letter-spacing:.09em;
}
.auth-form-head h2{
  margin:10px 0 6px;
  font-size:34px;
  letter-spacing:-.04em;
}
.auth-form-head p{
  margin:0;
  color:#85798f;
}
.auth-form{
  display:grid;
  gap:8px;
}
.auth-form label{
  margin-top:7px;
  font-size:12px;
  font-weight:900;
  color:#75697f;
}
.auth-input-wrap{
  position:relative;
  display:flex;
  align-items:center;
}
.auth-input-wrap>span{
  position:absolute;
  left:14px;
  z-index:2;
  font-size:14px;
  opacity:.74;
}
.auth-input-wrap .input{
  min-height:52px;
  padding-left:42px;
  padding-right:58px;
  border-radius:18px;
  background:rgba(255,255,255,.74);
}
.password-toggle{
  position:absolute;
  right:9px;
  border:0;
  background:rgba(244,238,255,.82);
  color:#735f8d;
  border-radius:11px;
  padding:7px 9px;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.auth-submit{
  width:100%;
  min-height:52px;
  justify-content:space-between;
  padding:12px 17px;
  margin-top:12px;
  font-size:14px;
}
.auth-submit>span{
  width:28px;
  height:28px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.22);
}
.auth-divider{
  display:flex;
  align-items:center;
  gap:12px;
  margin:22px 0 15px;
  color:#9b91a5;
  font-size:11px;
  font-weight:800;
}
.auth-divider::before,.auth-divider::after{
  content:"";
  flex:1;
  height:1px;
  background:rgba(153,134,175,.17);
}
.auth-switch-text{
  margin:0;
  text-align:center;
  font-size:13px;
  color:#7f7489;
}
.auth-switch-text a{
  color:#8b66d6;
  font-weight:900;
}
.auth-back-link{
  display:block;
  margin-top:18px;
  text-align:center;
  color:#877b92;
  font-size:12px;
  font-weight:800;
}
.auth-register-card .auth-showcase{
  background:
    radial-gradient(circle at 15% 20%,rgba(255,255,255,.88),transparent 20%),
    radial-gradient(circle at 82% 20%,rgba(143,224,209,.26),transparent 24%),
    radial-gradient(circle at 75% 86%,rgba(255,192,221,.29),transparent 24%),
    linear-gradient(145deg,rgba(241,252,250,.84),rgba(249,241,255,.78));
}
@media(max-width:900px){
  .auth-card{
    grid-template-columns:1fr;
    max-width:680px;
  }
  .auth-showcase{
    min-height:auto;
    padding:34px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.88);
  }
  .auth-showcase h1{
    font-size:42px;
  }
  .auth-form-panel{
    padding:34px;
  }
}
@media(max-width:620px){
  .auth-shell{
    padding-top:12px;
  }
  .auth-showcase{
    padding:24px 20px;
  }
  .auth-showcase h1{
    font-size:34px;
  }
  .auth-feature-grid{
    grid-template-columns:1fr;
  }
  .auth-form-panel{
    padding:26px 20px;
  }
  .auth-form-head h2{
    font-size:30px;
  }
}


/* ===== V5.4.2 Mobile fixes ===== */
@media (max-width:760px){

  /* Trang chủ mobile đã có hamburger + bottom nav, không cần sidebar desktop. */
  .home-side-panel{
    display:none !important;
  }

  .home-app-shell{
    display:block;
    padding-bottom:100px;
  }

  .home-main-panel{
    width:100%;
  }

  /* Ảnh card gói: luôn nhìn thấy toàn bộ ảnh, không crop logo/ID. */
  .product-image-wrap,
  .premium-card .product-image-wrap{
    width:100%;
    height:auto !important;
    aspect-ratio:16 / 9;
    min-height:0;
    padding:8px;
    background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(248,244,255,.88));
  }

  .product-image-wrap .product-image,
  .premium-card .product-image{
    width:100%;
    height:100%;
    object-fit:contain !important;
    object-position:center;
    border-radius:16px;
  }

  .product-placeholder{
    width:100%;
    height:100%;
  }
}

@media (max-width:430px){
  .product-image-wrap,
  .premium-card .product-image-wrap{
    aspect-ratio:16 / 8.8;
    padding:6px;
  }
}

/* ===== V5.4.3 Product image full-fit ===== */
.product-image-wrap,
.premium-card .product-image-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,244,255,.9)) !important;
}

.product-image-wrap .product-image,
.premium-card .product-image{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  flex:none !important;
}

@media (max-width:760px){
  .product-image-wrap,
  .premium-card .product-image-wrap{
    height:168px !important;
    aspect-ratio:auto !important;
    padding:8px !important;
  }

  .product-image-wrap .product-image,
  .premium-card .product-image{
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:152px !important;
    object-fit:contain !important;
    border-radius:14px !important;
  }
}

@media (max-width:430px){
  .product-image-wrap,
  .premium-card .product-image-wrap{
    height:154px !important;
    padding:7px !important;
  }

  .product-image-wrap .product-image,
  .premium-card .product-image{
    max-height:140px !important;
  }
}


/* ===== V5.5 local account inventory ===== */
.account-admin-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);margin-bottom:18px}.stock-stat-list{display:grid;gap:10px;margin-top:14px}.stock-stat-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-radius:18px;background:rgba(255,255,255,.52);border:1px solid rgba(255,255,255,.9);color:#574d66}.stock-stat-row strong,.stock-stat-row small{display:block}.stock-stat-row small{margin-top:3px;color:#8c8098}.stock-stat-row>span{padding:7px 10px;border-radius:999px;background:rgba(228,255,245,.78);color:#347c61;font-size:11px;font-weight:900}.admin-page textarea{min-height:180px}.claim-account-title small{color:#7d7289;font-weight:800}.claim-preview.secure-preview{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.account-admin-grid{grid-template-columns:1fr}}
@media(max-width:560px){.claim-preview.secure-preview{grid-template-columns:1fr}}


/* ===== V5.6 Multi-bank ===== */
.bank-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:16px 0}.bank-selector-item{padding:11px 12px;border-radius:17px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.92);color:#655b73;text-align:left;box-shadow:0 8px 20px rgba(102,83,141,.07)}.bank-selector-item strong,.bank-selector-item small{display:block}.bank-selector-item small{margin-top:3px;color:#918699}.bank-selector-item.active{background:linear-gradient(135deg,rgba(255,226,240,.88),rgba(231,225,255,.88));outline:1px solid rgba(165,126,220,.2);color:#4e405e}.payment-bank-admin-grid{align-items:start}.payment-bank-admin-grid .admin-table-card{min-width:0}
@media(max-width:760px){.bank-selector{grid-template-columns:1fr}.payment-multibank-layout{grid-template-columns:1fr}}

/* ===== V5.6.2 OTP final-turn display fix ===== */
.otp-last-success{position:relative;z-index:3;margin:18px 0}.otp-last-success em{display:block;margin-top:10px;font-size:12px;font-style:normal;color:#7a6d86}.otp-last-success .otp-code{user-select:all}


/* ===== V5.7 Coupons ===== */
.coupon-checkout-card{width:min(760px,100%)}.coupon-checkout-form{display:grid;gap:14px}.coupon-apply-box{padding:16px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(246,239,255,.58));border:1px solid rgba(255,255,255,.94);box-shadow:0 12px 28px rgba(102,83,141,.08)}.coupon-apply-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.coupon-apply-head strong,.coupon-apply-head small{display:block}.coupon-apply-head small{margin-top:3px;color:#8a7e96}.coupon-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.coupon-message{margin-top:10px;padding:10px 12px;border-radius:14px;font-size:12px}.coupon-message.error{background:rgba(255,230,237,.82);color:#ab4268;border:1px solid rgba(255,146,176,.32)}.coupon-success-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.coupon-success-summary>div{padding:11px 12px;border-radius:16px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.94)}.coupon-success-summary span,.coupon-success-summary strong{display:block}.coupon-success-summary span{font-size:10px;color:#8c8098;text-transform:uppercase}.coupon-success-summary strong{margin-top:4px}.coupon-admin-grid{align-items:start}
@media(max-width:620px){.coupon-input-row{grid-template-columns:1fr}.coupon-success-summary{grid-template-columns:1fr}}


/* ===== Plan delete actions V5.7.1 ===== */
.plan-admin-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.plan-admin-actions form{margin:0}
.plan-admin-actions .btn{min-width:64px}
@media(max-width:760px){
  .plan-admin-actions{flex-wrap:wrap}
  .plan-admin-actions .btn{min-width:72px}
}


/* ===== Revenue widgets V5.7.2 ===== */
.revenue-card .stat{font-size:24px;line-height:1.15}.revenue-history-card{margin-top:18px}.revenue-total-badge{padding:10px 14px;border-radius:18px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.92);text-align:right}.revenue-total-badge span,.revenue-total-badge strong{display:block}.revenue-total-badge span{font-size:10px;text-transform:uppercase;color:#8a7d96}.revenue-total-badge strong{margin-top:4px;font-size:20px;background:linear-gradient(135deg,#ff77ae,#8d79ef);-webkit-background-clip:text;background-clip:text;color:transparent}.revenue-month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.revenue-month-item{padding:15px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.65),rgba(246,239,255,.55));border:1px solid rgba(255,255,255,.94);box-shadow:0 10px 24px rgba(102,83,141,.07)}.revenue-month-item span,.revenue-month-item strong,.revenue-month-item small{display:block}.revenue-month-item span{font-size:12px;color:#83778f}.revenue-month-item strong{margin-top:5px;font-size:21px;color:#4d4259}.revenue-month-item small{margin-top:4px;color:#95899f}.user-spend-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;padding:16px 18px}.user-spend-summary span{color:#7f738c;font-weight:800}.user-spend-summary strong{font-size:24px;background:linear-gradient(135deg,#ff75ad,#847bed);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:900px){.revenue-month-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.revenue-month-grid{grid-template-columns:1fr}.user-spend-summary{align-items:flex-start;flex-direction:column}}


/* ===== Admin cleanup V5.7.3 ===== */
.cleanup-danger-card{border-color:rgba(255,120,150,.28)!important}.cleanup-warning-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.cleanup-warning-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,rgba(255,220,226,.88),rgba(255,236,217,.82));font-size:24px}.cleanup-warning-head h2{margin:0 0 4px}.cleanup-warning-head p{margin:0;color:#897d92}.cleanup-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0}.cleanup-stat-grid>div{padding:14px;border-radius:20px;background:rgba(255,255,255,.57);border:1px solid rgba(255,255,255,.92)}.cleanup-stat-grid span,.cleanup-stat-grid strong{display:block}.cleanup-stat-grid span{font-size:11px;color:#8b7f96}.cleanup-stat-grid strong{margin-top:5px;font-size:25px;color:#51465d}.cleanup-keep-box{padding:14px 16px;border-radius:18px;background:rgba(232,255,242,.68);border:1px solid rgba(110,203,151,.2);color:#47725b}.cleanup-keep-box p{margin:5px 0 0}.cleanup-confirm-form{display:grid;gap:8px;margin-top:18px;max-width:620px}.cleanup-confirm-form label{margin-top:7px;font-size:12px;font-weight:900;color:#75697f}.cleanup-delete-btn{margin-top:10px;min-height:50px}.cleanup-code{margin:0;padding:16px;border-radius:18px;background:#211d28;color:#f7edf9;overflow:auto;font-size:13px;line-height:1.65}
@media(max-width:900px){.cleanup-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.cleanup-stat-grid{grid-template-columns:1fr}}


/* ===== Coupon scope V5.8 ===== */
.coupon-scope-selector{display:grid;grid-template-columns:1fr 1fr;gap:9px}.coupon-scope-option{display:flex!important;align-items:flex-start;gap:9px;margin:0!important;padding:12px 13px;border-radius:18px;background:rgba(255,255,255,.57);border:1px solid rgba(255,255,255,.94);cursor:pointer}.coupon-scope-option input{margin-top:4px}.coupon-scope-option b,.coupon-scope-option small{display:block}.coupon-scope-option small{margin-top:3px;color:#8e8299;font-weight:500}.coupon-plan-picker{padding:13px;border-radius:20px;background:rgba(247,242,255,.64);border:1px solid rgba(210,191,235,.26)}.coupon-plan-picker[hidden]{display:none!important}.coupon-plan-options{display:grid;gap:7px;max-height:220px;overflow:auto;margin-top:8px}.coupon-plan-options label{display:flex!important;align-items:center;gap:9px;margin:0!important;padding:9px 11px;border-radius:14px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);cursor:pointer}.coupon-plan-options span{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:1}.coupon-plan-options small{color:#95899f;font-weight:500}
@media(max-width:620px){.coupon-scope-selector{grid-template-columns:1fr}}


/* ===== Telegram payment V5.9 ===== */
.telegram-payment-grid{align-items:start}.setting-help{display:block;margin-top:-2px;color:#897d95}.telegram-form-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.telegram-message-preview{display:grid;gap:8px;padding:18px;border-radius:23px;background:linear-gradient(145deg,rgba(33,49,65,.96),rgba(28,41,55,.96));color:#eaf5ff;box-shadow:0 18px 38px rgba(43,73,97,.18);font-size:13px}.telegram-message-preview strong{font-size:16px;color:#fff}.telegram-message-preview span{display:block}.telegram-preview-card .claim-helper{margin-top:14px}@media(max-width:760px){.telegram-form-actions{display:grid;grid-template-columns:1fr}.telegram-form-actions .btn{width:100%}}


/* ===== OTP 1-minute warning ===== */
.otp-expiry-warning{
  display:block;
  margin-top:10px;
  padding:10px 12px;
  border-radius:14px;
  background:linear-gradient(135deg,rgba(255,239,203,.95),rgba(255,222,229,.92));
  border:1px solid rgba(255,177,94,.45);
  color:#9a5e16;
  font-style:normal;
  font-weight:800;
  line-height:1.45;
  box-shadow:0 8px 20px rgba(215,145,80,.10);
}


/* ===== V5.9.3 OTP confirmation + combined result ===== */
.otp-before-warning{display:flex;flex-direction:column;gap:5px;margin:14px 0;padding:13px 15px;border-radius:16px;background:linear-gradient(135deg,rgba(255,238,199,.96),rgba(255,222,228,.92));border:1px solid rgba(255,164,94,.42);color:#8f5a1d;box-shadow:0 10px 24px rgba(208,137,72,.10)}
.otp-before-warning strong{font-size:13px;line-height:1.45}.otp-before-warning span{font-size:12px;line-height:1.5;color:#8b6a47}
.otp-combined-result{display:grid;gap:12px}.otp-result-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.otp-result-heading>span{font-weight:900;font-size:15px}.otp-result-heading small{color:#7c7187}
.otp-account-repeat{margin:0!important}.otp-code-panel{padding:14px;border-radius:18px;background:linear-gradient(135deg,rgba(237,248,255,.88),rgba(245,237,255,.9));border:1px solid rgba(185,177,232,.32);text-align:center}.otp-code-panel>span{display:block;font-size:12px;font-weight:900;color:#786d87;margin-bottom:5px}.otp-code-panel .otp-code{font-size:30px;letter-spacing:.12em}
.otp-last-warning{display:block;padding:10px 12px;border-radius:14px;background:rgba(255,235,240,.86);border:1px solid rgba(255,155,180,.34);color:#a14566;font-style:normal;font-weight:800;line-height:1.45}
@media(max-width:620px){.otp-result-heading{align-items:flex-start;flex-direction:column}.otp-code-panel .otp-code{font-size:26px}}


/* ===== Public-ready V6 ===== */
html,body{cursor:url("https://mmo.yunagrp.com/cusor/Normal.gif"),auto}
a:hover{cursor:url("https://mmo.yunagrp.com/cusor/Help.gif"),auto}
input,span,textarea,[contenteditable="true"]{cursor:url("https://mmo.yunagrp.com/cusor/Text.gif"),text}
button,.btn,input[type="button"],input[type="submit"],button:hover,.btn:hover,input[type="button"]:hover,input[type="submit"]:hover{cursor:url("https://mmo.yunagrp.com/cusor/Button.gif"),pointer!important}
.site-notice-banner{width:min(1120px,calc(100% - 24px));margin:10px auto -2px;padding:10px 14px;border-radius:18px;background:linear-gradient(135deg,rgba(255,244,197,.94),rgba(255,225,239,.92));border:1px solid rgba(239,179,96,.26);box-shadow:0 10px 28px rgba(117,88,142,.08);font-weight:800;color:#7e5b38;text-align:center}.maintenance-shell{min-height:70vh;display:grid;place-items:center}.maintenance-card{max-width:720px;text-align:center}.maintenance-card h1{font-size:44px;margin:12px 0}.maintenance-icon{font-size:56px}.profile-layout,.history-layout,.status-grid{display:grid;gap:18px}.profile-layout{grid-template-columns:1fr 1fr}.history-list{display:grid;gap:10px}.history-item{padding:14px 16px;border-radius:20px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.92);display:flex;justify-content:space-between;gap:14px}.history-item strong,.history-item small{display:block}.history-item small{margin-top:4px;color:#8b7f96}.service-dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:#9c91a7}.service-dot.ok{background:#54c98a;box-shadow:0 0 0 5px rgba(84,201,138,.12)}.service-dot.bad{background:#f06e87;box-shadow:0 0 0 5px rgba(240,110,135,.12)}.service-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border-radius:18px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.9)}.audit-list{display:grid;gap:9px}.audit-item{padding:13px 15px;border-radius:18px;background:rgba(255,255,255,.56);border:1px solid rgba(255,255,255,.9)}.audit-meta{display:flex;gap:10px;flex-wrap:wrap;color:#8a7e94;font-size:11px;margin-top:6px}.security-tip{padding:12px 14px;border-radius:18px;background:rgba(228,247,255,.72);border:1px solid rgba(110,181,220,.18);color:#55758a}
@media(max-width:760px){.profile-layout{grid-template-columns:1fr}.maintenance-card h1{font-size:32px}.history-item{flex-direction:column}}

/* ===== Audit status fix V6.0.1 ===== */
.audit-state-ok{background:rgba(230,255,241,.58);border:1px solid rgba(105,199,147,.20);color:#4d725d}.audit-state-error{background:rgba(255,234,240,.66);border:1px solid rgba(235,123,154,.24);color:#99536d}.audit-state-ok strong,.audit-state-error strong{font-size:16px}


/* ===== Security monitoring V6.1 ===== */
.security-search-card{margin-bottom:16px}.security-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:720px}.security-ban-list{margin-top:18px}.security-search-card code,.security-ban-list code{font-size:11px}
@media(max-width:620px){.security-search-form{grid-template-columns:1fr}}


/* ===== User login info V6.1.3 ===== */
.login-ip{display:block;font-size:12px}.device-short{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis}.user-login-devices-card{margin-top:18px}


/* ===== Login record dashboard V6.1.5 ===== */
.customer-login-session{margin:14px 0;padding:14px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(239,247,255,.55));border:1px solid rgba(255,255,255,.94)}
.customer-login-session-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:12px;font-weight:900}
.customer-login-session-head strong{font-size:10px;padding:5px 9px;border-radius:999px;background:rgba(220,255,235,.8);color:#3b7d58}
.customer-login-session-grid,.profile-login-device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.customer-login-session-grid>div,.profile-login-device-grid>div{padding:10px 11px;border-radius:15px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.92)}
.customer-login-session-grid span,.customer-login-session-grid strong,.profile-login-device-grid span,.profile-login-device-grid strong{display:block}
.customer-login-session-grid span,.profile-login-device-grid span{font-size:10px;color:#8b8095}
.customer-login-session-grid strong,.profile-login-device-grid strong{margin-top:3px;font-size:11px;word-break:break-word}
.customer-login-session>small{display:block;margin-top:9px;color:#95899e;font-size:9px}
.profile-login-device-card{margin-top:18px}
@media(max-width:620px){.customer-login-session-grid,.profile-login-device-grid{grid-template-columns:1fr}}


/* ===== Realtime ban V6.2 ===== */
.blocked-shell{min-height:65vh;display:grid;place-items:center;padding:32px 16px}
.blocked-card{width:min(620px,100%);padding:28px;border-radius:30px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.95);box-shadow:0 24px 70px rgba(91,70,124,.16);text-align:center}
.blocked-icon{width:72px;height:72px;display:grid;place-items:center;margin:0 auto 12px;border-radius:24px;background:linear-gradient(135deg,rgba(255,218,228,.95),rgba(230,220,255,.95));font-size:34px}
.blocked-card h1{margin:10px 0 8px}.blocked-card p{color:#84788e}
.blocked-warning{margin:18px 0;padding:14px 16px;border-radius:18px;background:rgba(255,232,236,.82);border:1px solid rgba(255,139,167,.26);color:#9f4961;font-weight:800;line-height:1.5}
.blocked-actions{display:flex;justify-content:center;margin-top:16px}


/* ===== Avatar V6.2.1 ===== */
.profile-avatar-card{margin-top:18px}
.profile-avatar-layout{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:center}
.profile-avatar-preview{width:110px;height:110px;border-radius:30px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#f29ad3,#9fdcff);box-shadow:0 16px 35px rgba(104,82,145,.16)}
.profile-avatar-preview img,.dashboard-avatar img,.hero-avatar img,.user-avatar-large img{width:100%;height:100%;object-fit:cover;display:block}
.profile-avatar-preview span{font-size:42px;font-weight:900;color:white}
.profile-avatar-form{display:grid;gap:9px}.profile-avatar-form small{color:#92869d;font-size:10px}
.dashboard-avatar{overflow:hidden}
@media(max-width:620px){.profile-avatar-layout{grid-template-columns:1fr}.profile-avatar-preview{margin:auto}}


/* ===== Avatar upload fix V6.2.2 ===== */
.user-avatar-orb.has-avatar{
  padding:0;
  overflow:hidden;
}
.user-avatar-orb.has-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.profile-avatar-preview img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}


/* ===== Site branding V6.2.4 ===== */
.brand-icon.has-site-logo{
  padding:0;
  overflow:hidden;
  background:rgba(255,255,255,.72);
}
.brand-icon.has-site-logo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.branding-admin-card{margin-bottom:18px}
.branding-preview{
  display:flex;
  align-items:center;
  gap:12px;
  padding:13px;
  margin-bottom:8px;
  border-radius:20px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(255,255,255,.94);
}
.branding-preview-logo{
  width:52px;
  height:52px;
  border-radius:17px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(255,224,240,.9),rgba(224,226,255,.9));
  flex:none;
}
.branding-preview-logo img{width:100%;height:100%;object-fit:cover;display:block}
.branding-preview strong,.branding-preview small{display:block}
.branding-preview small{margin-top:3px;color:#91859b;font-size:10px}


/* ===== Cleanup V6.2.7 ===== */
.cleanup-stat-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
@media(max-width:900px){
  .cleanup-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .cleanup-stat-grid{grid-template-columns:1fr}
}


/* ===== V6.3 Professional ===== */
.app-toast{position:relative;padding-right:42px;animation:toastIn .22s ease}.toast-close{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;font-size:20px;opacity:.55}.toast-hide{opacity:0;transform:translateY(-6px);transition:.3s}.is-loading{opacity:.72;pointer-events:none}.is-loading:after{content:' ⏳'}
.ops-revenue-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.ops-secondary{grid-template-columns:repeat(4,minmax(0,1fr))}.audit-filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:9px}.audit-details{margin-top:9px}.audit-details pre{white-space:pre-wrap;word-break:break-word;background:rgba(255,255,255,.55);padding:10px;border-radius:12px;font-size:10px}.session-list{display:grid;gap:9px}.session-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:16px;background:rgba(255,255,255,.55)}.session-item strong,.session-item small{display:block}.session-item small{margin-top:3px;color:#8d8197}.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.recovery-grid>div,.telegram-link-code{padding:14px;border-radius:18px;background:rgba(255,255,255,.56);border:1px solid rgba(255,255,255,.9)}.telegram-link-code{margin-top:12px}.simple-auth-card{width:min(520px,100%);margin:40px auto;padding:24px}
@keyframes toastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:900px){.ops-revenue-grid,.ops-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-filter-grid{grid-template-columns:1fr 1fr}.audit-filter-grid .btn{grid-column:1/-1}.recovery-grid{grid-template-columns:1fr}}
@media(max-width:560px){.ops-revenue-grid,.ops-secondary{grid-template-columns:1fr}.session-item{align-items:flex-start;flex-direction:column}}


/* =========================================================
   V6.3.2 — Light / Dark Mode
   ========================================================= */
html,body,.topbar,.nav,.card,.kawaii-panel,.payment-card,.checkout-card,.empty-state,
.input,select,textarea,.btn,.admin-glass-card,.profile-card,.glass-box,
table,thead,tbody,tr,td,th,.app-toast,.site-notice-banner,.brand-icon,
.theme-toggle{
  transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease;
}

.theme-toggle{
  border:1px solid var(--line);
  background:rgba(255,255,255,.74);
  color:var(--text);
  border-radius:999px;
  min-height:40px;
  padding:8px 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  cursor:pointer;
  font-weight:900;
  font-size:13px;
  box-shadow:0 7px 20px rgba(184,139,255,.09);
}
.theme-toggle:hover{transform:translateY(-1px)}
.theme-toggle.theme-switching{transform:scale(.94)}
.theme-toggle-icon{font-size:15px;line-height:1}

html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#120f16;
  --bg-2:#19141f;
  --panel:rgba(31,25,37,.91);
  --panel-solid:#211a27;
  --line:#44344d;
  --line-2:#352a3d;
  --text:#f3e8f1;
  --muted:#bba8b8;
  --pink:#ff86bd;
  --pink-2:#d9689b;
  --purple:#b692ff;
  --purple-2:#8268bb;
  --blue:#79bddd;
  --mint:#79cbb7;
  --teal:#67bdbc;
  --gold:#e8bc6b;
  --danger:#ff7e9d;
  --success:#73caa5;
  --shadow:0 18px 42px rgba(0,0,0,.28);
}

html[data-theme="dark"] body{
  background:
    radial-gradient(circle at top left,rgba(116,47,81,.34) 0,transparent 31%),
    radial-gradient(circle at right 10%,rgba(72,52,113,.30) 0,transparent 25%),
    linear-gradient(180deg,#120f16 0%,#17121b 54%,#100d13 100%);
  color:var(--text);
}

html[data-theme="dark"] .topbar{
  background:linear-gradient(180deg,rgba(18,15,22,.94),rgba(18,15,22,.72) 70%,rgba(18,15,22,0));
}
html[data-theme="dark"] .nav{
  background:rgba(31,25,37,.82);
  border-color:rgba(86,62,98,.78);
}
html[data-theme="dark"] .brand small{color:#c1a5ba}
html[data-theme="dark"] .nav nav a{color:#d2becd}
html[data-theme="dark"] .nav nav a:hover,
html[data-theme="dark"] .nav nav a.active{
  background:linear-gradient(135deg,rgba(111,49,79,.55),rgba(77,59,118,.55));
  color:#fff;
  box-shadow:0 7px 20px rgba(0,0,0,.18);
}
html[data-theme="dark"] .theme-toggle{
  background:rgba(43,34,51,.92);
  border-color:#5a4565;
}
html[data-theme="dark"] .mobile-menu-btn{
  background:#2b2233;
  border-color:#55415f;
  color:#f7edf5;
}

html[data-theme="dark"] .site-bg-decor{opacity:.28}
html[data-theme="dark"] .decor-a{background:radial-gradient(circle,#71364f 0%,transparent 70%)}
html[data-theme="dark"] .decor-b{background:radial-gradient(circle,#55417e 0%,transparent 70%)}
html[data-theme="dark"] .decor-c{background:radial-gradient(circle,#345c6d 0%,transparent 72%)}

html[data-theme="dark"] .kawaii-panel,
html[data-theme="dark"] .card,
html[data-theme="dark"] .payment-card,
html[data-theme="dark"] .checkout-card,
html[data-theme="dark"] .empty-state,
html[data-theme="dark"] .glass-box,
html[data-theme="dark"] .admin-glass-card,
html[data-theme="dark"] .profile-card,
html[data-theme="dark"] .profile-avatar-card,
html[data-theme="dark"] .branding-preview,
html[data-theme="dark"] .store-search,
html[data-theme="dark"] .security-card,
html[data-theme="dark"] .recovery-card,
html[data-theme="dark"] .session-card,
html[data-theme="dark"] .history-card{
  background:rgba(31,25,37,.91)!important;
  border-color:#483750!important;
  color:var(--text);
  box-shadow:var(--shadow);
}

html[data-theme="dark"] .input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input[type="date"],
html[data-theme="dark"] input[type="datetime-local"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="url"]{
  background:#18131d!important;
  border-color:#4b394f!important;
  color:#f7edf5!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#8e798a}
html[data-theme="dark"] .input:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] textarea:focus{
  border-color:#a37de5!important;
  box-shadow:0 0 0 4px rgba(163,125,229,.13)!important;
}
html[data-theme="dark"] option{background:#211a27;color:#f7edf5}

html[data-theme="dark"] table,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .admin-table-wrap{
  background:#1c1621!important;
  color:var(--text);
  border-color:#44344d!important;
}
html[data-theme="dark"] th{
  background:#261e2d!important;
  color:#dbcbd8!important;
  border-color:#44344d!important;
}
html[data-theme="dark"] td{
  background:transparent!important;
  color:#eee3ec!important;
  border-color:#382c40!important;
}
html[data-theme="dark"] tr:hover td{background:rgba(126,86,151,.10)!important}

html[data-theme="dark"] .muted,
html[data-theme="dark"] .search-tip,
html[data-theme="dark"] .claim-helper,
html[data-theme="dark"] .admin-muted,
html[data-theme="dark"] small{color:#b8a4b4}
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] strong{color:#f7edf5}
html[data-theme="dark"] .hero-copy h1{color:#f5e9f3}
html[data-theme="dark"] .hero-badges span{
  background:rgba(43,34,51,.86);
  border-color:#49384f;
  color:#d9c4d4;
}
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .section-chip,
html[data-theme="dark"] .status-chip,
html[data-theme="dark"] .badge{
  background:linear-gradient(135deg,rgba(95,43,70,.62),rgba(70,53,108,.62));
  border-color:#533c5b;
  color:#f3c7dd;
}

html[data-theme="dark"] .alert.success,
html[data-theme="dark"] .app-toast.success{
  background:#18352b!important;
  border-color:#2b6d54!important;
  color:#bdf2db!important;
}
html[data-theme="dark"] .alert.error,
html[data-theme="dark"] .app-toast.error{
  background:#3b202a!important;
  border-color:#79384d!important;
  color:#ffd0dd!important;
}
html[data-theme="dark"] .site-notice-banner{
  background:#2b2233;
  color:#f5eaf3;
  border-color:#4b394f;
}

html[data-theme="dark"] .btn.secondary,
html[data-theme="dark"] .btn-soft,
html[data-theme="dark"] .ghost-btn,
html[data-theme="dark"] .pagination a,
html[data-theme="dark"] .pagination span{
  background:#2a2131!important;
  border-color:#4b394f!important;
  color:#e8dbe6!important;
}
html[data-theme="dark"] hr{border-color:#3f3047}
html[data-theme="dark"] code{
  background:#161119;
  color:#f0c9dc;
  border-color:#423249;
}
html[data-theme="dark"] .brand-icon{
  background:linear-gradient(135deg,#553146,#4e426d);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
html[data-theme="dark"] .branding-preview-logo{
  background:linear-gradient(135deg,#4d2d40,#40355d);
}

@media(max-width:760px){
  .theme-toggle-text{display:none}
  .theme-toggle{width:40px;padding:8px}
  html[data-theme="dark"] .nav nav{
    background:rgba(29,23,35,.98);
    border-color:#49384f;
  }
}

/* =========================================================
   V6.3.3 — Premium Dark Mode polish
   Fix Liquid Glass legacy colors + text contrast
   ========================================================= */
html[data-theme="dark"]{
  --lg-ink:#f6edf7;
  --lg-muted:#b8a8bd;
  --lg-shadow:0 24px 64px rgba(0,0,0,.36);
}

html[data-theme="dark"] body.store-page,
html[data-theme="dark"] body.admin-page{
  background:
    radial-gradient(circle at 7% 8%,rgba(139,55,104,.20),transparent 27%),
    radial-gradient(circle at 93% 13%,rgba(94,72,160,.19),transparent 30%),
    radial-gradient(circle at 72% 84%,rgba(53,110,132,.13),transparent 31%),
    linear-gradient(145deg,#0d0a11 0%,#15101a 48%,#0d0b12 100%)!important;
  color:#f6edf7;
}

html[data-theme="dark"] body::before{opacity:.28}

/* Main glass surfaces */
html[data-theme="dark"] .nav,
html[data-theme="dark"] .glass-box,
html[data-theme="dark"] .kawaii-panel,
html[data-theme="dark"] .card,
html[data-theme="dark"] .payment-card,
html[data-theme="dark"] .checkout-card,
html[data-theme="dark"] .empty-state,
html[data-theme="dark"] .admin-glass-card,
html[data-theme="dark"] .admin-stat-card,
html[data-theme="dark"] .admin-hero,
html[data-theme="dark"] .admin-liquid-nav,
html[data-theme="dark"] .home-side-panel,
html[data-theme="dark"] .home-profile-hero,
html[data-theme="dark"] .usage-summary-card,
html[data-theme="dark"] .compact-rentals-card,
html[data-theme="dark"] .packages-list-box,
html[data-theme="dark"] .orders-list-box{
  background:linear-gradient(145deg,rgba(31,24,37,.93),rgba(21,17,27,.91))!important;
  border-color:rgba(126,93,139,.42)!important;
  outline-color:rgba(218,168,233,.07)!important;
  box-shadow:0 20px 52px rgba(0,0,0,.34)!important;
  color:#f6edf7!important;
}

html[data-theme="dark"] .glass-box::before{
  background:linear-gradient(135deg,rgba(255,255,255,.055),transparent 35%,transparent 64%,rgba(183,128,221,.035));
}

/* Dashboard/sidebar buttons */
html[data-theme="dark"] .home-side-nav a{
  color:#d8cadb!important;
  background:rgba(43,34,49,.68)!important;
  border-color:rgba(107,80,119,.30)!important;
}
html[data-theme="dark"] .home-side-nav a:hover,
html[data-theme="dark"] .home-side-nav a.active{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(111,53,86,.78),rgba(80,59,125,.78))!important;
  border-color:rgba(210,154,224,.30)!important;
  box-shadow:0 10px 25px rgba(0,0,0,.23)!important;
}
html[data-theme="dark"] .home-side-brand small{color:#b8a8bd!important}
html[data-theme="dark"] .side-logo{
  background:linear-gradient(135deg,rgba(108,51,81,.88),rgba(73,59,113,.88))!important;
  box-shadow:0 12px 28px rgba(0,0,0,.24)!important;
}

/* Lists/cards that were staying silver in dark mode */
html[data-theme="dark"] .mobile-rental-item,
html[data-theme="dark"] .mobile-order-item,
html[data-theme="dark"] .compact-rental-item,
html[data-theme="dark"] .usage-highlight-line,
html[data-theme="dark"] .usage-mini-grid>div,
html[data-theme="dark"] .client-hub-mini-stats div,
html[data-theme="dark"] .usage-topline>div,
html[data-theme="dark"] .menu-link-item,
html[data-theme="dark"] .profile-info-lines span,
html[data-theme="dark"] .stock-stat-row,
html[data-theme="dark"] .bank-selector-item,
html[data-theme="dark"] .coupon-apply-box,
html[data-theme="dark"] .coupon-success-summary>div,
html[data-theme="dark"] .claim-status-box>div,
html[data-theme="dark"] .claim-preview>div,
html[data-theme="dark"] .checkout-summary div{
  background:linear-gradient(145deg,rgba(45,35,52,.88),rgba(31,25,38,.88))!important;
  border-color:rgba(115,88,127,.38)!important;
  color:#f2e8f3!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18)!important;
}

/* Dark text contrast */
html[data-theme="dark"] .home-profile-email,
html[data-theme="dark"] .mobile-rental-top p,
html[data-theme="dark"] .mobile-rental-meta,
html[data-theme="dark"] .compact-rental-item small,
html[data-theme="dark"] .usage-highlight-line span,
html[data-theme="dark"] .usage-mini-grid span,
html[data-theme="dark"] .client-hub-mini-stats span,
html[data-theme="dark"] .usage-topline span,
html[data-theme="dark"] .usage-caption,
html[data-theme="dark"] .menu-link-item small,
html[data-theme="dark"] .soft-tips,
html[data-theme="dark"] .product-desc,
html[data-theme="dark"] .product-note,
html[data-theme="dark"] .payment-info span,
html[data-theme="dark"] .claim-status-box span,
html[data-theme="dark"] .claim-preview span,
html[data-theme="dark"] .admin-title-row p,
html[data-theme="dark"] .admin-hero p,
html[data-theme="dark"] .admin-glass-card p,
html[data-theme="dark"] .admin-stat-card span,
html[data-theme="dark"] .admin-stat-card small,
html[data-theme="dark"] .mono-id,
html[data-theme="dark"] .user-cell small{
  color:#b9a9bd!important;
}

html[data-theme="dark"] .home-side-brand strong,
html[data-theme="dark"] .mobile-rental-top h3,
html[data-theme="dark"] .mobile-order-top strong,
html[data-theme="dark"] .compact-rental-item strong,
html[data-theme="dark"] .menu-link-item strong,
html[data-theme="dark"] .mobile-order-bottom>span,
html[data-theme="dark"] .stock-stat-row,
html[data-theme="dark"] .admin-title-row h1,
html[data-theme="dark"] .admin-hero h1{
  color:#f8f1f8!important;
}

/* Accent values remain colorful but more readable */
html[data-theme="dark"] .usage-highlight-line strong,
html[data-theme="dark"] .usage-topline strong,
html[data-theme="dark"] .client-hub-mini-stats strong,
html[data-theme="dark"] .admin-stat-card strong{
  background:linear-gradient(135deg,#ff90c2,#b59bff 56%,#89d8f5)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}

/* Product/package cards */
html[data-theme="dark"] .premium-card,
html[data-theme="dark"] .product-card{
  background:linear-gradient(160deg,rgba(39,30,45,.96),rgba(24,19,30,.94))!important;
  border-color:rgba(112,82,124,.42)!important;
  outline-color:rgba(225,170,238,.06)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.32)!important;
}
html[data-theme="dark"] .product-image-wrap{
  background:linear-gradient(145deg,#241b29,#19141e)!important;
  border-bottom-color:#47334d!important;
}
html[data-theme="dark"] .mini-info span,
html[data-theme="dark"] .category-item small{
  background:#2b2231!important;
  border-color:#4d3a56!important;
  color:#d7c7d8!important;
}

/* Admin nav / tables */
html[data-theme="dark"] .admin-nav-link{color:#cbbdce!important}
html[data-theme="dark"] .admin-nav-link:hover,
html[data-theme="dark"] .admin-nav-link.active{
  background:linear-gradient(135deg,rgba(111,52,86,.74),rgba(74,58,118,.75))!important;
  color:#fff!important;
}
html[data-theme="dark"] .admin-count-pill,
html[data-theme="dark"] .glass-check{
  background:rgba(43,34,50,.82)!important;
  border-color:#4e3b56!important;
  color:#dfd2e0!important;
}
html[data-theme="dark"] .admin-card-icon{
  background:linear-gradient(135deg,#593247,#493861)!important;
  border-color:#684d70!important;
}
html[data-theme="dark"] .admin-page .table th{
  background:#251d2b!important;
  color:#cbbacd!important;
}
html[data-theme="dark"] .admin-page .table tr:hover td{
  background:rgba(119,78,139,.12)!important;
}

/* Inputs and secondary buttons */
html[data-theme="dark"] .input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{
  background:#17121b!important;
  color:#f5edf5!important;
  border-color:#503b58!important;
  outline-color:rgba(191,136,213,.08)!important;
}
html[data-theme="dark"] .btn.secondary,
html[data-theme="dark"] .btn-soft,
html[data-theme="dark"] .ghost-btn{
  background:linear-gradient(135deg,#33283b,#292033)!important;
  border-color:#56415f!important;
  color:#f0e4ef!important;
}

/* Badges */
html[data-theme="dark"] .badge,
html[data-theme="dark"] .status-chip{
  background:#3a2b42!important;
  color:#e9d7e7!important;
  border-color:#563e60!important;
}
html[data-theme="dark"] .badge.active{
  background:#284c40!important;
  color:#c7f3df!important;
}
html[data-theme="dark"] .badge.pending{
  background:#4a3b24!important;
  color:#f5d997!important;
}
html[data-theme="dark"] .badge.expired,
html[data-theme="dark"] .badge.cancelled{
  background:#4b2835!important;
  color:#ffc5d7!important;
}

/* Bottom nav */
html[data-theme="dark"] .customer-bottom-nav{
  background:linear-gradient(145deg,rgba(32,25,38,.95),rgba(22,18,28,.94))!important;
  border-color:#4b3954!important;
  outline-color:rgba(210,154,224,.06)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.34)!important;
}
html[data-theme="dark"] .customer-bottom-nav a{color:#bcaebe!important}
html[data-theme="dark"] .customer-bottom-nav a.active,
html[data-theme="dark"] .customer-bottom-nav a:hover{
  background:#34283c!important;
  color:#fff!important;
}

@media(max-width:760px){
  html[data-theme="dark"] .nav nav{
    background:rgba(24,19,29,.98)!important;
    border-color:#4c3954!important;
  }
}

/* =========================================================
   V6.3.4 — Premium Dark Contrast & Typography
   Global final override: customer + admin + all pages
   ========================================================= */
html[data-theme="dark"]{
  --dark-bg-0:#0e0b12;
  --dark-bg-1:#15101a;
  --dark-surface:#1d1723;
  --dark-surface-2:#251d2c;
  --dark-surface-3:#302537;
  --dark-border:rgba(191,145,205,.28);
  --dark-text:#fff8ff;
  --dark-text-soft:#e9ddea;
  --dark-muted:#c8b7c9;
  --dark-muted-2:#aa98ad;
  --dark-shadow-text:0 1px 2px rgba(0,0,0,.70);
}

html[data-theme="dark"] body{
  color:var(--dark-text-soft)!important;
  background:
    radial-gradient(circle at 13% 5%,rgba(124,49,91,.22),transparent 28%),
    radial-gradient(circle at 88% 18%,rgba(84,60,139,.18),transparent 30%),
    linear-gradient(180deg,var(--dark-bg-0),var(--dark-bg-1) 54%,#0c0910)!important;
}

/* Typography hierarchy */
html[data-theme="dark"] body,
html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] td,
html[data-theme="dark"] label,
html[data-theme="dark"] span{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

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"] .home-side-brand strong,
html[data-theme="dark"] .brand strong,
html[data-theme="dark"] .menu-link-item strong,
html[data-theme="dark"] .mobile-rental-top h3,
html[data-theme="dark"] .mobile-order-top strong,
html[data-theme="dark"] .compact-rental-item strong,
html[data-theme="dark"] .admin-title-row h1,
html[data-theme="dark"] .admin-hero h1,
html[data-theme="dark"] .package-title-card h2{
  color:var(--dark-text)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.72),0 0 14px rgba(255,255,255,.025)!important;
}

html[data-theme="dark"] p,
html[data-theme="dark"] .muted,
html[data-theme="dark"] small,
html[data-theme="dark"] .home-profile-email,
html[data-theme="dark"] .home-side-brand small,
html[data-theme="dark"] .menu-link-item small,
html[data-theme="dark"] .usage-caption,
html[data-theme="dark"] .product-desc,
html[data-theme="dark"] .product-note,
html[data-theme="dark"] .admin-title-row p,
html[data-theme="dark"] .admin-hero p,
html[data-theme="dark"] .admin-glass-card p,
html[data-theme="dark"] .user-cell small,
html[data-theme="dark"] .claim-helper,
html[data-theme="dark"] .search-tip{
  color:var(--dark-muted)!important;
  text-shadow:0 1px 1px rgba(0,0,0,.50)!important;
}

/* Primary glass surfaces - remove silver wash */
html[data-theme="dark"] .nav,
html[data-theme="dark"] .glass-box,
html[data-theme="dark"] .kawaii-panel,
html[data-theme="dark"] .card,
html[data-theme="dark"] .payment-card,
html[data-theme="dark"] .checkout-card,
html[data-theme="dark"] .empty-state,
html[data-theme="dark"] .admin-glass-card,
html[data-theme="dark"] .admin-stat-card,
html[data-theme="dark"] .admin-hero,
html[data-theme="dark"] .admin-liquid-nav,
html[data-theme="dark"] .home-side-panel,
html[data-theme="dark"] .home-profile-hero,
html[data-theme="dark"] .usage-summary-card,
html[data-theme="dark"] .compact-rentals-card,
html[data-theme="dark"] .packages-list-box,
html[data-theme="dark"] .orders-list-box,
html[data-theme="dark"] .profile-avatar-card,
html[data-theme="dark"] .branding-preview,
html[data-theme="dark"] .security-card,
html[data-theme="dark"] .session-card,
html[data-theme="dark"] .recovery-card{
  background:linear-gradient(145deg,rgba(31,24,38,.97),rgba(20,16,26,.96))!important;
  border-color:var(--dark-border)!important;
  outline-color:rgba(255,255,255,.025)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.025)!important;
}

/* Inner cards / list rows */
html[data-theme="dark"] .mobile-rental-item,
html[data-theme="dark"] .mobile-order-item,
html[data-theme="dark"] .compact-rental-item,
html[data-theme="dark"] .usage-highlight-line,
html[data-theme="dark"] .usage-mini-grid>div,
html[data-theme="dark"] .client-hub-mini-stats div,
html[data-theme="dark"] .usage-topline>div,
html[data-theme="dark"] .menu-link-item,
html[data-theme="dark"] .profile-info-lines span,
html[data-theme="dark"] .stock-stat-row,
html[data-theme="dark"] .bank-selector-item,
html[data-theme="dark"] .coupon-apply-box,
html[data-theme="dark"] .coupon-success-summary>div,
html[data-theme="dark"] .claim-status-box>div,
html[data-theme="dark"] .claim-preview>div,
html[data-theme="dark"] .checkout-summary div,
html[data-theme="dark"] .dashboard-order-item,
html[data-theme="dark"] .dashboard-package-item{
  background:linear-gradient(145deg,rgba(39,30,47,.96),rgba(27,21,34,.96))!important;
  border-color:rgba(181,135,196,.24)!important;
  color:var(--dark-text-soft)!important;
  box-shadow:0 9px 24px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.02)!important;
}

/* Sidebar — this is the most visible problem in the screenshot */
html[data-theme="dark"] .home-side-nav a{
  background:linear-gradient(135deg,#241c2b,#1d1723)!important;
  border:1px solid rgba(176,127,194,.18)!important;
  color:#e7d9e9!important;
  text-shadow:var(--dark-shadow-text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  opacity:1!important;
}
html[data-theme="dark"] .home-side-nav a:hover{
  background:linear-gradient(135deg,#362440,#2a2140)!important;
  border-color:rgba(222,160,226,.34)!important;
  color:#fff!important;
}
html[data-theme="dark"] .home-side-nav a.active{
  background:linear-gradient(135deg,#74405d,#594382)!important;
  border-color:rgba(255,190,227,.42)!important;
  color:#fff!important;
  box-shadow:0 10px 26px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.11)!important;
}

/* Menu/list text */
html[data-theme="dark"] .menu-link-item,
html[data-theme="dark"] .mobile-rental-item,
html[data-theme="dark"] .mobile-order-item{
  color:#f4eaf5!important;
}
html[data-theme="dark"] .menu-link-item strong,
html[data-theme="dark"] .mobile-rental-top h3,
html[data-theme="dark"] .mobile-order-top strong{
  color:#fff9ff!important;
}
html[data-theme="dark"] .menu-link-item small,
html[data-theme="dark"] .mobile-rental-meta,
html[data-theme="dark"] .mobile-rental-top p{
  color:#cdbdce!important;
}
html[data-theme="dark"] .menu-link-item>span{
  color:#d8b7ee!important;
  text-shadow:0 1px 2px rgba(0,0,0,.65)!important;
}

/* Stats: labels need to be readable, values can remain colorful */
html[data-theme="dark"] .usage-highlight-line span,
html[data-theme="dark"] .usage-mini-grid span,
html[data-theme="dark"] .client-hub-mini-stats span,
html[data-theme="dark"] .usage-topline span,
html[data-theme="dark"] .admin-stat-card span,
html[data-theme="dark"] .admin-stat-card small{
  color:#d3c3d5!important;
  text-shadow:0 1px 1px rgba(0,0,0,.58)!important;
}
html[data-theme="dark"] .usage-mini-grid strong,
html[data-theme="dark"] .stock-stat-row strong,
html[data-theme="dark"] .client-hub-mini-stats strong{
  color:#fff8ff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.62)!important;
}

/* Header navigation */
html[data-theme="dark"] .nav nav a,
html[data-theme="dark"] .admin-nav-link{
  color:#dfd0e1!important;
  text-shadow:0 1px 1px rgba(0,0,0,.62)!important;
  opacity:1!important;
}
html[data-theme="dark"] .nav nav a:hover,
html[data-theme="dark"] .nav nav a.active,
html[data-theme="dark"] .admin-nav-link:hover,
html[data-theme="dark"] .admin-nav-link.active{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(111,54,87,.90),rgba(75,58,119,.91))!important;
  border-color:rgba(218,158,224,.22)!important;
}
html[data-theme="dark"] .logout-link{color:#ff9fbd!important}

/* Inputs */
html[data-theme="dark"] .input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="url"],
html[data-theme="dark"] input[type="date"],
html[data-theme="dark"] input[type="datetime-local"]{
  background:#17121b!important;
  border-color:#59415f!important;
  color:#fff8ff!important;
  text-shadow:none!important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#9f8da2!important;opacity:1!important}

/* Tables / audit / users / security */
html[data-theme="dark"] table,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .admin-table-wrap{
  background:#17121c!important;
  color:#eee4ef!important;
}
html[data-theme="dark"] th{
  background:#251c2c!important;
  color:#eaddeb!important;
  text-shadow:0 1px 1px rgba(0,0,0,.58)!important;
  border-color:#46334d!important;
}
html[data-theme="dark"] td{
  color:#e7dce8!important;
  border-color:#382b40!important;
}
html[data-theme="dark"] td strong{color:#fff9ff!important}
html[data-theme="dark"] tr:hover td{background:rgba(111,75,130,.14)!important}

/* Chips / badges */
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .admin-kicker,
html[data-theme="dark"] .section-chip,
html[data-theme="dark"] .status-chip,
html[data-theme="dark"] .badge,
html[data-theme="dark"] .admin-count-pill,
html[data-theme="dark"] .glass-check{
  color:#f2e5f3!important;
  text-shadow:0 1px 1px rgba(0,0,0,.55)!important;
}
html[data-theme="dark"] .badge.active{color:#d5ffea!important}
html[data-theme="dark"] .badge.pending{color:#ffe6a7!important}
html[data-theme="dark"] .badge.expired,
html[data-theme="dark"] .badge.cancelled{color:#ffd0de!important}

/* Buttons */
html[data-theme="dark"] .btn{
  text-shadow:0 1px 1px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] .btn.secondary,
html[data-theme="dark"] .btn-soft,
html[data-theme="dark"] .ghost-btn{
  background:linear-gradient(135deg,#35283e,#2a2033)!important;
  color:#f7edf7!important;
  border-color:#61496a!important;
}

/* Remove accidental disabled-looking opacity on visible content */
html[data-theme="dark"] .home-app-shell a:not([aria-disabled="true"]),
html[data-theme="dark"] .client-hub-shell a:not([aria-disabled="true"]),
html[data-theme="dark"] .admin-main a:not([aria-disabled="true"]){opacity:1!important}

/* Mobile inherits same contrast */
@media(max-width:760px){
  html[data-theme="dark"] .nav nav{
    background:rgba(20,15,25,.985)!important;
    border-color:rgba(183,136,197,.26)!important;
    box-shadow:0 16px 38px rgba(0,0,0,.42)!important;
  }
  html[data-theme="dark"] .customer-bottom-nav{
    background:linear-gradient(145deg,rgba(29,22,36,.98),rgba(19,15,24,.98))!important;
  }
  html[data-theme="dark"] .customer-bottom-nav a{color:#d7c8d9!important;text-shadow:0 1px 1px rgba(0,0,0,.6)!important}
  html[data-theme="dark"] .customer-bottom-nav a.active{color:#fff!important;background:#3a2b45!important}
}

/* =========================================================
   V6.3.5 — Dark Mode Full Rework
   Fix auth/dashboard/sidebar/inner cards across all pages
   ========================================================= */
html[data-theme="dark"]{
  --yuna-dark-bg:#0f0b12;
  --yuna-dark-surface:#18121d;
  --yuna-dark-surface-2:#211827;
  --yuna-dark-surface-3:#2a1f31;
  --yuna-dark-border:rgba(213,151,221,.22);
  --yuna-dark-text:#fff7ff;
  --yuna-dark-text-2:#e7dce9;
  --yuna-dark-muted:#b9a7bc;
  --yuna-dark-accent:#e38bd1;
}

html[data-theme="dark"] body{
  background:
    radial-gradient(circle at 12% 15%,rgba(98,43,78,.24),transparent 30%),
    radial-gradient(circle at 82% 18%,rgba(72,53,116,.22),transparent 28%),
    radial-gradient(circle at 50% 95%,rgba(35,72,92,.13),transparent 34%),
    linear-gradient(180deg,#0d0a10,#120d16 52%,#0c0910)!important;
}

/* ----- Auth / login / register ----- */
html[data-theme="dark"] body .auth-card{
  background:linear-gradient(145deg,#1a141f,#120e17)!important;
  border-color:var(--yuna-dark-border)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.48)!important;
}
html[data-theme="dark"] body .auth-showcase,
html[data-theme="dark"] body .auth-register-card .auth-showcase{
  background:
    radial-gradient(circle at 20% 18%,rgba(255,139,204,.10),transparent 28%),
    radial-gradient(circle at 82% 25%,rgba(159,124,244,.10),transparent 30%),
    linear-gradient(150deg,#201724,#17111d)!important;
  border-color:rgba(211,159,220,.18)!important;
}
html[data-theme="dark"] body .auth-showcase::before{opacity:.22!important}
html[data-theme="dark"] body .auth-form-panel{
  background:linear-gradient(160deg,#19131e,#130f18)!important;
}
html[data-theme="dark"] body .auth-showcase h1,
html[data-theme="dark"] body .auth-form-head h2{
  color:#fff9ff!important;
  text-shadow:0 2px 10px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] body .auth-showcase>p,
html[data-theme="dark"] body .auth-form-head p,
html[data-theme="dark"] body .auth-brand-line small,
html[data-theme="dark"] body .auth-switch-text,
html[data-theme="dark"] body .auth-back-link{
  color:#c4b3c7!important;
}
html[data-theme="dark"] body .auth-feature-grid>div{
  background:linear-gradient(145deg,#261c2c,#1c1522)!important;
  border-color:rgba(212,156,219,.20)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.24)!important;
}
html[data-theme="dark"] body .auth-feature-grid strong{color:#fff5ff!important}
html[data-theme="dark"] body .auth-feature-grid small{color:#c1afc4!important}
html[data-theme="dark"] body .auth-mini-label{
  background:rgba(135,92,162,.25)!important;
  color:#efc9f2!important;
  border:1px solid rgba(216,161,225,.16)!important;
}
html[data-theme="dark"] body .auth-form label{color:#d7c6da!important}
html[data-theme="dark"] body .auth-input-wrap .input{
  background:#0f0c13!important;
  border-color:#614567!important;
  color:#fff!important;
}
html[data-theme="dark"] body .password-toggle{
  background:#2b2033!important;
  color:#eadbf0!important;
  border:1px solid #59415f!important;
}
html[data-theme="dark"] body .auth-divider{color:#a996ad!important}
html[data-theme="dark"] body .auth-divider::before,
html[data-theme="dark"] body .auth-divider::after{background:#3c2d43!important}
html[data-theme="dark"] body .auth-switch-text a{color:#d9a4f1!important}

/* ----- Dashboard shell / sidebar ----- */
html[data-theme="dark"] body .home-side-panel,
html[data-theme="dark"] body .home-profile-hero,
html[data-theme="dark"] body .usage-summary-card,
html[data-theme="dark"] body .compact-rentals-card,
html[data-theme="dark"] body .packages-list-box,
html[data-theme="dark"] body .orders-list-box{
  background:linear-gradient(145deg,#1c1521,#130f18)!important;
  border-color:rgba(213,151,221,.20)!important;
  box-shadow:0 20px 46px rgba(0,0,0,.32)!important;
}
html[data-theme="dark"] body .side-logo{
  background:linear-gradient(135deg,#4a2d43,#40345d)!important;
  color:#fff!important;
}
html[data-theme="dark"] body .home-side-brand strong{color:#fff8ff!important}
html[data-theme="dark"] body .home-side-brand small{color:#c0afc2!important}

html[data-theme="dark"] body .home-side-panel .home-side-nav a{
  background:linear-gradient(145deg,#211827,#18121e)!important;
  border:1px solid rgba(214,159,223,.17)!important;
  color:#e5d7e8!important;
  opacity:1!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body .home-side-panel .home-side-nav a:hover{
  background:linear-gradient(145deg,#302138,#241b30)!important;
  color:#fff!important;
  border-color:rgba(230,173,231,.30)!important;
}
html[data-theme="dark"] body .home-side-panel .home-side-nav a.active{
  background:linear-gradient(135deg,#7d4667,#5f4688)!important;
  border-color:rgba(255,196,231,.44)!important;
  color:#fff!important;
  box-shadow:0 10px 28px rgba(91,45,100,.26)!important;
}

/* ----- Hero metadata pills ----- */
html[data-theme="dark"] body .profile-info-lines span{
  background:#211827!important;
  color:#e1d2e4!important;
  border-color:rgba(216,163,223,.20)!important;
  text-shadow:none!important;
}
html[data-theme="dark"] body .home-profile-email{color:#bba9be!important}

/* ----- Dashboard inner cards ----- */
html[data-theme="dark"] body .menu-link-item,
html[data-theme="dark"] body .usage-highlight-line,
html[data-theme="dark"] body .usage-mini-grid>div,
html[data-theme="dark"] body .compact-rental-item,
html[data-theme="dark"] body .mobile-rental-item,
html[data-theme="dark"] body .mobile-order-item,
html[data-theme="dark"] body .client-hub-mini-stats div,
html[data-theme="dark"] body .usage-topline>div,
html[data-theme="dark"] body .quick-action,
html[data-theme="dark"] body .package-title-card,
html[data-theme="dark"] body .fancy-progress-card{
  background:linear-gradient(145deg,#251b2b,#1b1421)!important;
  border:1px solid rgba(211,157,220,.18)!important;
  color:#f5ebf6!important;
  box-shadow:0 10px 28px rgba(0,0,0,.20)!important;
}
html[data-theme="dark"] body .menu-link-item strong,
html[data-theme="dark"] body .compact-rental-item strong,
html[data-theme="dark"] body .mobile-rental-top h3,
html[data-theme="dark"] body .mobile-order-top strong{
  color:#fff9ff!important;
}
html[data-theme="dark"] body .menu-link-item small,
html[data-theme="dark"] body .compact-rental-item small,
html[data-theme="dark"] body .mobile-rental-meta,
html[data-theme="dark"] body .mobile-rental-top p,
html[data-theme="dark"] body .usage-caption,
html[data-theme="dark"] body .usage-mini-grid span,
html[data-theme="dark"] body .usage-highlight-line span{
  color:#c4b3c7!important;
}
html[data-theme="dark"] body .menu-link-item>span{color:#dca8ed!important}
html[data-theme="dark"] body .usage-highlight-line strong,
html[data-theme="dark"] body .usage-mini-grid strong,
html[data-theme="dark"] body .client-hub-mini-stats strong,
html[data-theme="dark"] body .usage-topline strong{
  color:#fff!important;
  -webkit-text-fill-color:initial!important;
  background:none!important;
}

/* ----- General light glass leftovers ----- */
html[data-theme="dark"] body .section-chip,
html[data-theme="dark"] body .soft-pill,
html[data-theme="dark"] body .status-pill,
html[data-theme="dark"] body .glass-check,
html[data-theme="dark"] body .admin-count-pill{
  background:#251b2b!important;
  border-color:rgba(211,157,220,.20)!important;
  color:#eadbea!important;
}
html[data-theme="dark"] body .status-pill.active,
html[data-theme="dark"] body .badge.active{
  background:#183229!important;
  color:#bdf2d7!important;
  border-color:#2c6653!important;
}
html[data-theme="dark"] body .status-pill.expired,
html[data-theme="dark"] body .badge.expired{
  background:#3a202b!important;
  color:#ffcadd!important;
  border-color:#744054!important;
}

/* ----- Tables / forms / admin ----- */
html[data-theme="dark"] body .admin-main .glass-box,
html[data-theme="dark"] body .admin-main .admin-glass-card,
html[data-theme="dark"] body .admin-main .admin-stat-card,
html[data-theme="dark"] body .admin-main .admin-hero,
html[data-theme="dark"] body .admin-main .session-item,
html[data-theme="dark"] body .admin-main .recovery-grid>div,
html[data-theme="dark"] body .admin-main .telegram-link-code{
  background:linear-gradient(145deg,#1d1622,#141019)!important;
  border-color:rgba(212,158,220,.18)!important;
}
html[data-theme="dark"] body .audit-details pre{
  background:#100c14!important;
  color:#e8dce9!important;
  border:1px solid #3f3047!important;
}

/* ----- Remove global milky overlays ----- */
html[data-theme="dark"] body .glass-box::before{
  background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 35%,transparent 70%,rgba(216,149,223,.02))!important;
}

/* Text hierarchy: crisp, no heavy outline */
html[data-theme="dark"] body h1,
html[data-theme="dark"] body h2,
html[data-theme="dark"] body h3,
html[data-theme="dark"] body h4{
  color:#fff8ff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.46)!important;
}
html[data-theme="dark"] body p,
html[data-theme="dark"] body small,
html[data-theme="dark"] body .muted{
  color:#bcaabd!important;
  text-shadow:none!important;
}

@media(max-width:760px){
  html[data-theme="dark"] body .auth-showcase,
  html[data-theme="dark"] body .auth-form-panel{
    background:#17111c!important;
  }
}

/* =========================================================
   V6.3.7 — FINAL DARK CONSISTENCY PASS
   Removes remaining light/grey islands on every page.
   ========================================================= */
html[data-theme="dark"] body{
  --dark-surface:#18121d;
  --dark-surface-2:#211827;
  --dark-surface-3:#281d2e;
  --dark-border:#4b3654;
  --dark-text:#f7eef8;
  --dark-muted:#c6b5c9;
}

/* Core surfaces */
html[data-theme="dark"] body .glass-box,
html[data-theme="dark"] body .admin-glass-card,
html[data-theme="dark"] body .card,
html[data-theme="dark"] body .kawaii-panel,
html[data-theme="dark"] body .payment-card,
html[data-theme="dark"] body .checkout-card,
html[data-theme="dark"] body .empty-state,
html[data-theme="dark"] body .admin-stat-card,
html[data-theme="dark"] body .admin-table-card,
html[data-theme="dark"] body .revenue-history-card,
html[data-theme="dark"] body .security-search-card,
html[data-theme="dark"] body .cleanup-danger-card,
html[data-theme="dark"] body .profile-login-device-card,
html[data-theme="dark"] body .session-manager-card,
html[data-theme="dark"] body .account-recovery-card,
html[data-theme="dark"] body .profile-avatar-card,
html[data-theme="dark"] body .telegram-preview-card{
  background-color:var(--dark-surface)!important;
  background-image:none!important;
  border-color:var(--dark-border)!important;
  color:var(--dark-text)!important;
}

/* Remaining milky inner blocks */
html[data-theme="dark"] body .profile-login-device-grid>div,
html[data-theme="dark"] body .customer-login-session-grid>div,
html[data-theme="dark"] body .cleanup-stat-grid>div,
html[data-theme="dark"] body .revenue-month-item,
html[data-theme="dark"] body .service-row,
html[data-theme="dark"] body .audit-item,
html[data-theme="dark"] body .history-item,
html[data-theme="dark"] body .stock-stat-row,
html[data-theme="dark"] body .session-item,
html[data-theme="dark"] body .recovery-grid>div,
html[data-theme="dark"] body .client-hub-mini-stats>div,
html[data-theme="dark"] body .menu-link-item,
html[data-theme="dark"] body .usage-highlight-line,
html[data-theme="dark"] body .usage-mini-grid>div,
html[data-theme="dark"] body .compact-rental-item,
html[data-theme="dark"] body .quick-action,
html[data-theme="dark"] body .fancy-progress-card,
html[data-theme="dark"] body .package-title-card{
  background-color:var(--dark-surface-2)!important;
  background-image:none!important;
  border-color:var(--dark-border)!important;
  color:var(--dark-text)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.20)!important;
}

/* Profile / current login device */
html[data-theme="dark"] body .profile-login-device-grid span,
html[data-theme="dark"] body .customer-login-session-grid span{
  color:#bdaec1!important;
}
html[data-theme="dark"] body .profile-login-device-grid strong,
html[data-theme="dark"] body .customer-login-session-grid strong{
  color:#fff8ff!important;
}
html[data-theme="dark"] body .security-tip{
  background:#17252d!important;
  border-color:#31515f!important;
  color:#c8e7f3!important;
}

/* Admin revenue and operation statistics */
html[data-theme="dark"] body .admin-stat-card span,
html[data-theme="dark"] body .admin-stat-card small,
html[data-theme="dark"] body .revenue-month-item span,
html[data-theme="dark"] body .revenue-month-item small{
  color:var(--dark-muted)!important;
}
html[data-theme="dark"] body .admin-stat-card strong,
html[data-theme="dark"] body .revenue-month-item strong{
  color:#fff9ff!important;
  -webkit-text-fill-color:initial!important;
  background:none!important;
}

/* Cleanup page */
html[data-theme="dark"] body .cleanup-stat-grid span{color:#bfaec3!important}
html[data-theme="dark"] body .cleanup-stat-grid strong{color:#fff8ff!important}
html[data-theme="dark"] body .cleanup-keep-box{
  background:#173126!important;
  border-color:#2f654e!important;
  color:#bcebd3!important;
}
html[data-theme="dark"] body .cleanup-keep-box p{color:#a9d9c1!important}
html[data-theme="dark"] body .cleanup-warning-icon{
  background:linear-gradient(135deg,#472a35,#453323)!important;
  border:1px solid #654452!important;
}

/* Service status */
html[data-theme="dark"] body .service-row strong{color:#fff8ff!important}
html[data-theme="dark"] body .service-row small{color:#bbaabd!important}

/* Audit */
html[data-theme="dark"] body .audit-item strong{color:#fff8ff!important}
html[data-theme="dark"] body .audit-meta{color:#b9a8bc!important}
html[data-theme="dark"] body .audit-details{
  color:#d9cadb!important;
}
html[data-theme="dark"] body .audit-details pre,
html[data-theme="dark"] body .cleanup-code,
html[data-theme="dark"] body .cleanup-sql-preview pre{
  background:#0e0a12!important;
  color:#eee2ef!important;
  border-color:#45334d!important;
}

/* Telegram preview: preserve blue preview but improve readability */
html[data-theme="dark"] body .telegram-preview-card .telegram-preview,
html[data-theme="dark"] body .telegram-message-preview{
  color:#f3f8ff!important;
}

/* Forms and controls */
html[data-theme="dark"] body input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html[data-theme="dark"] body select,
html[data-theme="dark"] body textarea{
  background-color:#0f0b13!important;
  background-image:none!important;
  border-color:#59415f!important;
  color:#fff8ff!important;
}
html[data-theme="dark"] body input::placeholder,
html[data-theme="dark"] body textarea::placeholder{color:#8f7d92!important}
html[data-theme="dark"] body label{color:#d7c8da!important}

/* Pills, chips and counters */
html[data-theme="dark"] body .section-chip,
html[data-theme="dark"] body .soft-pill,
html[data-theme="dark"] body .status-pill,
html[data-theme="dark"] body .glass-check,
html[data-theme="dark"] body .admin-count-pill,
html[data-theme="dark"] body .eyebrow{
  background:#271c2d!important;
  border-color:#513a59!important;
  color:#eadceb!important;
}
html[data-theme="dark"] body .badge.active,
html[data-theme="dark"] body .status-pill.active{
  background:#15382c!important;
  border-color:#2a6e55!important;
  color:#c3f4dc!important;
}

/* Tables */
html[data-theme="dark"] body .table-wrap,
html[data-theme="dark"] body .admin-table-wrap,
html[data-theme="dark"] body table{
  background:#151019!important;
  border-color:#44314b!important;
}
html[data-theme="dark"] body th{
  background:#201724!important;
  color:#d9cadb!important;
  border-color:#44314b!important;
}
html[data-theme="dark"] body td{
  color:#eee4ef!important;
  border-color:#382a3f!important;
}
html[data-theme="dark"] body tr:hover td{background:#211827!important}

/* Text hierarchy */
html[data-theme="dark"] body h1,
html[data-theme="dark"] body h2,
html[data-theme="dark"] body h3,
html[data-theme="dark"] body h4,
html[data-theme="dark"] body .home-side-nav a,
html[data-theme="dark"] body .menu-link-item strong{
  color:#fff8ff!important;
}
html[data-theme="dark"] body p,
html[data-theme="dark"] body small,
html[data-theme="dark"] body .muted{
  color:#bfaec2!important;
}

/* Login / register must never fall back to milky panels */
html[data-theme="dark"] body .auth-card.glass-box{
  background:#151019!important;
  border-color:#4b3654!important;
}
html[data-theme="dark"] body .auth-showcase{
  background:
    radial-gradient(circle at 75% 24%,rgba(224,111,190,.10),transparent 31%),
    radial-gradient(circle at 17% 80%,rgba(101,121,210,.08),transparent 35%),
    #1b1320!important;
  border-right-color:#47314f!important;
}
html[data-theme="dark"] body .auth-form-panel{background:#17111b!important}
html[data-theme="dark"] body .auth-feature-grid>div{
  background:#241a2a!important;
  border-color:#4b3654!important;
}

/* Prevent decorative pseudo layers from whitening dark cards */
html[data-theme="dark"] body .glass-box::before,
html[data-theme="dark"] body .admin-glass-card::before{
  opacity:.08!important;
  background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 42%,rgba(213,141,220,.02))!important;
}

@media(max-width:760px){
  html[data-theme="dark"] body .profile-login-device-grid>div,
  html[data-theme="dark"] body .customer-login-session-grid>div,
  html[data-theme="dark"] body .cleanup-stat-grid>div,
  html[data-theme="dark"] body .revenue-month-item,
  html[data-theme="dark"] body .service-row,
  html[data-theme="dark"] body .audit-item{
    background:#211827!important;
  }
}


/* =========================================================
   V6.3.8 — FINAL DARK POLISH
   Last remaining light islands: coupon scope, helper banners,
   login-session card, package meta pills and Telegram notes.
   ========================================================= */
html[data-theme="dark"] body{
  --dark-final-surface:#18121d;
  --dark-final-surface-2:#211827;
  --dark-final-surface-3:#2a1e30;
  --dark-final-border:#513a59;
  --dark-final-text:#fff8ff;
  --dark-final-muted:#c8b7cb;
}

/* Coupon: "Tất cả gói" / "Gói nhất định" must not stay grey */
html[data-theme="dark"] body .coupon-scope-option,
html[data-theme="dark"] body .coupon-plan-picker,
html[data-theme="dark"] body .coupon-plan-options label{
  background-color:var(--dark-final-surface-2)!important;
  background-image:none!important;
  border-color:var(--dark-final-border)!important;
  color:var(--dark-final-text)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] body .coupon-scope-option:has(input:checked){
  background:linear-gradient(135deg,#35203b,#2b2142)!important;
  border-color:#8a5c99!important;
  box-shadow:0 0 0 1px rgba(213,140,225,.12),0 10px 24px rgba(0,0,0,.22)!important;
}
html[data-theme="dark"] body .coupon-scope-option b,
html[data-theme="dark"] body .coupon-plan-options span{
  color:#fff8ff!important;
}
html[data-theme="dark"] body .coupon-scope-option small,
html[data-theme="dark"] body .coupon-plan-options small{
  color:#c2b0c5!important;
}

/* Shared helper banners: stock notice + Telegram safety note */
html[data-theme="dark"] body .claim-helper{
  background:#251f16!important;
  background-image:none!important;
  border:1px solid #695832!important;
  color:#e8d8a9!important;
  box-shadow:0 9px 22px rgba(0,0,0,.16)!important;
}
html[data-theme="dark"] body .claim-helper b,
html[data-theme="dark"] body .claim-helper strong{
  color:#fff0bd!important;
}
html[data-theme="dark"] body .telegram-preview-card .claim-helper{
  background:#211b14!important;
  border-color:#5d4e2e!important;
  color:#ddcca0!important;
}

/* Dashboard current login session — outer shell was still milky */
html[data-theme="dark"] body .customer-login-session{
  background-color:var(--dark-final-surface-2)!important;
  background-image:none!important;
  border-color:var(--dark-final-border)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.20)!important;
  color:var(--dark-final-text)!important;
}
html[data-theme="dark"] body .customer-login-session-head{
  color:#f9effa!important;
}
html[data-theme="dark"] body .customer-login-session-head strong{
  background:#17392d!important;
  color:#c8f5df!important;
  border:1px solid #2d7058!important;
}
html[data-theme="dark"] body .customer-login-session>small{
  color:#9f8fa4!important;
}

/* Priority package metadata pills — remove last silver pills */
html[data-theme="dark"] body .package-meta-line span,
html[data-theme="dark"] body .mobile-rental-meta span{
  background:#271c2d!important;
  background-image:none!important;
  border:1px solid #533c5b!important;
  color:#e9dbea!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body .package-meta-line span:first-child{
  background:#282036!important;
  border-color:#5d4775!important;
  color:#ded0f0!important;
}
html[data-theme="dark"] body .package-meta-line span:last-child{
  background:#2a2026!important;
  border-color:#644653!important;
  color:#efd8df!important;
}

/* Telegram preview remains blue, but all text should stay crisp */
html[data-theme="dark"] body .telegram-message-preview{
  background:linear-gradient(145deg,#172737,#1a2d3c)!important;
  border:1px solid #2b4658!important;
  color:#edf8ff!important;
  box-shadow:0 14px 32px rgba(0,0,0,.22)!important;
}
html[data-theme="dark"] body .telegram-message-preview span,
html[data-theme="dark"] body .telegram-message-preview small{
  color:#dcecf7!important;
}

/* Stock statistics and generic pale status rows */
html[data-theme="dark"] body .stock-stat-row{
  background:var(--dark-final-surface-2)!important;
  border-color:var(--dark-final-border)!important;
  color:var(--dark-final-text)!important;
}
html[data-theme="dark"] body .stock-stat-row small{color:#bdaec0!important}
html[data-theme="dark"] body .stock-stat-row>span{
  background:#17392d!important;
  border:1px solid #2d7058!important;
  color:#c7f4de!important;
}

/* Avoid bright native scrollbar tracks inside admin tables in dark mode */
html[data-theme="dark"] body .table-wrap,
html[data-theme="dark"] body .admin-table-wrap,
html[data-theme="dark"] body .coupon-table-wrap{
  scrollbar-color:#705377 #18121d;
}
html[data-theme="dark"] body .table-wrap::-webkit-scrollbar,
html[data-theme="dark"] body .admin-table-wrap::-webkit-scrollbar,
html[data-theme="dark"] body .coupon-table-wrap::-webkit-scrollbar{height:10px;width:10px}
html[data-theme="dark"] body .table-wrap::-webkit-scrollbar-track,
html[data-theme="dark"] body .admin-table-wrap::-webkit-scrollbar-track,
html[data-theme="dark"] body .coupon-table-wrap::-webkit-scrollbar-track{background:#18121d}
html[data-theme="dark"] body .table-wrap::-webkit-scrollbar-thumb,
html[data-theme="dark"] body .admin-table-wrap::-webkit-scrollbar-thumb,
html[data-theme="dark"] body .coupon-table-wrap::-webkit-scrollbar-thumb{background:#705377;border-radius:999px;border:2px solid #18121d}

/* Small text that sat too close to background on these final components */
html[data-theme="dark"] body .package-title-card p,
html[data-theme="dark"] body .telegram-preview-card p,
html[data-theme="dark"] body .stock-stat-list small{
  color:#c8b7cb!important;
}

/* =========================================================
   V6.3.9 — Admin kicker/tag final dark polish
   ========================================================= */
html[data-theme="dark"] .admin-kicker{
  background:linear-gradient(135deg,rgba(91,58,104,.92),rgba(54,39,67,.96))!important;
  border:1px solid rgba(174,126,199,.48)!important;
  color:#f8ecfb!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 6px 18px rgba(0,0,0,.18)!important;
  text-shadow:0 1px 1px rgba(0,0,0,.48)!important;
}


/* =========================================================
   V6.4.0 — Theme Skin Engine / Seasonal Collections
   Light-Dark là mode, data-skin là bộ giao diện độc lập.
   ========================================================= */
.theme-studio-link{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.62);font-size:17px;transition:.2s ease}
.theme-studio-link:hover{transform:translateY(-1px) rotate(-4deg);box-shadow:0 8px 22px rgba(184,139,255,.16)}
.theme-studio-card{overflow:hidden}
.theme-studio-subtitle{margin:8px 0 0;max-width:720px}
.theme-skin-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:14px}
.theme-skin-option{position:relative;display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--line);border-radius:22px;background:var(--panel);cursor:pointer;min-width:0;transition:.18s ease}
.theme-skin-option:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.theme-skin-option.is-selected{border-color:var(--purple);box-shadow:0 0 0 3px rgba(184,139,255,.12),var(--shadow)}
.theme-skin-option input{position:absolute;opacity:0;pointer-events:none}
.theme-skin-preview{position:relative;height:92px;border-radius:16px;overflow:hidden;display:grid;place-items:center;font-size:32px;border:1px solid rgba(255,255,255,.5)}
.theme-skin-preview b{position:relative;z-index:2;filter:drop-shadow(0 4px 12px rgba(0,0,0,.12))}
.theme-skin-preview .preview-dot{position:absolute;border-radius:999px;filter:blur(2px);opacity:.8}.theme-skin-preview .dot-a{width:58px;height:58px;left:-10px;top:-8px}.theme-skin-preview .dot-b{width:72px;height:72px;right:-20px;bottom:-22px}.theme-skin-preview .dot-c{width:34px;height:34px;right:24px;top:10px}
.preview-default{background:linear-gradient(145deg,#fff4fa,#eee7ff)}.preview-default .dot-a{background:#ffbad8}.preview-default .dot-b{background:#cbb6ff}.preview-default .dot-c{background:#a8e7ff}
.preview-spring{background:linear-gradient(145deg,#fff5f8,#eafff4)}.preview-spring .dot-a{background:#ffabc9}.preview-spring .dot-b{background:#99e6c7}.preview-spring .dot-c{background:#ffe69d}
.preview-summer{background:linear-gradient(145deg,#e8fbff,#fff7d8)}.preview-summer .dot-a{background:#62d7f3}.preview-summer .dot-b{background:#77d9b6}.preview-summer .dot-c{background:#ffd56e}
.preview-autumn{background:linear-gradient(145deg,#fff3dc,#f5d8d0)}.preview-autumn .dot-a{background:#e58d4f}.preview-autumn .dot-b{background:#8f3f50}.preview-autumn .dot-c{background:#f4c15f}
.preview-winter{background:linear-gradient(145deg,#edf8ff,#eeeaff)}.preview-winter .dot-a{background:#8bd8ff}.preview-winter .dot-b{background:#a99cff}.preview-winter .dot-c{background:#c9f5ff}
.theme-skin-copy{display:grid;gap:3px;min-width:0}.theme-skin-copy strong{font-size:14px}.theme-skin-copy small{font-size:11px;line-height:1.4;color:var(--muted)}.theme-skin-copy em{font-style:normal;font-size:10px;font-weight:900;letter-spacing:.04em;color:var(--purple)}
.theme-skin-check{position:absolute;right:9px;top:9px;width:24px;height:24px;border-radius:999px;background:rgba(255,255,255,.74);display:grid;place-items:center;opacity:0;transform:scale(.7);transition:.16s ease;font-weight:900;color:#684f77}.theme-skin-option.is-selected .theme-skin-check{opacity:1;transform:scale(1)}
.theme-studio-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}.theme-studio-actions small{color:var(--muted)}

/* Seasonal palette — customer storefront only */
html[data-skin="spring"] body.store-page{--pink:#ff78ad;--pink-2:#ffafd0;--purple:#a785e9;--blue:#88d8d2;--mint:#79ddb8;--gold:#f6cb72;background:radial-gradient(circle at 12% 8%,#ffe0ec 0,transparent 26%),radial-gradient(circle at 88% 16%,#dff8e9 0,transparent 25%),linear-gradient(180deg,#fff8fb,#f7fff9 54%,#fff8fc)}
html[data-skin="spring"] body.store-page::after{content:"✿   ❀   ✿";position:fixed;right:4vw;top:18vh;z-index:0;pointer-events:none;color:rgba(238,120,166,.18);font-size:32px;letter-spacing:22px;transform:rotate(-12deg)}
html[data-skin="spring"] body.store-page .nav,html[data-skin="spring"] body.store-page .glass-box{border-radius:32px}
html[data-skin="spring"] body.store-page .client-hub-shell .package-overview-grid{grid-template-columns:1.25fr .75fr}
html[data-skin="spring"] body.store-page .client-menu-grid{grid-template-columns:1.35fr .65fr}
html[data-skin="spring"] body.store-page .client-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}

html[data-skin="summer"] body.store-page{--pink:#ff8aae;--purple:#7f8cf3;--blue:#4dc8f2;--mint:#59d4ae;--gold:#ffd05c;background:radial-gradient(circle at 82% 5%,#fff0a8 0,transparent 21%),radial-gradient(circle at 10% 16%,#c8f3ff 0,transparent 28%),linear-gradient(180deg,#f3fcff,#f6fff9 52%,#fffaf0)}
html[data-skin="summer"] body.store-page::after{content:"☀︎  〰  ◌";position:fixed;left:3vw;bottom:8vh;z-index:0;pointer-events:none;color:rgba(50,177,216,.15);font-size:40px;letter-spacing:20px}
html[data-skin="summer"] body.store-page .client-hub-shell .package-overview-grid{grid-template-columns:.78fr 1.22fr}
html[data-skin="summer"] body.store-page .client-quick-actions{grid-template-columns:repeat(4,minmax(0,1fr))}
html[data-skin="summer"] body.store-page #my-packages .mobile-rental-list,html[data-skin="summer"] body.store-page #orders .mobile-order-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html[data-skin="summer"] body.store-page .menu-link-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}

html[data-skin="autumn"] body.store-page{--pink:#d46c79;--pink-2:#e79b8a;--purple:#8e637c;--blue:#89a5b4;--mint:#91ad82;--gold:#e8a947;background:radial-gradient(circle at 18% 10%,#ffe0bd 0,transparent 24%),radial-gradient(circle at 87% 28%,#f4d5cf 0,transparent 26%),linear-gradient(180deg,#fff9ed,#fff3eb 52%,#f9f4ee)}
html[data-skin="autumn"] body.store-page::after{content:"🍂";position:fixed;right:5vw;bottom:8vh;z-index:0;pointer-events:none;opacity:.12;font-size:96px;transform:rotate(14deg)}
html[data-skin="autumn"] body.store-page .client-hub-shell .package-overview-grid{grid-template-columns:.82fr 1.18fr;grid-template-areas:"usage title"}
html[data-skin="autumn"] body.store-page .package-title-card{grid-area:title}html[data-skin="autumn"] body.store-page .usage-card{grid-area:usage}
html[data-skin="autumn"] body.store-page .client-menu-grid{grid-template-columns:.8fr 1.2fr}html[data-skin="autumn"] body.store-page .menu-list-card{order:2}html[data-skin="autumn"] body.store-page .tips-card{order:1}
html[data-skin="autumn"] body.store-page .mobile-rental-item{border-left:4px solid rgba(215,124,83,.58)}

html[data-skin="winter"] body.store-page{--pink:#a79be8;--pink-2:#c3b8ff;--purple:#8d88e9;--blue:#74c9ef;--mint:#8ad8d3;--gold:#d6d9ff;background:radial-gradient(circle at 84% 8%,#e5efff 0,transparent 28%),radial-gradient(circle at 10% 22%,#e7e4ff 0,transparent 30%),linear-gradient(180deg,#f8fbff,#f5f7ff 55%,#eef8ff)}
html[data-skin="winter"] body.store-page::after{content:"❄  ·  ❄";position:fixed;left:4vw;top:22vh;z-index:0;pointer-events:none;color:rgba(88,160,215,.15);font-size:34px;letter-spacing:18px}
html[data-skin="winter"] body.store-page .client-hub-shell .package-overview-grid{grid-template-columns:1fr}
html[data-skin="winter"] body.store-page .client-menu-grid{grid-template-columns:1fr}
html[data-skin="winter"] body.store-page .client-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-skin="winter"] body.store-page .client-hub-top{grid-template-columns:1fr;gap:14px}html[data-skin="winter"] body.store-page .client-hub-mini-stats{justify-content:flex-start}

/* Dark variants keep Premium Dark readability while swapping seasonal accent */
html[data-theme="dark"][data-skin="spring"] body.store-page{--pink:#ff82b4;--purple:#b49af2;--blue:#77cfc9;--mint:#72d6ae;--gold:#e9be6d;background:radial-gradient(circle at 12% 10%,rgba(113,43,72,.42) 0,transparent 29%),radial-gradient(circle at 88% 18%,rgba(44,91,74,.32) 0,transparent 27%),linear-gradient(180deg,#120f15,#171219 54%,#100e13)}
html[data-theme="dark"][data-skin="summer"] body.store-page{--pink:#ff8dac;--purple:#8f99ff;--blue:#59cef3;--mint:#61d8b2;--gold:#f2c65e;background:radial-gradient(circle at 83% 5%,rgba(130,104,33,.28) 0,transparent 22%),radial-gradient(circle at 10% 18%,rgba(37,93,111,.38) 0,transparent 29%),linear-gradient(180deg,#0e1318,#101920 55%,#0d1215)}
html[data-theme="dark"][data-skin="autumn"] body.store-page{--pink:#df7b83;--purple:#a97a92;--blue:#8aa5b2;--mint:#9bb286;--gold:#e7a84d;background:radial-gradient(circle at 18% 10%,rgba(122,68,28,.38) 0,transparent 25%),radial-gradient(circle at 87% 28%,rgba(102,46,48,.32) 0,transparent 28%),linear-gradient(180deg,#17110f,#1b1414 55%,#120f0f)}
html[data-theme="dark"][data-skin="winter"] body.store-page{--pink:#a99cf0;--purple:#9995f1;--blue:#72c9ef;--mint:#83d7d2;--gold:#cbd3ff;background:radial-gradient(circle at 84% 8%,rgba(52,73,116,.34) 0,transparent 29%),radial-gradient(circle at 10% 22%,rgba(74,62,123,.30) 0,transparent 31%),linear-gradient(180deg,#0d1118,#111421 56%,#0d1118)}

/* Seasonal accents propagate across customer components */
html[data-skin]:not([data-skin="default"]) body.store-page .btn{background:linear-gradient(135deg,var(--pink),var(--purple))}
html[data-skin]:not([data-skin="default"]) body.store-page .nav nav a.active,html[data-skin]:not([data-skin="default"]) body.store-page .home-side-nav a.active{background:linear-gradient(135deg,color-mix(in srgb,var(--pink) 24%,transparent),color-mix(in srgb,var(--purple) 26%,transparent));border-color:color-mix(in srgb,var(--purple) 42%,var(--line))}
html[data-skin]:not([data-skin="default"]) body.store-page .section-chip,html[data-skin]:not([data-skin="default"]) body.store-page .eyebrow{border-color:color-mix(in srgb,var(--purple) 35%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--pink) 15%,var(--panel)),color-mix(in srgb,var(--purple) 16%,var(--panel)))}
html[data-theme="dark"] .theme-studio-link,html[data-theme="dark"] .theme-skin-option{background:#19141f!important;border-color:#49364f!important}.theme-skin-option.is-selected{border-color:var(--purple)!important}

@media(max-width:980px){.theme-skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-skin] body.store-page .client-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[data-skin] body.store-page #my-packages .mobile-rental-list,html[data-skin] body.store-page #orders .mobile-order-list{grid-template-columns:1fr!important}}
@media(max-width:760px){.theme-studio-link{width:40px}.theme-skin-grid{grid-template-columns:1fr}.theme-studio-actions{align-items:stretch;flex-direction:column}html[data-skin] body.store-page .package-overview-grid,html[data-skin] body.store-page .client-menu-grid{grid-template-columns:1fr!important;grid-template-areas:none!important}html[data-skin="autumn"] body.store-page .package-title-card,html[data-skin="autumn"] body.store-page .usage-card{grid-area:auto!important}html[data-skin="autumn"] body.store-page .menu-list-card,html[data-skin="autumn"] body.store-page .tips-card{order:initial!important}}


/* =========================================================
   V6.4.2 — Seasonal themes in Dark Mode
   Must stay AFTER Premium Dark overrides.
   ========================================================= */

/* Shared seasonal dark surfaces */
html[data-theme="dark"][data-skin]:not([data-skin="default"]) body.store-page{
  --season-panel:rgba(28,22,34,.92);
  --season-panel-2:rgba(35,27,43,.92);
  --season-line:#4b3a56;
  --season-text:#f8eef6;
  --season-muted:#c8b8c5;
}

html[data-theme="dark"][data-skin]:not([data-skin="default"]) body.store-page .nav,
html[data-theme="dark"][data-skin]:not([data-skin="default"]) body.store-page .glass-box,
html[data-theme="dark"][data-skin]:not([data-skin="default"]) body.store-page .card,
html[data-theme="dark"][data-skin]:not([data-skin="default"]) body.store-page .kawaii-panel,
html[data-theme="dark"][data-skin]:not([data-skin="default"]) body.store-page .payment-card,
html[data-theme="dark"][data-skin]:not([data-skin="default"]) body.store-page .checkout-card,
html[data-theme="dark"][data-skin]:not([data-skin="default"]) body.store-page .empty-state,
html[data-theme="dark"][data-skin]:not([data-skin="default"]) body.store-page .client-hub-top,
html[data-theme="dark"][data-skin]:not([data-skin="default"]) body.store-page .profile-card,
html[data-theme="dark"][data-skin]:not([data-skin="default"]) body.store-page .profile-avatar-card{
  background:var(--season-panel)!important;
  border-color:var(--season-line)!important;
  color:var(--season-text)!important;
}

/* 🌸 Spring — cherry blossom + mint night */
html[data-theme="dark"][data-skin="spring"] body.store-page{
  --pink:#ff8fbd;
  --pink-2:#ffb5d2;
  --purple:#c49aff;
  --purple-2:#8f74c8;
  --blue:#8fd7e8;
  --mint:#8fe0c5;
  --gold:#ffd08f;
  --season-panel:rgba(35,24,35,.93);
  --season-panel-2:rgba(44,29,43,.93);
  --season-line:#66445d;
  --season-text:#fff0f7;
  --season-muted:#d7b8c9;
  background:
    radial-gradient(circle at 10% 15%,rgba(255,105,165,.20),transparent 30%),
    radial-gradient(circle at 90% 12%,rgba(104,220,183,.14),transparent 27%),
    linear-gradient(180deg,#160f18 0%,#1b111b 55%,#110d14 100%)!important;
}
html[data-theme="dark"][data-skin="spring"] body.store-page .nav nav a:hover,
html[data-theme="dark"][data-skin="spring"] body.store-page .nav nav a.active{
  background:linear-gradient(135deg,rgba(163,66,111,.75),rgba(103,78,145,.68))!important;
}
html[data-theme="dark"][data-skin="spring"] body.store-page .btn{
  background:linear-gradient(135deg,#ff7eb5,#b88cff)!important;
}

/* 🌊 Summer — deep ocean + cyan */
html[data-theme="dark"][data-skin="summer"] body.store-page{
  --pink:#73d3ed;
  --pink-2:#8de7d5;
  --purple:#8b9ff7;
  --purple-2:#687bc2;
  --blue:#5dd4f0;
  --mint:#66e1c1;
  --gold:#ffd66e;
  --season-panel:rgba(17,30,39,.94);
  --season-panel-2:rgba(19,38,48,.94);
  --season-line:#315b69;
  --season-text:#eafcff;
  --season-muted:#acd2d9;
  background:
    radial-gradient(circle at 88% 8%,rgba(58,197,233,.18),transparent 28%),
    radial-gradient(circle at 7% 25%,rgba(71,225,187,.13),transparent 26%),
    linear-gradient(180deg,#0c151c 0%,#0d1b24 55%,#091116 100%)!important;
}
html[data-theme="dark"][data-skin="summer"] body.store-page .nav nav a:hover,
html[data-theme="dark"][data-skin="summer"] body.store-page .nav nav a.active{
  background:linear-gradient(135deg,rgba(43,130,156,.72),rgba(74,97,171,.68))!important;
}
html[data-theme="dark"][data-skin="summer"] body.store-page .btn{
  background:linear-gradient(135deg,#45cbe9,#7f8ff2)!important;
}

/* 🍁 Autumn — amber + wine */
html[data-theme="dark"][data-skin="autumn"] body.store-page{
  --pink:#d98267;
  --pink-2:#e9a06e;
  --purple:#b67878;
  --purple-2:#7e545c;
  --blue:#c99e7b;
  --mint:#a8bb85;
  --gold:#efbd69;
  --season-panel:rgba(38,25,22,.94);
  --season-panel-2:rgba(47,29,25,.94);
  --season-line:#68483c;
  --season-text:#fff1e6;
  --season-muted:#d5b7a4;
  background:
    radial-gradient(circle at 88% 10%,rgba(214,115,63,.18),transparent 29%),
    radial-gradient(circle at 9% 25%,rgba(135,49,55,.18),transparent 28%),
    linear-gradient(180deg,#18100e 0%,#211411 56%,#120c0b 100%)!important;
}
html[data-theme="dark"][data-skin="autumn"] body.store-page .nav nav a:hover,
html[data-theme="dark"][data-skin="autumn"] body.store-page .nav nav a.active{
  background:linear-gradient(135deg,rgba(154,77,47,.76),rgba(113,57,64,.72))!important;
}
html[data-theme="dark"][data-skin="autumn"] body.store-page .btn{
  background:linear-gradient(135deg,#e58b59,#a96778)!important;
}

/* ❄️ Winter — midnight ice + aurora */
html[data-theme="dark"][data-skin="winter"] body.store-page{
  --pink:#9ba5ff;
  --pink-2:#b8b9ff;
  --purple:#9b8cf4;
  --purple-2:#6f6db8;
  --blue:#6fd3f3;
  --mint:#73d7d3;
  --gold:#d7e1ff;
  --season-panel:rgba(19,24,39,.95);
  --season-panel-2:rgba(23,30,49,.95);
  --season-line:#3e4f72;
  --season-text:#f2f7ff;
  --season-muted:#b8c6df;
  background:
    radial-gradient(circle at 84% 8%,rgba(90,146,255,.20),transparent 28%),
    radial-gradient(circle at 10% 23%,rgba(123,95,214,.19),transparent 30%),
    radial-gradient(circle at 52% 90%,rgba(65,205,199,.10),transparent 34%),
    linear-gradient(180deg,#0b101c 0%,#101526 55%,#090d16 100%)!important;
}
html[data-theme="dark"][data-skin="winter"] body.store-page .nav nav a:hover,
html[data-theme="dark"][data-skin="winter"] body.store-page .nav nav a.active{
  background:linear-gradient(135deg,rgba(63,98,159,.76),rgba(91,74,158,.72))!important;
}
html[data-theme="dark"][data-skin="winter"] body.store-page .btn{
  background:linear-gradient(135deg,#69c8ee,#9588ed)!important;
}

/* Seasonal dark inputs/cards/pills inherit their skin instead of default dark gray. */
html[data-theme="dark"][data-skin]:not([data-skin="default"]) body.store-page .input,
html[data-theme="dark"][data-skin]:not([data-skin="default"]) body.store-page input[type="text"],
html[data-theme="dark"][data-skin]:not([data-skin="default"]) body.store-page input[type="email"],
html[data-theme="dark"][data-skin]:not([data-skin="default"]) body.store-page input[type="password"],
html[data-theme="dark"][data-skin]:not([data-skin="default"]) body.store-page select,
html[data-theme="dark"][data-skin]:not([data-skin="default"]) body.store-page textarea{
  background:color-mix(in srgb,var(--season-panel) 86%,#000)!important;
  border-color:var(--season-line)!important;
  color:var(--season-text)!important;
}
html[data-theme="dark"][data-skin]:not([data-skin="default"]) body.store-page .muted,
html[data-theme="dark"][data-skin]:not([data-skin="default"]) body.store-page small{
  color:var(--season-muted)!important;
}

/* Theme Studio selected card follows seasonal accent in dark mode. */
html[data-theme="dark"] .theme-skin-card.is-selected{
  border-color:var(--purple)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--purple) 30%,transparent),0 14px 34px rgba(0,0,0,.24)!important;
}

/* =========================================================
   V6.5.0 — SEASON LAUNCHER ENGINE
   Each seasonal skin changes composition, navigation, density,
   card geometry and module order — not just colors.
   Customer-facing pages only. Admin remains stable/default.
   ========================================================= */

/* Shared launcher transitions */
html[data-skin]:not([data-skin="default"]) body.store-page .home-app-shell,
html[data-skin]:not([data-skin="default"]) body.store-page .home-main-panel,
html[data-skin]:not([data-skin="default"]) body.store-page .client-hub-shell,
html[data-skin]:not([data-skin="default"]) body.store-page .home-side-panel,
html[data-skin]:not([data-skin="default"]) body.store-page .glass-box,
html[data-skin]:not([data-skin="default"]) body.store-page .quick-action,
html[data-skin]:not([data-skin="default"]) body.store-page .menu-link-item{
  transition:grid-template-columns .28s ease,border-radius .24s ease,transform .2s ease,background .22s ease,border-color .22s ease;
}

/* =========================================================
   🌸 SPRING SAKURA — BENTO LAUNCHER
   Horizontal dock + asymmetric magazine/bento composition.
   ========================================================= */
html[data-skin="spring"] body.store-page .home-app-shell{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
html[data-skin="spring"] body.store-page .home-side-panel{
  position:static;
  display:grid;
  grid-template-columns:minmax(165px,auto) minmax(0,1fr);
  align-items:center;
  gap:16px;
  padding:12px 14px;
  border-radius:999px;
}
html[data-skin="spring"] body.store-page .home-side-brand{margin:0;white-space:nowrap;min-width:0}
html[data-skin="spring"] body.store-page .home-side-brand .side-logo{width:42px;height:42px;border-radius:50%}
html[data-skin="spring"] body.store-page .home-side-nav{
  display:flex;
  justify-content:flex-end;
  gap:7px;
  row-gap:8px;
  flex-wrap:wrap;
  min-width:0;
  overflow-x:auto;
  scrollbar-width:none;
}
html[data-skin="spring"] body.store-page .home-side-nav::-webkit-scrollbar{display:none}
html[data-skin="spring"] body.store-page .home-side-nav a{
  flex:0 0 auto;
  border-radius:999px;
  padding:10px 13px;
  min-height:44px;
}
html[data-skin="spring"] body.store-page .home-side-nav .launcher-icon{width:1.5em;height:1.5em}
html[data-skin="spring"] body.store-page .home-main-panel{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  grid-template-areas:
    "hero hero"
    "menu usage"
    "rentals usage"
    "orders orders";
  gap:16px;
}
html[data-skin="spring"] body.store-page .home-profile-hero{grid-area:hero;border-radius:38px 38px 38px 16px}
html[data-skin="spring"] body.store-page .home-dashboard-grid{display:contents}
html[data-skin="spring"] body.store-page .quick-menu-card{grid-area:menu;border-radius:16px 36px 24px 36px}
html[data-skin="spring"] body.store-page .usage-summary-card{grid-area:usage;border-radius:36px 16px 36px 24px;align-self:stretch}
html[data-skin="spring"] body.store-page .compact-rentals-card{grid-area:rentals;border-radius:30px 16px 34px 18px}
html[data-skin="spring"] body.store-page .recent-orders-card{grid-area:orders;border-radius:18px 36px 18px 36px}
html[data-skin="spring"] body.store-page .menu-link-list{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-skin="spring"] body.store-page .menu-link-item{min-height:112px;align-items:flex-end}
html[data-skin="spring"] body.store-page .menu-link-item>span{align-self:flex-start}
html[data-skin="spring"] body.store-page .profile-info-lines span:nth-child(odd){transform:rotate(-1deg)}
html[data-skin="spring"] body.store-page .profile-info-lines span:nth-child(even){transform:rotate(.7deg)}

html[data-skin="spring"] body.store-page .client-hub-shell{
  grid-template-columns:1.25fr .75fr;
  grid-template-areas:
    "hello hello"
    "package package"
    "menu tips"
    "packs tips"
    "orders orders";
}
html[data-skin="spring"] body.store-page .client-hub-top{grid-area:hello;border-radius:38px 38px 18px 38px}
html[data-skin="spring"] body.store-page .package-overview{grid-area:package;border-radius:18px 38px 38px 28px}
html[data-skin="spring"] body.store-page .client-menu-grid{display:contents}
html[data-skin="spring"] body.store-page .menu-list-card{grid-area:menu;border-radius:30px 16px 30px 16px}
html[data-skin="spring"] body.store-page .tips-card{grid-area:tips;border-radius:16px 30px 16px 30px}
html[data-skin="spring"] body.store-page .packages-list-box{grid-area:packs}
html[data-skin="spring"] body.store-page .orders-list-box{grid-area:orders}
html[data-skin="spring"] body.store-page .client-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-skin="spring"] body.store-page .quick-action:nth-child(1){grid-row:span 2;min-height:236px;justify-content:flex-end}

/* =========================================================
   🌊 SUMMER AQUA — APP GRID LAUNCHER
   Tile launcher, icon-like quick actions, wider widget dashboard.
   ========================================================= */
html[data-skin="summer"] body.store-page .home-app-shell{
  grid-template-columns:1fr;
  gap:14px;
}
html[data-skin="summer"] body.store-page .home-side-panel{
  position:static;
  padding:14px;
  border-radius:24px;
}
html[data-skin="summer"] body.store-page .home-side-brand{display:none}
html[data-skin="summer"] body.store-page .home-side-nav{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}
html[data-skin="summer"] body.store-page .home-side-nav a{
  min-height:76px;
  justify-content:center;
  text-align:center;
  border-radius:22px;
  padding:12px 8px;
  font-size:13px;
}
html[data-skin="summer"] body.store-page .home-main-panel{
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:14px;
}
html[data-skin="summer"] body.store-page .home-profile-hero{grid-column:1/-1;border-radius:26px}
html[data-skin="summer"] body.store-page .home-dashboard-grid{display:contents}
html[data-skin="summer"] body.store-page .quick-menu-card{grid-column:1/8;border-radius:26px}
html[data-skin="summer"] body.store-page .usage-summary-card{grid-column:8/-1;border-radius:26px}
html[data-skin="summer"] body.store-page .compact-rentals-card{grid-column:1/7;border-radius:26px}
html[data-skin="summer"] body.store-page .recent-orders-card{grid-column:7/-1;border-radius:26px}
html[data-skin="summer"] body.store-page .menu-link-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
html[data-skin="summer"] body.store-page .menu-link-item{
  min-height:118px;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
  border-radius:24px;
}
html[data-skin="summer"] body.store-page .menu-link-item>span{position:absolute;right:16px;top:12px}
html[data-skin="summer"] body.store-page .usage-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-skin="summer"] body.store-page .compact-rental-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html[data-skin="summer"] body.store-page .compact-rental-item{min-height:112px;align-items:flex-end}

html[data-skin="summer"] body.store-page .client-hub-shell{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:14px;
}
html[data-skin="summer"] body.store-page .client-hub-top{grid-column:1/-1;border-radius:26px}
html[data-skin="summer"] body.store-page .package-overview{grid-column:1/-1;border-radius:26px}
html[data-skin="summer"] body.store-page .package-overview-grid{grid-template-columns:.72fr 1.28fr}
html[data-skin="summer"] body.store-page .client-quick-actions{grid-template-columns:repeat(4,minmax(0,1fr))}
html[data-skin="summer"] body.store-page .quick-action{
  min-height:150px;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-radius:30px;
}
html[data-skin="summer"] body.store-page .quick-action span{font-size:34px}
html[data-skin="summer"] body.store-page .client-menu-grid{grid-column:1/-1;grid-template-columns:1.35fr .65fr}
html[data-skin="summer"] body.store-page .packages-list-box,
html[data-skin="summer"] body.store-page .orders-list-box{grid-column:1/-1}
html[data-skin="summer"] body.store-page #my-packages .mobile-rental-list,
html[data-skin="summer"] body.store-page #orders .mobile-order-list{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-skin="summer"] body.store-page .mobile-rental-item,
html[data-skin="summer"] body.store-page .mobile-order-item{border-radius:28px;min-height:170px}

/* =========================================================
   🍁 AUTUMN MAPLE — EDITORIAL / LUXURY LAUNCHER
   Slim rail, square cards, large type, editorial rhythm.
   ========================================================= */
html[data-skin="autumn"] body.store-page .topbar .nav{border-radius:10px;padding-inline:22px}
html[data-skin="autumn"] body.store-page .home-app-shell{
  grid-template-columns:190px minmax(0,1fr);
  gap:26px;
}
html[data-skin="autumn"] body.store-page .home-side-panel{
  top:98px;
  border-radius:8px;
  padding:12px;
  border-left:4px solid var(--gold);
}
html[data-skin="autumn"] body.store-page .home-side-brand{
  align-items:flex-start;
  padding:8px 4px 18px;
  border-bottom:1px solid var(--line);
}
html[data-skin="autumn"] body.store-page .side-logo{border-radius:4px}
html[data-skin="autumn"] body.store-page .home-side-nav a{
  border-radius:4px;
  padding:13px 10px;
  border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent);
}
html[data-skin="autumn"] body.store-page .home-main-panel{gap:26px}
html[data-skin="autumn"] body.store-page .glass-box{border-radius:8px}
html[data-skin="autumn"] body.store-page .home-profile-hero{padding:34px 34px 30px;border-left:6px solid var(--gold)}
html[data-skin="autumn"] body.store-page .home-profile-head h1{font-size:58px;font-family:Georgia,"Times New Roman",serif;letter-spacing:-.045em}
html[data-skin="autumn"] body.store-page .home-dashboard-grid{grid-template-columns:.72fr 1.28fr;gap:26px}
html[data-skin="autumn"] body.store-page .quick-menu-card{order:2}
html[data-skin="autumn"] body.store-page .usage-summary-card{order:1}
html[data-skin="autumn"] body.store-page .menu-link-item,
html[data-skin="autumn"] body.store-page .compact-rental-item,
html[data-skin="autumn"] body.store-page .mobile-order-item{border-radius:3px;border-left:3px solid var(--gold)}
html[data-skin="autumn"] body.store-page .section-chip,
html[data-skin="autumn"] body.store-page .eyebrow{border-radius:3px;text-transform:uppercase;letter-spacing:.13em}

html[data-skin="autumn"] body.store-page .client-hub-shell{gap:26px}
html[data-skin="autumn"] body.store-page .client-hub-top{border-radius:8px;border-left:6px solid var(--gold)}
html[data-skin="autumn"] body.store-page .client-hub-top h1{font-family:Georgia,"Times New Roman",serif;font-size:52px}
html[data-skin="autumn"] body.store-page .package-overview{border-radius:8px}
html[data-skin="autumn"] body.store-page .package-overview-grid{grid-template-columns:.72fr 1.28fr;grid-template-areas:"usage title"}
html[data-skin="autumn"] body.store-page .usage-card{grid-area:usage;border-radius:4px}
html[data-skin="autumn"] body.store-page .package-title-card{grid-area:title;border-radius:4px;border-left:5px solid var(--gold)}
html[data-skin="autumn"] body.store-page .package-title-card h2{font-family:Georgia,"Times New Roman",serif;font-size:42px}
html[data-skin="autumn"] body.store-page .client-quick-actions{grid-template-columns:1.25fr repeat(3,.75fr)}
html[data-skin="autumn"] body.store-page .quick-action{border-radius:4px;min-height:126px;border-top:3px solid var(--gold)}
html[data-skin="autumn"] body.store-page .client-menu-grid{grid-template-columns:.72fr 1.28fr;gap:26px}
html[data-skin="autumn"] body.store-page .menu-list-card{order:2}
html[data-skin="autumn"] body.store-page .tips-card{order:1}
html[data-skin="autumn"] body.store-page .mobile-rental-item,
html[data-skin="autumn"] body.store-page .mobile-order-item{border-radius:4px;border-left:4px solid var(--gold)}

/* =========================================================
   ❄️ WINTER AURORA — COMMAND CENTER LAUNCHER
   No sidebar, flat full-width modules, control-center geometry.
   ========================================================= */
html[data-skin="winter"] body.store-page .topbar{padding-top:8px}
html[data-skin="winter"] body.store-page .topbar .nav{
  min-height:64px;
  border-radius:14px;
  padding:8px 14px;
}
html[data-skin="winter"] body.store-page .home-app-shell{grid-template-columns:1fr;gap:12px}
html[data-skin="winter"] body.store-page .home-side-panel{
  position:static;
  padding:8px;
  border-radius:14px;
}
html[data-skin="winter"] body.store-page .home-side-brand{display:none}
html[data-skin="winter"] body.store-page .home-side-nav{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:6px;
}
html[data-skin="winter"] body.store-page .home-side-nav a{
  justify-content:center;
  padding:10px 6px;
  min-height:48px;
  border-radius:8px;
  font-size:12px;
}
html[data-skin="winter"] body.store-page .home-main-panel{gap:12px}
html[data-skin="winter"] body.store-page .glass-box{border-radius:14px;padding:18px}
html[data-skin="winter"] body.store-page .home-profile-hero{border-radius:14px}
html[data-skin="winter"] body.store-page .home-profile-head{align-items:center}
html[data-skin="winter"] body.store-page .home-profile-head h1{font-size:38px;letter-spacing:-.025em}
html[data-skin="winter"] body.store-page .profile-info-lines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
html[data-skin="winter"] body.store-page .profile-info-lines span{border-radius:7px}
html[data-skin="winter"] body.store-page .home-profile-badges{flex-direction:row;align-items:center}
html[data-skin="winter"] body.store-page .user-avatar-orb{width:58px;height:58px;border-radius:12px}
html[data-skin="winter"] body.store-page .home-dashboard-grid{grid-template-columns:1fr;gap:12px}
html[data-skin="winter"] body.store-page .quick-menu-card .menu-link-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html[data-skin="winter"] body.store-page .menu-link-item{border-radius:8px;min-height:90px}
html[data-skin="winter"] body.store-page .usage-mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
html[data-skin="winter"] body.store-page .usage-mini-grid>div,
html[data-skin="winter"] body.store-page .usage-highlight-line,
html[data-skin="winter"] body.store-page .customer-login-session,
html[data-skin="winter"] body.store-page .compact-rental-item,
html[data-skin="winter"] body.store-page .mobile-order-item{border-radius:8px}
html[data-skin="winter"] body.store-page .compact-rental-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html[data-skin="winter"] body.store-page .compact-rental-item{min-height:96px}

html[data-skin="winter"] body.store-page .client-hub-shell{gap:12px}
html[data-skin="winter"] body.store-page .client-hub-top{grid-template-columns:1fr auto;border-radius:14px}
html[data-skin="winter"] body.store-page .package-overview{border-radius:14px}
html[data-skin="winter"] body.store-page .package-overview-grid{grid-template-columns:1.2fr .8fr}
html[data-skin="winter"] body.store-page .package-title-card,
html[data-skin="winter"] body.store-page .usage-card{border-radius:8px}
html[data-skin="winter"] body.store-page .client-quick-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
html[data-skin="winter"] body.store-page .quick-action{border-radius:8px;min-height:88px;padding:12px}
html[data-skin="winter"] body.store-page .quick-action span{font-size:18px}
html[data-skin="winter"] body.store-page .client-menu-grid{grid-template-columns:1.3fr .7fr;gap:12px}
html[data-skin="winter"] body.store-page .menu-link-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html[data-skin="winter"] body.store-page .menu-link-item{border-radius:8px;min-height:82px}
html[data-skin="winter"] body.store-page #my-packages .mobile-rental-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html[data-skin="winter"] body.store-page #orders .mobile-order-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html[data-skin="winter"] body.store-page .mobile-rental-item,
html[data-skin="winter"] body.store-page .mobile-order-item{border-radius:8px}

/* Cross-page launcher personality: packages/profile/history/claim */
html[data-skin="spring"] body.store-page .product-card,
html[data-skin="spring"] body.store-page .profile-avatar-card,
html[data-skin="spring"] body.store-page .history-card{border-radius:34px 16px 34px 20px!important}
html[data-skin="summer"] body.store-page .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-skin="summer"] body.store-page .product-card{border-radius:28px!important}
html[data-skin="autumn"] body.store-page .product-card,
html[data-skin="autumn"] body.store-page .profile-avatar-card,
html[data-skin="autumn"] body.store-page .history-card{border-radius:5px!important;border-left:4px solid var(--gold)!important}
html[data-skin="winter"] body.store-page .product-card,
html[data-skin="winter"] body.store-page .profile-avatar-card,
html[data-skin="winter"] body.store-page .history-card{border-radius:10px!important}

/* Seasonal ambient decorations — pure CSS, no external assets */
html[data-skin="spring"] body.store-page::after,
html[data-skin="summer"] body.store-page::after,
html[data-skin="autumn"] body.store-page::after,
html[data-skin="winter"] body.store-page::after{
  position:fixed;right:22px;bottom:24px;z-index:0;pointer-events:none;opacity:.16;font-size:78px;filter:blur(.1px);
}
html[data-skin="spring"] body.store-page::after{content:"🌸"}
html[data-skin="summer"] body.store-page::after{content:"☀️"}
html[data-skin="autumn"] body.store-page::after{content:"🍁"}
html[data-skin="winter"] body.store-page::after{content:"❄️"}

/* Responsive fallback: preserve personality without breaking mobile */
@media(max-width:1100px){
  html[data-skin="spring"] body.store-page .home-main-panel{grid-template-columns:1fr;grid-template-areas:"hero" "menu" "usage" "rentals" "orders"}
  html[data-skin="spring"] body.store-page .client-hub-shell{grid-template-columns:1fr;grid-template-areas:"hello" "package" "menu" "tips" "packs" "orders"}
  html[data-skin="summer"] body.store-page .home-side-nav,
  html[data-skin="winter"] body.store-page .home-side-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
  html[data-skin="summer"] body.store-page .home-main-panel{display:grid;grid-template-columns:1fr}
  html[data-skin="summer"] body.store-page .home-main-panel>*{grid-column:1!important}
  html[data-skin="summer"] body.store-page .client-hub-shell{grid-template-columns:1fr}
  html[data-skin="summer"] body.store-page .client-hub-shell>*{grid-column:1!important}
  html[data-skin="autumn"] body.store-page .home-app-shell{grid-template-columns:1fr}
  html[data-skin="autumn"] body.store-page .home-side-panel{position:static}
  html[data-skin="winter"] body.store-page .compact-rental-list,
  html[data-skin="winter"] body.store-page #my-packages .mobile-rental-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  html[data-skin]:not([data-skin="default"]) body.store-page .home-side-panel{border-radius:18px!important;padding:10px!important}
  html[data-skin]:not([data-skin="default"]) body.store-page .home-side-brand{display:none!important}
  html[data-skin]:not([data-skin="default"]) body.store-page .home-side-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html[data-skin]:not([data-skin="default"]) body.store-page .home-side-nav a{min-height:48px!important;border-radius:14px!important}
  html[data-skin="spring"] body.store-page .menu-link-list,
  html[data-skin="summer"] body.store-page .menu-link-list,
  html[data-skin="winter"] body.store-page .quick-menu-card .menu-link-list,
  html[data-skin="winter"] body.store-page .menu-link-list{grid-template-columns:1fr!important}
  html[data-skin="summer"] body.store-page .client-quick-actions,
  html[data-skin="winter"] body.store-page .client-quick-actions,
  html[data-skin="autumn"] body.store-page .client-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html[data-skin="spring"] body.store-page .quick-action:nth-child(1){grid-row:auto;min-height:110px}
  html[data-skin="autumn"] body.store-page .home-profile-head h1,
  html[data-skin="autumn"] body.store-page .client-hub-top h1{font-size:34px}
  html[data-skin="winter"] body.store-page .profile-info-lines,
  html[data-skin="winter"] body.store-page .usage-mini-grid,
  html[data-skin="winter"] body.store-page .compact-rental-list,
  html[data-skin="winter"] body.store-page #my-packages .mobile-rental-list,
  html[data-skin="winter"] body.store-page #orders .mobile-order-list{grid-template-columns:1fr!important}
  html[data-skin="summer"] body.store-page #my-packages .mobile-rental-list,
  html[data-skin="summer"] body.store-page #orders .mobile-order-list{grid-template-columns:1fr!important}
}


/* V6.6.1 micro-fixes: spring wrap fix + summer icon balance */
@media(max-width:1180px){
  html[data-skin="spring"] body.store-page .home-side-panel{grid-template-columns:1fr; border-radius:28px;}
  html[data-skin="spring"] body.store-page .home-side-nav{justify-content:flex-start;}
}
@media(max-width:760px){
  html[data-skin="summer"] body.store-page .menu-link-item>.launcher-icon{width:2.1em;height:2.1em;left:14px;top:13px;}
}


/* =========================================================
   V6.6.7 — Default Dark OTP Result Polish
   Fix bright OTP result surfaces on default dark theme.
   ========================================================= */
html[data-theme="dark"][data-skin="default"] body.store-page .otp-success-box,
html[data-theme="dark"][data-skin="default"] body.store-page .otp-combined-result{
  background:linear-gradient(145deg,#211827,#18121d)!important;
  border:1px solid #513a59!important;
  color:#fff8ff!important;
  box-shadow:0 16px 36px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html[data-theme="dark"][data-skin="default"] body.store-page .otp-result-heading>span{
  color:#fff8ff!important;
}
html[data-theme="dark"][data-skin="default"] body.store-page .otp-result-heading small{
  color:#c8b7cb!important;
}
html[data-theme="dark"][data-skin="default"] body.store-page .otp-code-panel{
  background:linear-gradient(135deg,#191e2e,#241a31)!important;
  border:1px solid #4d426d!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 26px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"][data-skin="default"] body.store-page .otp-code-panel>span{
  color:#cbbbd6!important;
}
html[data-theme="dark"][data-skin="default"] body.store-page .otp-code-panel .otp-code{
  color:#ffd5ef!important;
  text-shadow:0 0 18px rgba(232,126,194,.18)!important;
}
html[data-theme="dark"][data-skin="default"] body.store-page .otp-expiry-warning{
  background:linear-gradient(135deg,#332817,#2a1f1b)!important;
  border:1px solid #72562d!important;
  color:#ffd993!important;
  box-shadow:0 8px 20px rgba(0,0,0,.16)!important;
}
html[data-theme="dark"][data-skin="default"] body.store-page .otp-last-warning{
  background:linear-gradient(135deg,#34202b,#2b1b27)!important;
  border:1px solid #704356!important;
  color:#f4c7d8!important;
}
html[data-theme="dark"][data-skin="default"] body.store-page .otp-account-repeat>div{
  background:linear-gradient(145deg,#251b2c,#1d1723)!important;
  border-color:#4e3958!important;
  color:#fff5fd!important;
}
html[data-theme="dark"][data-skin="default"] body.store-page .otp-account-repeat span{
  color:#bfaec5!important;
}
html[data-theme="dark"][data-skin="default"] body.store-page .otp-account-repeat strong{
  color:#fff8ff!important;
}


/* =========================================================
   V6.7.0 — Multi-Lượt Checkout
   ========================================================= */
.claim-quantity-box{margin:18px 0;padding:18px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.52);display:grid;gap:14px}
.claim-quantity-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.claim-quantity-head strong{display:block;font-size:16px}.claim-quantity-head small{display:block;margin-top:4px;color:var(--muted);line-height:1.5}
.claim-quantity-control{display:grid;grid-template-columns:48px minmax(90px,140px) 48px;gap:8px;align-items:center}
.qty-btn{width:48px;height:48px;border-radius:15px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:25px;font-weight:900;cursor:pointer}
.qty-btn:hover{transform:translateY(-1px);border-color:var(--purple)}
.qty-input{text-align:center!important;font-weight:900;font-size:17px!important;padding-inline:8px!important}
.claim-price-live{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border-radius:17px;border:1px dashed var(--line)}
.claim-price-live span{color:var(--muted);font-weight:800}.claim-price-live strong{font-size:22px}
html[data-theme="dark"] .claim-quantity-box{background:#18131d!important;border-color:#4b394f!important}
html[data-theme="dark"] .qty-btn{background:#241b2a!important;border-color:#533f5e!important;color:#fff!important}
html[data-theme="dark"] .claim-price-live{background:#211927;border-color:#594364}
@media(max-width:620px){.claim-quantity-head{align-items:flex-start;flex-direction:column}.claim-quantity-control{grid-template-columns:48px minmax(0,1fr) 48px;width:100%}.claim-price-live strong{font-size:19px}}


/* V6.7.1 coupon preview */
.coupon-success-summary .coupon-final-price{
  border-color:color-mix(in srgb,var(--success) 38%,var(--line));
  background:color-mix(in srgb,var(--success) 10%,var(--panel));
}
.coupon-success-summary .coupon-final-price strong{
  font-size:1.08em;
}
html[data-theme="dark"] .coupon-success-summary .coupon-final-price{
  background:rgba(35,91,70,.20)!important;
  border-color:rgba(92,208,158,.34)!important;
}


/* =========================================================
   V6.7.3 — Default Dark Claim Panel Fix (real asset path)
   Apply dark styling to claim/account/OTP preview panels.
   ========================================================= */
html[data-theme="dark"][data-skin="default"] .claim-account-card{
  background:linear-gradient(145deg,#201824,#18121d)!important;
  border:1px solid #53405f!important;
  color:#fff7ff!important;
  box-shadow:0 16px 36px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html[data-theme="dark"][data-skin="default"] .claim-account-title,
html[data-theme="dark"][data-skin="default"] .claim-account-title span,
html[data-theme="dark"][data-skin="default"] .claim-account-title small{
  color:#f0d6e8!important;
}
html[data-theme="dark"][data-skin="default"] .claim-account-card .tiny-link{
  background:#2a2031!important;
  border:1px solid #5b4868!important;
  color:#e6cbff!important;
}
html[data-theme="dark"][data-skin="default"] .claim-preview>div,
html[data-theme="dark"][data-skin="default"] .claim-preview.secure-preview>div,
html[data-theme="dark"][data-skin="default"] .otp-account-repeat>div{
  background:linear-gradient(145deg,#251b2c,#1c1622)!important;
  border:1px solid #4f3b5e!important;
  color:#fff6fe!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
html[data-theme="dark"][data-skin="default"] .claim-preview span,
html[data-theme="dark"][data-skin="default"] .otp-account-repeat span{
  color:#bcaeca!important;
}
html[data-theme="dark"][data-skin="default"] .claim-preview strong,
html[data-theme="dark"][data-skin="default"] .claim-preview .copy-value,
html[data-theme="dark"][data-skin="default"] .otp-account-repeat strong{
  color:#fff8ff!important;
}
html[data-theme="dark"][data-skin="default"] .otp-before-warning{
  background:linear-gradient(135deg,#302313,#2a1e1b)!important;
  border:1px solid #73512d!important;
  color:#ffd892!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"][data-skin="default"] .otp-before-warning strong{
  color:#ffe7b2!important;
}
html[data-theme="dark"][data-skin="default"] .otp-before-warning span{
  color:#e5c38e!important;
}
html[data-theme="dark"][data-skin="default"] .claim-confirm-box{
  background:linear-gradient(145deg,#241c28,#1b1520)!important;
  border:1px dashed #5b4568!important;
  color:#fff7ff!important;
  box-shadow:0 14px 28px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"][data-skin="default"] .claim-confirm-box h3{
  color:#f6def2!important;
}
html[data-theme="dark"][data-skin="default"] .claim-confirm-box p{
  color:#bfaecc!important;
}
html[data-theme="dark"][data-skin="default"] .claim-confirm-icon{
  background:linear-gradient(135deg,#34243a,#261d32)!important;
  border:1px solid #60486b!important;
  color:#ffd4f0!important;
  box-shadow:0 10px 22px rgba(0,0,0,.18)!important;
}