/* ═══════════════════════════════════════════════════════
   ZEEDTOPUP — PIXEL-PERFECT match to React FINAL_100
   Every value comes directly from the React source code.
   ═══════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css');

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:'Prompt',sans-serif;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}
::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:rgba(255,255,255,.03);border-radius:6px}::-webkit-scrollbar-thumb{background:rgba(227,24,55,.35);border-radius:6px;border:1px solid rgba(227,24,55,.08)}::-webkit-scrollbar-thumb:hover{background:rgba(227,24,55,.55)}*{scrollbar-width:thin;scrollbar-color:rgba(227,24,55,.35) rgba(255,255,255,.03)}body.light::-webkit-scrollbar-track{background:rgba(0,0,0,.03)}body.light::-webkit-scrollbar-thumb{background:rgba(227,24,55,.25);border-color:rgba(227,24,55,.06)}body.light::-webkit-scrollbar-thumb:hover{background:rgba(227,24,55,.45)}body.light *{scrollbar-color:rgba(227,24,55,.25) rgba(0,0,0,.03)}
::selection{background:#E31837;color:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font-family:'Prompt',sans-serif}

/* ── Dark Theme (default) — exact React T object ── */
:root{
  --bg:#0A0A0A; --sf:#111; --cd:#161616; --el:#1C1C1C;
  --tx:#FFF; --ts:#B0B0B0; --tm:#666; --tf:#555;
  --bd:rgba(255,255,255,0.06); --bh:rgba(227,24,55,0.3);
  --r:#E31837; --rl:#FF3D5A; --rg:rgba(227,24,55,0.12);
  --ok:#00C864; --warn:#FFC800; --info:#4D9FFF;
  /* aliases for admin CSS */
  --surface:#111; --card:#161616; --elevated:#1C1C1C;
  --text:#FFF; --text-secondary:#B0B0B0; --text-muted:#666; --text-faint:#555;
  --border:rgba(255,255,255,0.06); --border-hover:rgba(227,24,55,0.3);
  --red:#E31837; --red-light:#FF3D5A; --red-glow:rgba(227,24,55,0.12); --red-glow-strong:rgba(227,24,55,0.20);
  --green:#00C864; --yellow:#F59E0B; --blue:#3B82F6; --purple:#8B5CF6;
  --radius-sm:8px; --radius:12px; --radius-lg:16px; --radius-xl:20px;
  --shadow:0 4px 24px rgba(0,0,0,0.25); --shadow-red:0 4px 20px rgba(227,24,55,0.15); --transition:all 0.2s ease;
}

/* ── Light Theme — exact React light T object ── */
body.light{
  --bg:#F5F5F5; --sf:#FFF; --cd:#FFF; --el:#F0F0F0;
  --tx:#0A0A0A; --ts:#555; --tm:#999; --tf:#BBB;
  --bd:rgba(0,0,0,0.08); --bh:rgba(227,24,55,0.3);
  --r:#E31837; --rl:#D01530; --rg:rgba(227,24,55,0.06);
  --ok:#059F45; --warn:#D4A800; --info:#2563EB;
  --surface:#FFF; --card:#FFF; --elevated:#F0F0F0;
  --text:#0A0A0A; --text-secondary:#555; --text-muted:#999; --text-faint:#BBB;
  --border:rgba(0,0,0,0.08); --border-hover:rgba(227,24,55,0.3);
  --red-glow:rgba(227,24,55,0.06); --red-glow-strong:rgba(227,24,55,0.12);
  --shadow:0 4px 24px rgba(0,0,0,0.08);
}
body{background:var(--bg);color:var(--tx);transition:background .3s,color .3s}

/* ═══════════════ NAVBAR — React: height:62, padding:0 18px, gap:8 ═══════════════ */
.navbar{display:flex;align-items:center;padding:0 18px;height:62px;background:rgba(10,10,10,0.95);border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:100;backdrop-filter:blur(20px);gap:8px}
body.light .navbar{background:rgba(255,255,255,0.95)}
.navbar-logo{font-weight:800;font-size:22px;cursor:pointer;flex-shrink:0;letter-spacing:-0.5px;color:var(--tx);display:inline-flex;align-items:center;gap:12px;min-width:0}
.navbar-logo .red{color:var(--r)}
.navbar-logo-text{display:inline-flex;align-items:baseline;gap:0;line-height:1}
.navbar-logo-mark{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.navbar-logo-mark img{display:block;max-width:80%;max-height:80%;object-fit:contain;filter:drop-shadow(0 10px 26px rgba(227,24,55,.18))}
.nav-links{display:flex;gap:1px;margin-left:16px;flex:1;overflow:auto;scrollbar-width:none}
.nav-links::-webkit-scrollbar{display:none}
/* React btn("transparent", pg===id?T.r:T.tm, {padding:"6px 11px",fontSize:15}) */
.nav-link{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:9px;border:none;background:transparent;color:var(--tm);cursor:pointer;font-size:15px;font-weight:400;font-family:'Prompt',sans-serif;white-space:nowrap;transition:all .15s}
.nav-link:hover{color:var(--ts)}
.nav-link.active{color:var(--r);background:var(--rg);font-weight:600}
.nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}

/* ═══════════════ BUTTONS — React btn() ═══════════════ */
/* base: padding:9px 20px, borderRadius:9, fontSize:16, fontWeight:600 */
.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:9px;border:none;font-size:16px;font-weight:600;font-family:'Prompt',sans-serif;cursor:pointer;transition:all .15s;white-space:nowrap}
.btn-sm{padding:6px 16px;font-size:15px}
.btn-lg{padding:12px 27px;font-size:17px}
.btn-red{background:var(--r);color:#fff}.btn-red:hover{background:#CC1530;transform:translateY(-1px)}
.btn-outline{background:transparent;border:1px solid var(--bd);color:var(--ts)}
.btn-outline:hover{border-color:var(--bh);color:var(--tx)}
.btn-outline-red{border:1px solid rgba(227,24,55,.22);background:rgba(227,24,55,.06);color:#ffd7de;box-shadow:inset 0 0 0 1px rgba(227,24,55,.06)}
.btn-outline-red:hover{border-color:rgba(227,24,55,.38);background:rgba(227,24,55,.11);color:#fff}
/* React: width:35,height:35,borderRadius:9,border:1px solid T.bd */
.btn-icon{width:35px;height:35px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:9px;border:1px solid var(--bd);background:transparent;color:var(--ts);cursor:pointer;font-size:17px;transition:all .15s}
/* React wallet btn: btn(T.cd,T.tx,{border:1px solid T.bd,padding:5px 13px,fontSize:15}) */
.btn-wallet{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;background:var(--cd);border:1px solid var(--bd);border-radius:9px;color:var(--tx);font-size:15px;font-weight:600}
/* React avatar: width:35,height:35,borderRadius:50%,background:T.r */
.btn-avatar{width:35px;height:35px;border-radius:50%;background:var(--r);border:none;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}
.btn-full{width:100%;justify-content:center}

/* ═══════════════ INPUTS — React inp: padding:12px 16px, borderRadius:9, bg:T.sf ═══════════════ */
.input{width:100%;padding:12px 16px;background:var(--sf);border:1px solid var(--bd);border-radius:9px;outline:none;color:var(--tx);font-size:16px;font-family:'Prompt',sans-serif;transition:border-color .2s}
.input:focus{border-color:var(--r)}.input::placeholder{color:var(--tf)}
.input-label{display:block;font-size:14px;font-weight:500;color:var(--ts);margin-bottom:4px}
.input-group{margin-bottom:14px}
select.input{appearance:none}
textarea.input{resize:vertical;min-height:80px}

/* ═══════════════ CARDS — React card: bg:T.cd, border:1px solid T.bd, borderRadius:15 ═══════════════ */
.card{background:var(--cd);border:1px solid var(--bd);border-radius:15px;overflow:hidden;transition:all .25s;animation:fu .35s ease-out}
.card:hover{border-color:var(--bh);transform:translateY(-3px)}

/* ═══════════════ SECTION HEADER — React ST: padding:23px 23px 11px ═══════════════ */
.section-header{padding:23px 23px 11px;display:flex;justify-content:space-between;align-items:center}
.section-title{font-size:20px;font-weight:700;color:var(--tx);display:flex;align-items:center;gap:8px}
.section-count{font-size:16px;font-weight:400;color:var(--tm);margin-left:4px}
.section-action{background:none;border:none;color:var(--rl);font-size:15px;cursor:pointer;display:flex;align-items:center;gap:3px;font-family:'Prompt',sans-serif}

/* ═══════════════ HERO — React: padding:57px 27px, minHeight:340, gradient ═══════════════ */
.hero{position:relative;padding:48px calc(max((100vw - 1440px)/2, 0px) + clamp(26px,4vw,44px)) 22px;background:linear-gradient(135deg,#0a0a0a 0%,#1a0408 40%,#28060e 70%,#1a0408 100%);overflow:hidden;min-height:auto;display:flex;align-items:stretch;justify-content:space-between;gap:28px;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);isolation:isolate}
.hero::after{content:'';position:absolute;left:50%;top:0;bottom:0;width:100vw;transform:translateX(-50%);background:radial-gradient(ellipse at 80% 30%,rgba(227,24,55,.22),transparent 40%),radial-gradient(ellipse at 20% 80%,rgba(227,24,55,.05),transparent 40%);z-index:-2;pointer-events:none}
body.light .hero{background:linear-gradient(135deg,#fff,#fef5f5) !important}
body.light .hero::after{background:radial-gradient(circle at 84% 34%,rgba(227,24,55,.12),transparent 26%),linear-gradient(135deg,#fff,#fef5f5) !important}
.hero::before{content:'';position:absolute;left:50%;transform:translateX(-50%);top:0;bottom:0;width:100vw;background:radial-gradient(circle at 84% 34%,rgba(227,24,55,.14),transparent 68%);pointer-events:none;z-index:-1}
.hero-content{max-width:520px;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:10px 0 0}
/* React pill: padding:5px 13px, borderRadius:60, fontSize:14, fontWeight:500 */
.hero-pill{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;padding:6px 16px;background:rgba(227,24,55,.12);border:1px solid rgba(227,24,55,.25);border-radius:60px;font-size:14px;font-weight:600;color:#ff627d;margin-bottom:16px;width:fit-content;max-width:100%}
.hero h1{font-size:42px;font-weight:800;line-height:1.12;color:var(--tx);letter-spacing:-.02em}
.hero h1 .red{color:var(--r)}
.hero p{font-size:17px;color:#c8c8c8;font-weight:300;margin-top:12px;line-height:1.75}
.hero-buttons{display:flex;gap:11px;margin-top:22px}
.hero-stats{display:flex;gap:34px;margin-top:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06)}
.hero-stat-num{font-size:26px;font-weight:800;color:var(--r);letter-spacing:-.02em}
.hero-stat-label{font-size:13px;color:var(--tm);margin-top:2px}
.hero-brand-visual{position:relative;z-index:1;flex:0 0 clamp(260px,29vw,390px);display:flex;align-items:center;justify-content:center;min-height:0}
.hero-brand-visual__inner{width:min(100%,330px);aspect-ratio:auto;border-radius:0;border:none;background:transparent;box-shadow:none;display:flex;align-items:center;justify-content:center;padding:0;position:relative;overflow:visible;max-height:360px}
.hero-brand-visual__inner::before{display:none}
.hero-brand-visual__inner img{position:relative;z-index:1;display:block;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 20px 44px rgba(227,24,55,.22))}

/* ═══════════════ CATEGORY BAR — React: gap:6, padding:18px 16px ═══════════════ */
.cat-bar{position:relative;display:flex;gap:6px;padding:18px calc(max((100vw - 1440px)/2, 0px) + 16px);margin-left:calc(50% - 50vw);width:100vw;overflow-x:auto;background:transparent;border-bottom:1px solid var(--bd);scrollbar-width:none;z-index:0}
.cat-bar::before{content:"";position:absolute;inset:0;background:var(--sf);pointer-events:none;z-index:-1}
.cat-bar::-webkit-scrollbar{display:none}
/* React: padding:13px 16px, borderRadius:12, minWidth:78 */
.cat-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:13px 16px;background:var(--cd);border:1px solid var(--bd);border-radius:12px;cursor:pointer;min-width:78px;font-family:'Prompt',sans-serif;font-size:13px;font-weight:400;color:var(--tm);transition:all .15s}
.cat-btn:hover{border-color:var(--bh)}
.cat-btn.active{background:var(--rg);border-color:rgba(227,24,55,0.2);color:var(--r)}
.cat-btn i{font-size:22px}

/* ═══════════════ GAME CARDS — React GC: grid minmax(165px,1fr), gap:11 ═══════════════ */
.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:11px;padding:0 18px 23px}
.game-card{background:var(--cd);border:1px solid var(--bd);border-radius:15px;overflow:hidden;cursor:pointer;transition:all .25s;animation:fu .35s ease-out;display:block;color:inherit}
.game-card:hover{border-color:var(--bh);transform:translateY(-3px)}
/* React: height:90, gradient */
.game-card-img{height:90px;background:linear-gradient(135deg,#1a0508,var(--el));display:flex;align-items:center;justify-content:center;position:relative}
body.light .game-card-img{background:linear-gradient(135deg,#fef0f0,#fff) !important}
.game-card-img i{font-size:32px;color:var(--tm);opacity:.3}
.game-card-img .hot-badge{position:absolute;top:5px;right:5px;background:var(--r);color:#fff;font-size:12px;font-weight:700;padding:1px 8px;border-radius:4px}
.game-card-img .new-badge{position:absolute;top:5px;right:5px;background:var(--info);color:#fff;font-size:12px;font-weight:700;padding:1px 8px;border-radius:4px}
/* React: padding:9px 11px */
.game-card-info{padding:9px 11px}
.game-card-info h4{font-size:15px;font-weight:600;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.game-card-info .api-status{font-size:13px;color:var(--ok);display:flex;align-items:center;gap:3px;margin-top:2px}

/* ═══════════════ STEP CARD — React SH: w:33,h:33, borderRadius:17, padding:22 ═══════════════ */
.step-card{background:var(--cd);border:1px solid var(--bd);border-radius:17px;padding:22px}
.step-header{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.step-num{width:33px;height:33px;border-radius:50%;background:var(--r);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;flex-shrink:0}
.step-header h3{font-size:18px;font-weight:600;color:var(--tx)}

/* ═══════════════ PACKAGE GRID — React: minmax(130px,1fr), gap:8 ═══════════════ */
.package-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
/* React: padding:13, borderRadius:12 */
.package-item{padding:13px;background:var(--sf);border:1px solid var(--bd);border-radius:12px;text-align:center;cursor:pointer;transition:all .15s}
.package-item:hover{border-color:var(--bh)}
.package-item.selected{border-color:var(--r);background:var(--rg)}
.package-item .name{font-size:14px;color:var(--ts)}
.package-item .price{font-size:20px;font-weight:700;color:var(--tx);margin-top:2px}
.package-item .price .unit{font-size:14px;font-weight:400;color:var(--tm)}
.package-item .old-price{font-size:13px;color:var(--tm);text-decoration:line-through;margin-right:3px}
.package-item .sale-badge{display:inline-block;background:var(--r);color:#fff;font-size:11px;font-weight:700;padding:1px 5px;border-radius:3px;margin-bottom:3px}

/* ═══════════════ PAYMENT — React: gap:13, padding:13px 16px, borderRadius:12 ═══════════════ */
.payment-option{display:flex;align-items:center;gap:13px;padding:13px 16px;background:var(--sf);border:1px solid var(--bd);border-radius:12px;margin-bottom:6px;cursor:pointer;transition:all .15s}
.payment-option:hover{border-color:var(--bh)}
.payment-option.selected{border-color:var(--r);background:var(--rg)}
/* React: width:40,height:40,borderRadius:9 */
.payment-icon{width:40px;height:40px;border-radius:9px;background:rgba(255,255,255,0.04);display:flex;align-items:center;justify-content:center;color:var(--ts);font-size:19px;flex-shrink:0}
body.light .payment-icon{background:rgba(0,0,0,0.03)}

/* ═══════════════ WHY US — React: bg:#0d0205, padding:41px 18px ═══════════════ */
.why-section{background:#0d0205;padding:41px 18px;border-top:1px solid var(--bd)}
body.light .why-section{background:#fef8f8 !important}
.why-title{font-size:24px;font-weight:700;color:var(--tx);text-align:center;margin-bottom:24px}
/* React: minmax(180px,1fr), gap:13, maxWidth:800 */
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:13px;max-width:800px;margin:0 auto}
/* React: padding:22, borderRadius:17 */
.why-card{text-align:center;padding:22px;background:var(--cd);border-radius:17px;border:1px solid var(--bd)}
/* React: w:49,h:49,borderRadius:15 */
.why-card-icon{width:49px;height:49px;border-radius:15px;background:var(--rg);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;color:var(--r);font-size:24px}

/* ═══════════════ PREMIUM — React: minmax(235px,1fr), gap:13 ═══════════════ */
.premium-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:13px;padding:0 18px 32px}
.premium-card{background:var(--cd);border:1px solid var(--bd);border-radius:15px;overflow:hidden;transition:all .25s;animation:fu .35s ease-out}
.premium-card:hover{border-color:var(--bh);transform:translateY(-3px)}
/* React: height:110, gradient */
.premium-img{height:110px;background:linear-gradient(135deg,#1a0a0a,#200a10);display:flex;align-items:center;justify-content:center;position:relative}
body.light .premium-img{background:linear-gradient(135deg,#fef5f5,#fff) !important}
.premium-img i{font-size:38px;color:var(--r);opacity:.4}
.premium-dur{position:absolute;top:6px;left:6px;background:rgba(0,0,0,0.5);padding:2px 9px;border-radius:4px;font-size:13px;color:#ccc}
.premium-body{padding:13px}
.premium-body h4{font-size:16px;font-weight:600;color:var(--tx);margin-bottom:3px}
.premium-body .cat{font-size:13px;color:var(--tm);margin-bottom:8px}
.premium-feat{font-size:13px;color:var(--ts);display:flex;align-items:center;gap:5px;margin-bottom:2px}
.premium-price-row{display:flex;align-items:center;justify-content:space-between;padding-top:10px;margin-top:8px;border-top:1px solid var(--bd)}
.premium-price{font-size:22px;font-weight:700;color:var(--r)}
.premium-price .unit{font-size:14px;font-weight:400;color:var(--tm)}

/* ═══════════════ SHOP — React: minmax(265px,1fr), gap:13, padding:17 ═══════════════ */
.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:13px;padding:0 18px 32px}
.shop-card{background:var(--cd);border:1px solid var(--bd);border-radius:15px;padding:17px;transition:all .25s;animation:fu .35s ease-out}
.shop-card:hover{border-color:var(--bh);transform:translateY(-3px)}
/* React icon: w:49,h:49,borderRadius:12 */
.shop-card-icon{width:49px;height:49px;border-radius:12px;background:var(--rg);display:flex;align-items:center;justify-content:center;color:var(--r);font-size:24px;flex-shrink:0}

/* ═══════════════ RANDOM BOX — React: minmax(325px,1fr), gap:15, padding:22 ═══════════════ */
.random-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(325px,1fr));gap:15px;padding:0 18px 32px}
.random-card{background:var(--cd);border:1px solid var(--bd);border-radius:15px;padding:22px;animation:fu .35s ease-out}
/* React: w:56,h:64,borderRadius:15,gradient */
.random-icon{width:56px;height:64px;border-radius:15px;background:linear-gradient(135deg,#E31837,#FF3D5A);display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;flex-shrink:0}

/* ═══════════════ WALLET — React: gradient bg, padding:32px 23px ═══════════════ */
.wallet-hero{background:linear-gradient(135deg,#1a0508,#0a0a0a);padding:32px 23px;border-bottom:1px solid var(--bd)}
body.light .wallet-hero{background:linear-gradient(135deg,#fef8f8,#fff) !important}
/* React balance card: gradient, borderRadius:19, padding:24, maxWidth:380 */
.wallet-balance-card{background:linear-gradient(135deg,var(--r),rgba(227,24,55,0.8));border-radius:19px;padding:24px;max-width:380px;position:relative;overflow:hidden;color:#fff}
.wallet-balance-card::before{content:'';position:absolute;right:-16px;top:-16px;width:100px;height:100px;background:rgba(255,255,255,0.1);border-radius:50%}
/* React methods: minmax(265px,1fr), gap:11, borderRadius:15, padding:17 */
.wallet-methods{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:11px;padding:0 18px 27px}
.wallet-method{background:var(--cd);border:1px solid var(--bd);border-radius:15px;padding:17px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .15s;color:inherit}
.wallet-method:hover{border-color:var(--bh)}
/* React icon: w:49,h:49,borderRadius:12 */
.wallet-method-icon{width:49px;height:49px;border-radius:12px;background:var(--rg);display:flex;align-items:center;justify-content:center;color:var(--r);font-size:24px;flex-shrink:0}

/* ═══════════════ LOGIN — React: flex, minHeight:calc(100vh-56px) ═══════════════ */
.auth-page{display:flex;min-height:calc(100vh - 62px)}
.auth-brand{flex:1;background:linear-gradient(135deg,#1a0508,#0a0a0a);display:flex;align-items:center;justify-content:center;padding:35px;position:relative;overflow:hidden}
body.light .auth-brand{background:linear-gradient(135deg,#fef5f5,#fff) !important}
.auth-brand::before{content:'';position:absolute;width:280px;height:280px;background:radial-gradient(circle,var(--rg),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%)}
.auth-brand-content{position:relative;z-index:1;text-align:center}
.auth-brand-content h2{font-size:48px;font-weight:900;color:var(--tx)}.auth-brand-content h2 .red{color:var(--r)}
.auth-brand-content p{color:var(--ts);font-size:16px;font-weight:300;margin-top:6px}
.auth-stats{display:flex;gap:22px;justify-content:center;margin-top:28px}
/* React form: width:400, padding:46px 36px, borderLeft */
.auth-form{width:400px;background:var(--cd);padding:46px 36px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--bd)}
.auth-form h3{font-size:26px;font-weight:700;color:var(--tx);margin-bottom:4px}
.auth-form .sub{font-size:15px;color:var(--tm);font-weight:300;margin-bottom:24px}
/* React register: width:440, borderRadius:19, padding:35 */
.auth-register{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 62px);padding:22px}
.auth-register-card{width:440px;background:var(--cd);border:1px solid var(--bd);border-radius:19px;padding:35px}
.divider-text{display:flex;align-items:center;gap:11px;margin:16px 0}
.divider-text::before,.divider-text::after{content:'';flex:1;height:1px;background:var(--bd)}
.divider-text span{font-size:13px;color:var(--tm)}
.oauth-btns{display:flex;gap:8px}
.oauth-btn{flex:1;padding:10px;background:var(--sf);border:1px solid var(--bd);border-radius:9px;cursor:pointer;font-size:14px;color:var(--ts);font-family:'Prompt',sans-serif;text-align:center;transition:all .15s}
.oauth-btn:hover{border-color:var(--bh)}

/* ═══════════════ PROFILE — React: padding:22, maxWidth:600 ═══════════════ */
.profile-avatar{width:64px;height:64px;border-radius:50%;background:var(--r);display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:800;flex-shrink:0}
.profile-menu-item{display:flex;align-items:center;gap:13px;padding:13px 18px;background:var(--cd);border:1px solid var(--bd);border-radius:12px;cursor:pointer;width:100%;text-align:left;font-family:'Prompt',sans-serif;font-size:16px;font-weight:500;color:var(--tx);margin-bottom:6px;transition:all .15s}
.profile-menu-item:hover{border-color:var(--bh)}
.profile-menu-item i{font-size:19px;color:var(--r)}
.profile-logout{display:flex;align-items:center;gap:13px;padding:13px 18px;background:transparent;border:1px solid rgba(227,24,55,0.2);border-radius:12px;cursor:pointer;width:100%;text-align:left;font-family:'Prompt',sans-serif;font-size:16px;font-weight:500;color:var(--rl);margin-top:8px}

/* ═══════════════ HISTORY — React: padding:22, gap:6, borderRadius:12 ═══════════════ */
.history-item{display:flex;align-items:center;gap:13px;padding:13px 18px;background:var(--cd);border:1px solid var(--bd);border-radius:12px;margin-bottom:6px}
.history-icon{width:40px;height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}
.history-icon.success{background:rgba(0,200,100,0.1);color:var(--ok)}
.history-icon.pending{background:rgba(255,200,0,0.1);color:var(--warn)}
.badge-s{font-size:13px;padding:1px 9px;border-radius:4px;background:rgba(0,200,100,0.1);color:var(--ok)}
.badge-p{font-size:13px;padding:1px 9px;border-radius:4px;background:rgba(255,200,0,0.1);color:var(--warn)}

/* ═══════════════ BLOG — React: minmax(305px,1fr), gap:15 ═══════════════ */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(305px,1fr));gap:15px;padding:0 18px 32px}
.blog-card{background:var(--cd);border:1px solid var(--bd);border-radius:15px;overflow:hidden;animation:fu .35s ease-out;transition:all .25s}
.blog-card:hover{border-color:var(--bh);transform:translateY(-3px)}
/* React: height:140, gradient */
.blog-card-img{height:140px;background:linear-gradient(135deg,#1a0508,#2a1015);display:flex;align-items:center;justify-content:center}
body.light .blog-card-img{background:linear-gradient(135deg,#fef0f0,#fff) !important}
.blog-tag{font-size:12px;padding:2px 6px;background:var(--rg);color:var(--rl);border-radius:4px;display:inline-block;margin-right:4px}

/* ═══════════════ FAQ — React accordion ═══════════════ */
.faq-item{background:var(--cd);border:1px solid var(--bd);border-radius:12px;overflow:hidden;margin-bottom:8px;transition:all .15s}
.faq-item.open{border-color:rgba(227,24,55,0.25)}
.faq-question{width:100%;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;border:none;background:transparent;cursor:pointer;font-family:'Prompt',sans-serif;text-align:left;font-size:16px;font-weight:600;color:var(--tx)}
.faq-answer{display:none;padding:0 22px 20px;font-size:14px;color:var(--ts);line-height:1.9;font-weight:300;animation:fu .2s ease-out}
.faq-item.open .faq-answer{display:block}

/* ═══════════════ FOOTER — React: bg:#070707, padding:36px 18px 18px ═══════════════ */
.footer{background:#070707;border-top:1px solid var(--bd);padding:36px 18px 18px}
body.light .footer{background:#eee !important}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:26px;margin-bottom:20px;max-width:1100px}
.footer h5{font-size:16px;font-weight:600;color:var(--tx);margin-bottom:10px}
.footer a{display:block;font-size:14px;color:var(--tm);padding:2px 0}
.footer a:hover{color:var(--tx)}
.footer-bottom{border-top:1px solid var(--bd);padding-top:12px;display:flex;justify-content:space-between;font-size:13px;color:var(--tm)}

/* ═══════════════ TOAST ═══════════════ */
.toast{position:fixed;top:70px;right:16px;z-index:9999;padding:13px 20px;border-radius:12px;display:none;align-items:center;gap:8px;font-size:16px;font-weight:500;animation:si .3s ease-out;box-shadow:0 8px 32px rgba(0,0,0,0.4);background:var(--cd)}
.toast.show{display:flex}
.toast-success{border:1px solid rgba(0,200,100,0.3);color:var(--ok)}
.toast-error{border:1px solid rgba(227,24,55,0.3);color:var(--rl)}

/* ═══════════════ ANIMATIONS ═══════════════ */
@keyframes fu{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes si{from{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes spin{to{transform:rotate(360deg)}}

/* ═══════════════ UTILITY ═══════════════ */
.text-red{color:var(--r)}.text-muted{color:var(--tm)}
.mobile-menu-btn{display:none;width:35px;height:35px;border-radius:9px;border:1px solid var(--bd);background:transparent;color:var(--ts);cursor:pointer;font-size:20px;align-items:center;justify-content:center}

/* ═══════════════ RESPONSIVE ═══════════════ */
@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr}.auth-page{flex-direction:column}.auth-form{width:100%}.auth-brand{min-height:200px;padding:32px}}
@media(max-width:1100px){.hero-brand-visual{flex-basis:280px}.hero-brand-visual__inner{width:min(100%,290px)}}
@media(max-width:900px){.hero{gap:20px}.hero-brand-visual{display:none}}
@media(max-width:768px){.navbar{padding:0 12px}.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;position:fixed;top:62px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--bd);padding:12px;z-index:99;gap:4px}.mobile-menu-btn{display:flex}.hero h1{font-size:28px}.hero{padding:40px 20px;min-height:auto;display:block;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.hero-brand-visual{display:none}.navbar-logo{gap:8px}.navbar-logo-mark{display:none}.cat-bar{padding-left:16px;padding-right:16px}.game-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.premium-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:24px}.auth-form{width:100%;padding:30px 20px}.auth-register-card{width:100%}.shop-grid{grid-template-columns:1fr}.random-grid{grid-template-columns:1fr}.wallet-methods{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.top-space{margin-top:18px}
.top-space-lg{margin-top:28px}
.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:.78rem;font-weight:600;border:1px solid transparent}
.badge-red{background:rgba(227,24,55,.10);color:#ff7b90;border-color:rgba(227,24,55,.18)}
.badge-green{background:rgba(0,200,100,.10);color:#6fe1a6;border-color:rgba(0,200,100,.16)}
.badge-blue{background:rgba(59,130,246,.10);color:#8fbdfb;border-color:rgba(59,130,246,.16)}
.badge-yellow{background:rgba(245,158,11,.10);color:#ffcb75;border-color:rgba(245,158,11,.18)}
.badge-purple{background:rgba(139,92,246,.10);color:#bf9bff;border-color:rgba(139,92,246,.18)}
.badge-gray{background:rgba(255,255,255,.06);color:#bbb;border-color:rgba(255,255,255,.08)}
.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:16px}
.table,.data-table{width:100%;border-collapse:collapse}
.table th,.data-table th{padding:14px 16px;text-align:left;font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);border-bottom:1px solid var(--border);background:rgba(255,255,255,.015)}
.table td,.data-table td{padding:14px 16px;border-bottom:1px solid var(--border);font-size:.95rem;color:var(--text-secondary);vertical-align:top}
.table tr:hover td,.data-table tr:hover td{background:rgba(255,255,255,.02)}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.price-red{color:#fff;font-weight:700}
.subcell{font-size:.82rem;color:var(--text-faint);margin-top:4px}
.inline-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.inline-form input,.inline-form select,.input,select,textarea,input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="file"]{
  width:100%;padding:12px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--border);color:var(--text);outline:none
}
textarea{min-height:96px;resize:vertical}
.inline-form input,.inline-form select{width:auto;min-width:110px}
label{display:grid;gap:8px}
label>span,.input-label{font-size:.88rem;color:var(--text-secondary);display:flex;align-items:center;gap:8px}
.form-grid{display:grid;gap:14px}
.form-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}
.form-grid.three-up{grid-template-columns:2fr 1.1fr auto}
.form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.align-end{align-self:end}
.full-span{grid-column:1/-1}
.soft-panel{background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:16px;padding:16px}
.card-header-split,.list-card-header,.table-card-header,.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.demo-subtitle{font-size:.92rem;color:var(--text-muted);margin-top:8px}
.inline-stat,.metric-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid var(--border);font-size:.84rem;color:var(--text-secondary)}
.metric-pill-row{display:flex;gap:10px;flex-wrap:wrap}
.feature-list{display:grid;gap:10px}
.feature-list.slim{gap:8px}
.feature-list div{display:flex;align-items:flex-start;gap:10px;color:var(--text-secondary);font-size:.92rem}
.clean-list{display:grid;gap:8px;list-style:none;padding:0;margin:0}
.clean-list li{display:flex;align-items:flex-start;gap:10px;color:var(--text-secondary)}
.module-note,.payload-box,.page-note{font-size:.88rem;color:var(--text-muted);background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:12px;padding:12px 14px}
.search-shell{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:var(--card);border:1px solid var(--border);min-width:260px}
.search-shell input{border:none;background:transparent;padding:0;min-width:0}
.admin-body{background:var(--bg)}
.admin-layout{display:flex;min-height:100vh}
.admin-content-wrap{flex:1;min-width:0;margin-left:240px}
.admin-content{padding:24px}
.admin-topbar{position:sticky;top:0;z-index:70;backdrop-filter:blur(14px);background:rgba(10,10,10,.86);border-bottom:1px solid var(--border);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.admin-topbar-left,.admin-top-actions{display:flex;align-items:center;gap:12px}
.admin-sidebar{width:240px;background:var(--surface);border-right:1px solid var(--border);height:100vh;position:fixed;top:0;left:0;overflow:auto;z-index:90;display:flex;flex-direction:column}
.admin-brand{padding:16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:1.1rem}
.admin-nav-group{padding:6px 0}
.admin-nav-title{padding:14px 16px 6px;font-size:.7rem;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:2px}
.admin-link{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;border-left:3px solid transparent;color:var(--text-muted)}
.admin-link span{display:flex;align-items:center;gap:10px}
.admin-link:hover{color:var(--text);background:rgba(255,255,255,.03)}
.admin-link.active{color:var(--red-light);background:var(--red-glow);font-weight:600;border-left-color:var(--red)}
.nav-count{font-size:.72rem;background:rgba(255,255,255,.06);padding:2px 8px;border-radius:10px}
.admin-side-footer{margin-top:auto;padding:16px;border-top:1px solid var(--border)}
.admin-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--border)}
.admin-dashboard-head{margin-bottom:22px}
.breadcrumb{font-size:.82rem;color:var(--text-muted)}
.stat-strip,.dashboard-kpi-grid,.mini-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.mini-stat-card,.dashboard-kpi,.demo-kpi,.stat-card{
  background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px
}
.mini-stat-card small,.dashboard-kpi small{display:block;color:var(--text-muted);font-size:.82rem}
.mini-stat-card strong,.dashboard-kpi strong{display:block;font-size:1.85rem;margin-top:10px;color:#fff}
.dashboard-kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.dashboard-kpi-icon{width:48px;height:48px;border-radius:14px;background:rgba(227,24,55,.12);display:flex;align-items:center;justify-content:center;color:var(--red);font-size:1.35rem}
.trend-up{font-size:.8rem;font-weight:700;color:#76e9ab}
.product-card,.content-card,.module-mini-card{
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:var(--transition)
}
.product-card:hover,.content-card:hover,.module-mini-card:hover{border-color:var(--border-hover);transform:translateY(-3px)}
.thumb{height:140px;background:linear-gradient(135deg,rgba(26,5,8,.85),var(--elevated));position:relative;display:flex;align-items:center;justify-content:center}
.thumb.premium{background:linear-gradient(135deg,rgba(46,12,25,.85),var(--elevated))}
.tag-top,.duration-tag{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.52);padding:4px 10px;border-radius:8px;font-size:.8rem;color:#ddd}
.product-card-body,.content-card-body,.module-mini-card .body{padding:16px;display:grid;gap:12px}
.product-card-title,.module-mini-card .title{font-size:1rem;font-weight:700;color:#fff}
.buy-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--border)}
.buy-box strong{font-size:1.5rem}
.buy-box small{color:var(--text-muted)}
.cards-grid,.cards-grid-6,.module-showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.profile-panel-grid,.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.order-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.content-card h3,.soft-panel h4{font-size:1.06rem}
.product-count{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid var(--border);color:var(--text-secondary);font-size:.92rem}
.product-hero,.service-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.module-showcase{display:grid;gap:18px}
.login-page{display:flex;min-height:calc(100vh - 74px)}
.login-brand p{max-width:460px}
.oauth-btns{display:flex;gap:10px}
.oauth-btn{flex:1;padding:11px;background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary)}
.wallet-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:18px}
.wallet-methods{display:grid;gap:14px}
.pagination{display:flex;gap:8px;flex-wrap:wrap;padding-top:16px}
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.03);color:var(--text-secondary);padding:0 12px}
.pagination .active,.pagination a:hover{background:var(--red-glow);border-color:rgba(227,24,55,.22);color:#fff}
.payload-box{max-width:460px;white-space:normal;word-break:break-word}
.proof-link{display:inline-flex;align-items:center;gap:6px;margin-top:6px;color:#fff}
.only-mobile{display:none!important}
.card-compact{padding:16px}
@media (max-width: 1100px){
  .grid-2,.two-col,.profile-panel-grid,.wallet-grid,.module-grid{grid-template-columns:1fr}
  .grid-3,.grid-4,.stat-strip,.dashboard-kpi-grid,.mini-stat-strip,.order-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 860px){
  .admin-content-wrap{margin-left:0}
  .admin-sidebar{transform:translateX(-100%);transition:transform .2s}
  .admin-sidebar.open{transform:translateX(0)}
  .mobile-toggle,.only-mobile{display:inline-flex!important}
  .hidden-mobile{display:none!important}
  .nav-links{position:absolute;top:74px;left:16px;right:16px;display:none;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:12px;box-shadow:var(--shadow)}
  .nav-links.open{display:flex}
  .footer-grid,.login-page,.grid-3,.grid-4,.stat-strip,.dashboard-kpi-grid,.mini-stat-strip,.order-meta-grid,.cards-grid,.cards-grid-6{grid-template-columns:1fr}
  .form-grid.two-up,.form-grid.three-up{grid-template-columns:1fr}
  .wallet-balance-card{max-width:none}
}

.home-main section.container.page-padding{padding-top:26px;padding-bottom:54px}
.hero .nav-actions{display:flex;flex-wrap:wrap}
.section-page{display:grid;gap:18px}
.section-page .section-header{padding-top:0}

.why-us{background:linear-gradient(180deg,rgba(36,4,9,.88),rgba(11,11,11,1));border-top:1px solid var(--border)}
.why-us-title{text-align:center;margin-bottom:28px}
.why-card{text-align:center;padding:28px 20px}
.why-card .card-icon{margin:0 auto 14px}


/* ===== Phase 11 Demo Parity Push ===== */
:root{--container:1280px}
.container{max-width:var(--container)}
.site-main.home-main{padding-bottom:0}
.demo-front-shell{max-width:1280px}
.demo-logo{font-size:1.55rem;gap:0;font-weight:800;letter-spacing:-.6px}
.demo-logo span,.navbar-logo span,.footer-logo span{color:var(--red)}
.navbar{height:60px;padding:0 14px;background:#0b0b0b}
.nav-link{font-size:.92rem;padding:9px 12px}
.nav-link i{font-size:.9rem;opacity:.9}
.nav-actions .btn-sm{padding:9px 14px}
.demo-hero{background:radial-gradient(circle at 75% 35%, rgba(227,24,55,.28), rgba(227,24,55,.06) 32%, rgba(0,0,0,0) 58%),linear-gradient(90deg,#0c0003 0%,#170005 50%,#190005 100%);border-bottom:1px solid var(--border)}
.demo-hero-inner{min-height:420px;display:flex;align-items:center;padding:34px 24px 38px}
.demo-hero-copy{max-width:520px;padding-left:18px}
.demo-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:rgba(227,24,55,.12);color:#ff5a73;border:1px solid rgba(227,24,55,.18);font-size:.82rem;font-weight:600}
.demo-hero h1{font-size:3.6rem;line-height:1.04;margin-top:16px}
.demo-hero p{max-width:500px;margin-top:14px;color:#d0d0d0}
.demo-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.demo-metrics{display:flex;gap:34px;margin-top:20px}
.demo-metrics strong{display:block;font-size:2rem;line-height:1;color:#ff3357;font-weight:800}
.demo-metrics span{font-size:.83rem;color:#8a8a8a}
.demo-services-bar{background:#111;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.demo-services-row{display:flex;gap:8px;flex-wrap:wrap;padding:14px 24px}
.demo-service-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:96px;padding:12px 14px;border-radius:12px;background:#161616;border:1px solid rgba(255,255,255,.08);color:#a3a3a3}
.demo-service-tab i{font-size:1.1rem}
.demo-service-tab.active{background:rgba(227,24,55,.12);border-color:rgba(227,24,55,.2);color:#ff4060}
.demo-section{padding:18px 24px 0}
.pt-0{padding-top:0}
.demo-link-action{display:inline-flex;align-items:center;gap:6px;color:#ff3357;font-weight:600;font-size:.92rem}
.demo-game-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.demo-game-card{min-height:154px;border-radius:14px;background:#151515;border:1px solid rgba(255,255,255,.07);overflow:hidden}
.demo-game-card .game-card-info{padding:14px 14px 15px}
.demo-game-card h4{font-size:1rem;line-height:1.2}
.demo-card-img{height:92px;background:linear-gradient(180deg, rgba(227,24,55,.13), rgba(255,255,255,.01));display:flex;align-items:center;justify-content:center;color:#5d5d5d;font-size:1.8rem;position:relative}
.dot-green{color:#28d17c !important;font-size:.82rem}
.dot-green::before{content:'• ';color:#28d17c}
.hot-badge,.new-badge{position:absolute;right:10px;top:8px;border-radius:6px;padding:2px 7px;font-size:.68rem;font-weight:700;color:#fff}
.hot-badge{background:#ff3357}
.new-badge{background:#5fa6ff}
.demo-why-wrap{margin-top:18px;background:linear-gradient(180deg,#190004 0%,#0a0a0a 70%);border-top:1px solid var(--border)}
.why-us-title{text-align:center;font-size:2rem;margin-bottom:26px}
.card-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:rgba(227,24,55,.12);color:var(--red);margin:0 auto 12px;font-size:1.3rem}
.why-card{text-align:center;padding:26px 18px}
.premium-grid-wide{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.premium-card-demo{border-radius:16px;overflow:hidden;padding:0;background:#151515}
.premium-card-demo .premium-img{height:156px;background:linear-gradient(180deg, rgba(227,24,55,.20), rgba(227,24,55,.04));display:flex;align-items:center;justify-content:center;position:relative;font-size:2rem;color:#9a1429}
.premium-card-demo .premium-dur{position:absolute;left:12px;top:10px;background:#100f10;border:1px solid rgba(255,255,255,.08);padding:4px 8px;border-radius:8px;font-size:.78rem;color:#fff}
.premium-card-demo .premium-body{padding:16px}
.premium-card-demo .premium-body h4{font-size:1.02rem;min-height:48px}
.premium-card-demo .cat{font-size:.82rem;color:#777;margin-top:-2px;margin-bottom:6px}
.premium-card-demo .premium-feat{font-size:.88rem;color:#d3d3d3;display:flex;gap:8px;align-items:center;margin:4px 0}
.premium-card-demo .premium-feat i{color:#22c55e}
.premium-card-demo .price{font-size:2rem;font-weight:800;color:#ff3357;line-height:1}
.premium-card-demo .premium-price-row small{font-size:1rem;color:#777;margin-left:4px}
.footer{background:#080808;border-top:1px solid var(--border);padding:42px 24px 16px;margin-top:26px}
.footer-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px}
.footer-logo{font-size:2rem;font-weight:800;letter-spacing:-.8px}
.footer h5{font-size:1.08rem;margin-bottom:10px}
.footer a,.footer p{display:block;color:#9c9c9c;font-size:.92rem;margin:4px 0}
.footer-bottom{max-width:1280px;margin:18px auto 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;color:#595959;font-size:.82rem}
.demo-page-tight{padding-top:12px}
.topup-demo-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}
.order-panel{padding:22px}
.wallet-hero-card{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:linear-gradient(135deg, rgba(227,24,55,.14), rgba(255,255,255,.02));padding:26px;border-radius:20px;border:1px solid rgba(255,255,255,.08)}
.wallet-hero-card p{margin-top:10px;max-width:440px}
.wallet-hero-actions{display:grid;gap:12px;align-content:center}
.wallet-method{display:flex;gap:14px;align-items:flex-start;background:#151515;border:1px solid rgba(255,255,255,.08);padding:16px;border-radius:16px}
.wallet-method-icon{width:46px;height:46px;border-radius:14px;background:rgba(227,24,55,.12);display:flex;align-items:center;justify-content:center;color:#ff3357;font-size:1.15rem}
.admin-sidebar{width:240px;background:#0d0d0d;border-right:1px solid rgba(255,255,255,.07);position:fixed;left:0;top:0;bottom:0;overflow:auto}
.admin-brand{height:58px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);font-weight:800;font-size:1.5rem;letter-spacing:-.6px}
.admin-brand span{color:#fff}.admin-brand strong{color:var(--red)}
.admin-nav-group{padding:10px 0}.admin-nav-title{padding:10px 16px 6px;color:#474747;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em}
.admin-link{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-left:3px solid transparent;color:#8f8f8f;font-size:.9rem}
.admin-link span:first-child{display:flex;gap:10px;align-items:center}
.admin-link.active{background:rgba(227,24,55,.16);color:#ff3357;border-left-color:#ff3357;font-weight:600}
.nav-count{font-size:.68rem;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.05);color:#666}
.admin-link.active .nav-count{background:rgba(227,24,55,.18);color:#ff3357}
.admin-side-footer{margin-top:auto;padding:14px 16px;border-top:1px solid rgba(255,255,255,.07)}
.admin-user-mini{display:flex;gap:10px;align-items:center}.admin-user-mini .avatar{width:34px;height:34px;border-radius:50%;background:#ff3357;color:#fff;display:flex;align-items:center;justify-content:center}.admin-user-mini strong{display:block;font-size:.9rem}.admin-user-mini small{display:block;font-size:.75rem;color:#59d67d}
.admin-content-wrap{margin-left:240px;min-height:100vh;background:#0a0a0a}
.admin-topbar{height:58px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;background:#0a0a0a;position:sticky;top:0;z-index:10}
.breadcrumb{font-size:.82rem;color:#757575;display:flex;gap:6px;align-items:center}.breadcrumb strong{color:#fff}
.search-shell{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#121212;border:1px solid rgba(255,255,255,.08);border-radius:12px;width:220px;color:#777}.search-shell input{border:none;background:transparent;color:#fff;outline:none;width:100%}
.admin-notify{position:relative;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#9b9b9b}.admin-notify span{position:absolute;right:8px;top:7px;width:7px;height:7px;background:#ff3357;border-radius:50%}
.admin-content{padding:20px 18px 28px}
.admin-title{display:flex;gap:10px;align-items:center}.admin-title span{font-size:1rem;color:#666;font-weight:400}
.dashboard-kpi-grid.four{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dashboard-kpi-grid.five{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.stat-card.demo-admin{display:flex;gap:14px;align-items:center;justify-content:space-between;background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px 18px 16px}
.stat-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.35rem}.stat-icon.red{background:rgba(227,24,55,.16);color:#ff3357}.stat-icon.gold{background:rgba(245,158,11,.16);color:#f59e0b}.stat-icon.blue{background:rgba(59,130,246,.16);color:#60a5fa}.stat-icon.green{background:rgba(34,197,94,.16);color:#22c55e}
.stat-label{font-size:.8rem;color:#767676}.stat-value{font-size:2rem;line-height:1.05;font-weight:800}.stat-sub{font-size:.78rem;color:#707070}.stat-sub.good{color:#22c55e}.stat-sub.warn{color:#f59e0b}.stat-trend{font-size:.84rem;color:#22c55e;font-weight:700;align-self:flex-start}
.demo-mini{display:flex;gap:12px;align-items:center;background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px}
.demo-mini strong{display:block;font-size:1.8rem;line-height:1.1;color:#fff}.demo-mini small{display:block;color:#666;font-size:.75rem}.demo-mini small.good{color:#22c55e}
.mini-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.mini-icon.line{background:rgba(6,199,85,.16);color:#06C755}.mini-icon.discord{background:rgba(88,101,242,.18);color:#5865F2}.mini-icon.google{background:rgba(66,133,244,.18);color:#4285F4}.mini-icon.web{background:rgba(255,255,255,.06);color:#999}.mini-icon.admin{background:rgba(139,92,246,.16);color:#8B5CF6}
.admin-table-card{background:#111;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:18px}.data-table th{font-size:.72rem;color:#666}.data-table td{font-size:.9rem}
@media (max-width: 1200px){.demo-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.premium-grid-wide{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-kpi-grid.four,.dashboard-kpi-grid.five{grid-template-columns:repeat(2,minmax(0,1fr))}.topup-demo-layout,.wallet-hero-card{grid-template-columns:1fr}}
@media (max-width: 768px){.navbar{height:auto;padding:10px 0}.container{padding:0 14px}.demo-hero h1{font-size:2.35rem}.demo-metrics{gap:18px}.demo-services-row{padding:12px 14px;overflow:auto;flex-wrap:nowrap}.demo-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-grid-wide{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:10px}.admin-sidebar{transform:translateX(-100%);transition:transform .2s}.admin-sidebar.open{transform:translateX(0)}.admin-content-wrap{margin-left:0}.dashboard-kpi-grid.four,.dashboard-kpi-grid.five{grid-template-columns:1fr}.admin-topbar{padding:0 12px}.admin-content{padding:16px 12px 24px}}

/* ===== Phase 12 demo parity refinements ===== */
.page-hero-card{background:linear-gradient(135deg, rgba(227,24,55,.14), rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:26px;display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.page-hero-card .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(227,24,55,.10);border:1px solid rgba(227,24,55,.22);color:#ff627d;font-size:.82rem;font-weight:600}
.page-hero-title{font-size:2.3rem;font-weight:800;line-height:1.08;letter-spacing:-.02em;margin:12px 0 10px}
.page-hero-sub{font-size:.95rem;color:var(--text-secondary);max-width:560px}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
.metric-card{background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px 18px}
.metric-card small{display:block;color:#707070;font-size:.78rem}.metric-card strong{display:block;font-size:1.65rem;line-height:1.1;margin-top:8px;color:#fff}.metric-card .kpi-good{color:#22c55e;font-size:.78rem;margin-top:4px}.metric-card .kpi-warn{color:#f59e0b;font-size:.78rem;margin-top:4px}
.dual-panel{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}
.dual-panel.equal{grid-template-columns:1fr 1fr}
.surface-card{background:#111;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:20px}
.surface-card.soft{background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01))}
.surface-title{display:flex;align-items:center;gap:10px;font-size:1.18rem;font-weight:700;margin-bottom:14px}
.surface-title i{color:var(--red)}
.surface-subtitle{font-size:.9rem;color:var(--text-muted);margin-top:-6px;margin-bottom:14px}
.mini-grid-2,.mini-grid-3{display:grid;gap:12px}.mini-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.feature-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.feature-chip{background:#151515;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px 16px;display:flex;gap:12px;align-items:flex-start}
.feature-chip i{width:42px;height:42px;border-radius:14px;background:rgba(227,24,55,.12);display:flex;align-items:center;justify-content:center;color:#ff3357;font-size:1.1rem;flex-shrink:0}
.feature-chip strong{display:block;font-size:.96rem;color:#fff}.feature-chip span{display:block;font-size:.82rem;color:#808080;margin-top:2px}
.section-shell{background:#101010;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:18px}
.section-shell + .section-shell{margin-top:18px}
.section-shell .section-header{padding:0 0 14px}
.data-shell{background:#101010;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:18px}
.data-shell .table-wrap{border-radius:14px}
.stack-shell{display:grid;gap:14px}
.info-list{display:grid;gap:10px}.info-list .row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 14px;border-radius:14px;background:#141414;border:1px solid rgba(255,255,255,.06)}
.info-list .row strong{font-size:.92rem;color:#fff}.info-list .row span{font-size:.84rem;color:#8d8d8d}
.table-note{font-size:.82rem;color:#6f6f6f}
.inline-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.stat-card.slim{padding:15px 16px;border-radius:16px}
.stat-card.slim .stat-value{font-size:1.7rem}
.admin-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.admin-filter-card{background:#111;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:16px}
.admin-filter-card .form-grid.three-up{grid-template-columns:2fr 1.2fr auto}
.profile-shell{display:grid;grid-template-columns:.92fr 1.08fr;gap:18px}
.profile-stack{display:grid;gap:12px}
.profile-badge{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:#141414;border:1px solid rgba(255,255,255,.08)}
.profile-badge i{width:42px;height:42px;border-radius:14px;background:rgba(227,24,55,.12);display:flex;align-items:center;justify-content:center;color:#ff3357}
.profile-badge strong{display:block;color:#fff;font-size:.95rem}.profile-badge span{display:block;color:#7a7a7a;font-size:.82rem;margin-top:2px}
.account-highlight{background:linear-gradient(135deg, rgba(227,24,55,.14), rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:22px}
.account-highlight .balance{font-size:2.1rem;font-weight:800;line-height:1.05;margin-top:12px}
.account-highlight .balance span{font-size:1rem;color:#7f7f7f;font-weight:600}
.history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.module-callout{padding:16px;border-radius:16px;border:1px dashed rgba(227,24,55,.28);background:rgba(227,24,55,.06);color:#ffc3cd;font-size:.9rem}
.compact-table td,.compact-table th{padding:12px 14px}
.code-box{display:block;padding:11px 12px;border-radius:12px;background:#0c0c0c;border:1px solid rgba(255,255,255,.08);color:#d4d4d4;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;word-break:break-all}
.tag-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:.82rem;color:#d5d5d5}
.entity-list{display:grid;gap:12px}.entity-card{background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px}.entity-card .title-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.entity-card h4{font-size:1rem}
.entity-card .sub{font-size:.82rem;color:#777}.entity-card .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.order-key-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.order-key{background:#141414;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:12px 14px}.order-key small{display:block;font-size:.78rem;color:#727272}.order-key strong{display:block;margin-top:6px;font-size:.95rem;color:#fff}
.proof-link{display:inline-flex;align-items:center;gap:6px;color:#ff5a74;font-weight:600}
.stat-chip-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.stat-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:#141414;border:1px solid rgba(255,255,255,.08);font-size:.84rem;color:#cfcfcf}
.form-panel-note{font-size:.82rem;color:#7c7c7c;margin-top:8px}
@media (max-width: 1200px){.page-hero-card,.profile-shell,.dual-panel,.dual-panel.equal,.history-grid{grid-template-columns:1fr}.metric-grid,.admin-overview-grid,.order-key-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 768px){.metric-grid,.admin-overview-grid,.feature-chip-grid,.mini-grid-2,.mini-grid-3,.order-key-grid{grid-template-columns:1fr}.admin-filter-card .form-grid.three-up{grid-template-columns:1fr}.page-hero-title{font-size:1.85rem}}

/* ===== Phase 13 — closer demo parity ===== */
.navbar-exact{height:58px;padding:0 12px;background:#090909;border-bottom:1px solid rgba(255,255,255,.06)}
.navbar-exact .navbar-inner{max-width:1410px;gap:16px}
.navbar-exact .nav-links{justify-content:center;margin:0 auto;overflow:visible}
.navbar-exact .nav-link{padding:10px 14px;border-radius:10px;font-size:.92rem;color:#8e8e8e}
.navbar-exact .nav-link.active{color:#ff3357;background:rgba(227,24,55,.14)}
.navbar-exact .btn-sm{height:38px;border-radius:10px;padding:0 14px}
.navbar-exact .btn-icon{width:38px;height:38px;border-radius:10px}

.demo-hero-exact{background:radial-gradient(circle at 82% 22%, rgba(227,24,55,.22), rgba(227,24,55,.07) 26%, rgba(0,0,0,0) 55%),linear-gradient(90deg,#090103 0%,#150005 52%,#1a0007 100%)}
.demo-hero-exact .demo-hero-inner{min-height:420px;padding:40px 24px}
.demo-hero-exact .demo-hero-copy{padding-left:8px}
.demo-hero-exact .demo-hero-copy h1{font-size:3.8rem;line-height:1.02;letter-spacing:-.05em}
.demo-hero-exact .demo-hero-copy p{font-size:1rem;max-width:520px}
.demo-hero-exact .demo-hero-actions .btn-lg{height:56px;border-radius:12px;padding:0 24px;font-size:1rem}
.demo-hero-exact .demo-metrics{margin-top:22px;gap:40px}
.demo-hero-exact .demo-metrics strong{font-size:2.1rem}

.section-header-demo{align-items:center;margin-bottom:14px}
.dark-pill-link{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:#101010;color:#fff}
.dark-pill-link:hover{border-color:rgba(227,24,55,.24);color:#fff}
.demo-section{padding:18px 18px 0}
.demo-services-row{padding:12px 18px;gap:10px}
.demo-service-tab{min-width:90px;height:72px;border-radius:14px;font-size:.83rem;justify-content:center}
.demo-service-tab span{line-height:1.1}
.demo-game-grid{gap:12px}
.demo-game-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.demo-game-card:hover{transform:translateY(-3px);border-color:rgba(227,24,55,.25);box-shadow:0 10px 24px rgba(0,0,0,.22)}
.demo-game-card .game-card-info{padding:14px 14px 16px}
.demo-game-card h4{font-size:.98rem;min-height:38px}
.demo-game-card .sub{margin-top:4px}
.demo-card-img{height:98px}

.premium-demo-page{padding-top:8px}
.premium-head-tight{margin-bottom:16px}
.premium-grid-six{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.premium-grid-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.premium-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.premium-card-exact{background:#151515;border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden;box-shadow:none}
.premium-card-exact .premium-img{height:156px;background:linear-gradient(180deg, rgba(227,24,55,.20), rgba(227,24,55,.03));color:#a11329}
.premium-card-exact .premium-dur{top:10px;left:10px;background:#0f0f10;border:1px solid rgba(255,255,255,.08);font-weight:600}
.premium-card-exact .premium-body{padding:16px 16px 14px}
.premium-card-exact .premium-body h4{font-size:1.05rem;line-height:1.25;min-height:52px}
.premium-card-exact .premium-feat{font-size:.88rem;margin:3px 0;color:#d0d0d0}
.premium-card-exact .premium-price-row{display:flex;align-items:flex-end;justify-content:space-between;margin-top:12px;gap:8px}
.premium-card-exact .premium-price .price{font-size:2rem;color:#ff3357}
.premium-card-exact .btn-sm{height:38px;padding:0 14px;border-radius:10px}
.shop-img i,.random-img i{font-size:2rem;color:#a11329}

.footer-exact{margin-top:32px;padding:46px 18px 14px;background:#080808}
.footer-exact .footer-grid{max-width:1410px;grid-template-columns:2.15fr 1fr 1fr 1fr;gap:30px}
.footer-exact .footer-logo{font-size:2rem}
.footer-exact p,.footer-exact a{font-size:.92rem;color:#8b8b8b}
.footer-exact .footer-bottom{max-width:1410px;color:#555}

.auth-demo-shell{display:grid;grid-template-columns:1.03fr .97fr;gap:28px;align-items:stretch;min-height:calc(100vh - 118px)}
.auth-demo-left{border:1px solid rgba(255,255,255,.06);border-radius:22px;padding:34px;background:radial-gradient(circle at 80% 20%, rgba(227,24,55,.16), rgba(227,24,55,.04) 28%, rgba(0,0,0,0) 60%),linear-gradient(145deg,#0d0d0d,#150106)}
.auth-demo-left h1{font-size:3rem;line-height:1.04;margin-top:16px}
.auth-demo-left p{margin-top:12px;max-width:520px}
.auth-demo-right{display:flex;align-items:center;justify-content:center}
.auth-form-card{width:100%;max-width:520px;background:#111;border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:28px}
.auth-form-head h3{font-size:1.7rem}
.auth-form-head .sub{color:#7d7d7d;margin-top:4px}
.auth-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
.auth-mini-card{background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px 14px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;color:#fff}
.auth-mini-card i{font-size:1.2rem;color:#ff3357}
.btn-full{width:100%;justify-content:center}
.center-text{text-align:center}
.oauth-btns-2{grid-template-columns:repeat(2,minmax(0,1fr))}

.admin-sidebar{width:250px;background:#0a0a0a}
.admin-brand{height:60px;padding:0 18px;font-size:1.75rem}
.admin-nav-title{padding:14px 18px 8px;font-size:.66rem}
.admin-link{padding:9px 18px;border-left-width:0;border-radius:0;font-size:.92rem}
.admin-link.active{border-left-width:0;background:rgba(227,24,55,.16)}
.admin-content-wrap{margin-left:250px;background:#050505}
.admin-topbar{height:60px;padding:0 18px;background:#050505}
.admin-content{padding:16px 18px 26px}
.admin-title{font-size:2rem}
.admin-title i{color:#ff3357}
.dashboard-kpi-grid.four{gap:14px}
.dashboard-kpi-grid.five{gap:12px}
.stat-card.demo-admin,.demo-mini,.admin-table-card,.data-shell,.surface-card{background:#111}
.stat-card.demo-admin{min-height:110px}
.stat-card.demo-admin .stat-value{font-size:2rem}
.admin-table-card{border-radius:18px}
.data-table th{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.data-table td{font-size:.9rem}
.badge{border-radius:999px;padding:6px 10px;font-weight:700}

@media (max-width: 1280px){
  .premium-grid-six{grid-template-columns:repeat(3,minmax(0,1fr))}
  .premium-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .premium-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 900px){
  .auth-demo-shell{grid-template-columns:1fr}
  .auth-demo-left h1{font-size:2.3rem}
}
@media (max-width: 768px){
  .navbar-exact .nav-links{overflow:auto;justify-content:flex-start}
  .demo-hero-exact .demo-hero-copy h1{font-size:2.5rem}
  .premium-grid-six,.premium-grid-four,.premium-grid-three,.auth-mini-grid{grid-template-columns:1fr}
  .footer-exact .footer-grid{grid-template-columns:1fr 1fr}
}

/* ===== Phase 14 — stronger demo parity push ===== */
.page-hero-card.exact-front{
  background:radial-gradient(circle at 80% 18%, rgba(227,24,55,.18), rgba(227,24,55,.04) 28%, rgba(0,0,0,0) 58%),linear-gradient(135deg,#0d0d0d,#160106);
  border:1px solid rgba(255,255,255,.07);
  border-radius:22px;
  padding:24px;
}
.page-hero-card.exact-front .page-hero-title{font-size:2.4rem;line-height:1.05}
.demo-search-shell{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#111;border:1px solid rgba(255,255,255,.08);color:#777}
.demo-search-shell input,.demo-search-shell select{background:transparent;border:none;outline:none;color:#fff;width:100%}
.demo-filter-row{display:grid;grid-template-columns:1.15fr .85fr auto;gap:12px;align-items:center}
.category-pills{display:flex;gap:10px;overflow:auto;padding-bottom:4px}
.category-pills::-webkit-scrollbar{display:none}
.category-pill{display:flex;align-items:center;gap:10px;min-width:180px;padding:14px 16px;border-radius:16px;background:#141414;border:1px solid rgba(255,255,255,.07);color:#d8d8d8}
.category-pill i{width:38px;height:38px;border-radius:12px;background:rgba(227,24,55,.12);display:flex;align-items:center;justify-content:center;color:#ff3357;font-size:1rem}
.category-pill small{display:block;color:#7b7b7b;font-size:.78rem;margin-top:1px}
.category-pill:hover{border-color:rgba(227,24,55,.24);transform:translateY(-2px)}
.demo-split-exact{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.list-shell{display:grid;gap:12px}
.package-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:16px;background:#141414;border:1px solid rgba(255,255,255,.07)}
.package-item h4{font-size:1rem;margin-bottom:5px}
.package-item p{font-size:.86rem;color:#8f8f8f}
.package-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.package-meta span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);font-size:.78rem;color:#cecece}
.package-price{font-size:1.7rem;line-height:1;font-weight:800;color:#ff3357;white-space:nowrap}
.package-price small{font-size:.88rem;color:#7f7f7f;margin-left:4px}
.exact-front-form label span{font-size:.82rem}
.exact-front-form input,.exact-front-form select,.exact-front-form textarea{background:#0f0f0f;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:13px 14px;color:#fff}
.quick-stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.quick-stat-card{background:#141414;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:18px}
.quick-stat-card small{display:block;color:#727272;font-size:.78rem}
.quick-stat-card strong{display:block;font-size:1.75rem;line-height:1.08;margin-top:8px}
.quick-stat-card .ok{color:#22c55e;font-size:.8rem;margin-top:6px}
.quick-stat-card .warn{color:#f59e0b;font-size:.8rem;margin-top:6px}
.wallet-methods-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.wallet-method-exact{display:flex;gap:14px;padding:16px;border-radius:18px;background:#141414;border:1px solid rgba(255,255,255,.07)}
.wallet-method-exact .icon{width:48px;height:48px;border-radius:14px;background:rgba(227,24,55,.12);color:#ff3357;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.wallet-method-exact strong{display:block;font-size:1rem}
.wallet-method-exact span{display:block;color:#818181;font-size:.82rem;margin-top:2px}
.history-shell-exact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.history-card{background:#111;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:18px}
.history-card .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.history-card .head h3{font-size:1.1rem;display:flex;align-items:center;gap:8px}
.timeline-list{display:grid;gap:10px}
.timeline-item{display:flex;justify-content:space-between;gap:14px;padding:13px 14px;border-radius:14px;background:#151515;border:1px solid rgba(255,255,255,.06)}
.timeline-item strong{display:block;font-size:.93rem}
.timeline-item small{display:block;color:#787878;font-size:.78rem;margin-top:2px}
.timeline-item .amount{font-size:.96rem;font-weight:700;color:#ff3357;white-space:nowrap}
.profile-shell-exact{display:grid;grid-template-columns:.95fr 1.05fr;gap:18px}
.profile-side-card,.profile-main-card{background:#111;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:22px}
.profile-avatar-exact{width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,#ff3357,#b30427);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;margin-bottom:14px}
.profile-line{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.profile-line:last-child{border-bottom:none}
.profile-line span{color:#777;font-size:.84rem}.profile-line strong{font-size:.92rem;color:#fff;text-align:right}
.profile-note-grid{display:grid;gap:12px;margin-top:16px}
.profile-note{display:flex;gap:12px;padding:14px;border-radius:16px;background:#141414;border:1px solid rgba(255,255,255,.07)}
.profile-note i{width:42px;height:42px;border-radius:14px;background:rgba(227,24,55,.12);color:#ff3357;display:flex;align-items:center;justify-content:center}
.profile-note strong{display:block;font-size:.94rem}.profile-note span{display:block;color:#777;font-size:.82rem;margin-top:2px}
.admin-overview-grid.exact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.admin-mini-grid.exact{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch}
.admin-mini-grid.exact > *{min-width:0}
.admin-shell-card{background:#111;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:18px}
.admin-toolbar{display:grid;grid-template-columns:1.15fr .8fr auto;gap:12px;align-items:end}
.admin-toolbar.two{grid-template-columns:1fr 1fr}
.admin-toolbar .btn{height:48px;justify-content:center}
.table-card-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}
.table-card-head h3{font-size:1.15rem;display:flex;align-items:center;gap:8px}
.table-card-head .sub{font-size:.84rem;color:#777}
.table-note{display:flex;align-items:center;gap:8px;color:#8d8d8d;font-size:.84rem}
.admin-inline-edit{display:grid;gap:8px}
.admin-inline-edit select,.admin-inline-edit input{background:#0f0f0f;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px;color:#fff}
.admin-inline-edit .row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}
.admin-action-row{display:flex;flex-wrap:wrap;gap:8px}
.stack-exact{display:grid;gap:18px}
.panel-soft{background:#141414;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:16px}
.panel-soft h4{font-size:1rem;margin-bottom:8px}
.panel-soft p,.panel-soft li{font-size:.84rem;color:#858585}
.kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kv-item{padding:14px;border-radius:14px;background:#141414;border:1px solid rgba(255,255,255,.06)}
.kv-item small{display:block;font-size:.78rem;color:#717171}.kv-item strong{display:block;font-size:.95rem;margin-top:6px;word-break:break-word}
.exact-code{display:block;padding:12px 14px;border-radius:14px;background:#0c0c0c;border:1px solid rgba(255,255,255,.08);color:#d8d8d8;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem;word-break:break-all}
@media (max-width: 1280px){
  .demo-split-exact,.profile-shell-exact,.history-shell-exact{grid-template-columns:1fr}
  .admin-mini-grid.exact{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 900px){
  .quick-stat-row,.wallet-methods-grid,.admin-overview-grid.exact,.kv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-toolbar,.admin-toolbar.two,.demo-filter-row{grid-template-columns:1fr}
}
@media (max-width: 768px){
  .quick-stat-row,.wallet-methods-grid,.admin-overview-grid.exact,.admin-mini-grid.exact,.history-shell-exact,.kv-grid{grid-template-columns:1fr}
  .page-hero-card.exact-front .page-hero-title{font-size:1.95rem}
  .category-pill{min-width:160px}
}

/* ===== Phase 15 — closer demo parity for remaining pages ===== */
.auth-demo-shell-exact{min-height:calc(100vh - 108px)}
.auth-hero-exact{position:relative;overflow:hidden}
.auth-hero-exact::after{content:"";position:absolute;right:-80px;bottom:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle, rgba(227,24,55,.18), transparent 68%);pointer-events:none}
.auth-mini-grid-exact .auth-mini-card strong{font-size:.95rem;display:block}
.auth-mini-grid-exact .auth-mini-card span{color:#8a8a8a;font-size:.82rem;line-height:1.45}
.auth-feature-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.auth-feature-strip span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font-size:.84rem;color:#d8d8d8}
.auth-form-card-exact{box-shadow:0 18px 42px rgba(0,0,0,.22)}
.auth-form-grid{margin-top:16px}
.auth-inline-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:-4px;margin-bottom:4px}
.remember-check{display:inline-flex;align-items:center;gap:8px;color:#bdbdbd;font-size:.88rem}
.remember-check input{accent-color:var(--red)}
.demo-pill.small{font-size:.76rem;padding:6px 10px;margin-bottom:10px}

.premium-hero-exact{display:grid;grid-template-columns:1.12fr .88fr;gap:18px;align-items:center}
.premium-quick-stats{align-self:stretch}
.premium-page-card-exact .card-top-line,.shop-page-card-exact .card-top-line,.random-page-card-exact .card-top-line{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}
.card-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:rgba(227,24,55,.12);border:1px solid rgba(227,24,55,.18);color:#ff4a68;font-size:.74rem;font-weight:700}
.premium-page-card-exact .premium-body h4,.shop-page-card-exact .premium-body h4,.random-page-card-exact .premium-body h4{min-height:54px}
.compact-admin-card .premium-img{height:118px}
.compact-admin-card .premium-body h4{min-height:40px;font-size:.96rem}
.compact-admin-card .premium-feat{font-size:.82rem}
.shop-hero-exact .page-hero-copy,.random-hero-exact .page-hero-copy,.premium-hero-exact .page-hero-copy{max-width:740px}
.module-shortcut{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:158px;padding:22px 20px;text-decoration:none;transition:var(--transition)}
.module-shortcut i{width:46px;height:46px;border-radius:15px;background:rgba(227,24,55,.12);display:flex;align-items:center;justify-content:center;color:#ff3357;font-size:1.18rem;flex:0 0 auto}
.module-shortcut strong{font-size:1.02rem;color:#fff}
.module-shortcut span{font-size:.84rem;color:#888;line-height:1.5;max-width:26ch}
.module-shortcut:hover{border-color:rgba(227,24,55,.22);transform:translateY(-2px)}
.admin-top-link{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:#111;color:#d6d6d6;text-decoration:none}
.admin-top-link:hover{border-color:rgba(227,24,55,.24);color:#fff}

@media (max-width: 1200px){
  .premium-hero-exact{grid-template-columns:1fr}
}
@media (max-width: 768px){
  .auth-inline-row{flex-direction:column;align-items:flex-start}
  .auth-feature-strip{gap:8px}
}

/* ===== Phase 16 — global parity cleanup ===== */
.front-body{background:var(--bg);color:var(--text)}
.inner-main{min-height:calc(100vh - 240px)}
.global-flash-wrap{max-width:1410px;margin:0 auto;padding:0 18px}
.global-flash-wrap .flash-stack{padding-top:14px}
.footer-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.footer-tags span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font-size:.82rem;color:#d6d6d6}
.demo-front-shell{position:relative}
.mobile-only{display:none}
.admin-user-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:#111;border:1px solid rgba(255,255,255,.07);color:#d6d6d6;font-size:.88rem}
.demo-footer-full .footer-grid{padding-top:6px}
.navbar-exact .wallet-pill{height:38px;padding:0 14px;border-radius:10px}
.navbar-exact .demo-logo span{color:var(--red)}

.admin-sidebar .admin-link .nav-count{min-width:26px;height:26px;border-radius:999px;background:rgba(255,255,255,.05);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;color:#cfcfcf}
.admin-sidebar .admin-link.active .nav-count{background:rgba(227,24,55,.22);color:#fff}
.admin-side-footer{margin-top:auto;padding:14px 18px;border-top:1px solid rgba(255,255,255,.06)}
.admin-user-mini{display:flex;gap:12px;align-items:center}
.admin-user-mini .avatar{width:42px;height:42px;border-radius:14px;background:rgba(227,24,55,.14);display:flex;align-items:center;justify-content:center;color:#ff3357}
.admin-user-mini strong{display:block;font-size:.92rem;color:#fff}
.admin-user-mini small{display:block;margin-top:2px;color:#8e8e8e;font-size:.78rem}
.admin-content{min-height:calc(100vh - 60px)}

.exact-page-wrap{max-width:1410px;margin:0 auto;padding:18px}
.hero-split-demo{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;align-items:stretch}
.hero-main-panel,.hero-side-panel{background:#111;border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:24px;position:relative;overflow:hidden}
.hero-main-panel{background:radial-gradient(circle at 86% 18%, rgba(227,24,55,.18), rgba(227,24,55,.04) 28%, rgba(0,0,0,0) 58%),linear-gradient(145deg,#0d0d0d,#160106)}
.hero-main-panel .page-hero-title{font-size:3rem;line-height:1.03;letter-spacing:-.04em}
.hero-main-panel .page-hero-sub{max-width:620px}
.hero-side-panel .metric-stack{display:grid;gap:12px}
.metric-tile{background:#141414;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:16px 18px}
.metric-tile small{display:block;color:#747474;font-size:.8rem}.metric-tile strong{display:block;font-size:1.6rem;margin-top:8px;color:#fff}.metric-tile .ok{color:#22c55e;font-size:.8rem;margin-top:6px}.metric-tile .warn{color:#f59e0b;font-size:.8rem;margin-top:6px}
.data-panel-demo{background:#111;border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:18px}
.filter-shell-demo{display:grid;grid-template-columns:1fr 220px auto;gap:12px;align-items:center}
.filter-shell-demo .demo-search-shell{height:50px}
.filter-shell-demo .btn{height:50px;justify-content:center}
.list-card-grid{display:grid;gap:12px}
.list-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:18px;background:#141414;border:1px solid rgba(255,255,255,.07)}
.list-card:hover{border-color:rgba(227,24,55,.22)}
.list-card h4{font-size:1rem;margin-bottom:5px;color:#fff}.list-card p{font-size:.84rem;color:#848484}
.list-card-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.list-card-meta span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);font-size:.78rem;color:#cfcfcf}
.side-form-demo{display:grid;gap:12px}
.side-form-demo .btn{height:50px;justify-content:center}
.timeline-card-demo{background:#141414;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:16px}
.timeline-card-demo .timeline-item{background:#101010}

.users-grid-demo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.users-toolbar-demo{display:grid;grid-template-columns:1.15fr .8fr auto;gap:12px;align-items:end}
.users-toolbar-demo .btn{height:48px;justify-content:center}
.profile-summary-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font-size:.82rem;color:#dadada}
.admin-table-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:stretch}
.table-side-note{display:grid;gap:12px}
.side-info-card{background:#111;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:18px}
.side-info-card h4{font-size:1rem;margin-bottom:6px;color:#fff}.side-info-card p{font-size:.84rem;color:#858585}
.side-info-card ul{display:grid;gap:8px;margin-top:10px;padding-left:0;list-style:none}
.side-info-card li{display:flex;gap:8px;font-size:.84rem;color:#bdbdbd}
.side-info-card li i{color:#ff3357}

.admin-shell-card .badge-green{background:rgba(34,197,94,.14);color:#8df0b2;border:1px solid rgba(34,197,94,.25)}
.admin-shell-card .badge-red{background:rgba(239,68,68,.14);color:#ff9f9f;border:1px solid rgba(239,68,68,.25)}
.badge-purple{background:rgba(139,92,246,.14);color:#c9b2ff;border:1px solid rgba(139,92,246,.25)}

@media (max-width: 1100px){
  .hero-split-demo,.admin-table-hero{grid-template-columns:1fr}
  .users-grid-demo{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 900px){
  .filter-shell-demo,.users-toolbar-demo{grid-template-columns:1fr}
}
@media (max-width: 768px){
  .mobile-only{display:inline-flex}
  .hidden-mobile{display:none !important}
  .navbar-exact{height:auto;padding:10px 12px}
  .navbar-exact .navbar-inner{flex-wrap:wrap}
  .navbar-exact .nav-links{display:none;width:100%;order:10;margin:8px 0 0;padding:8px;border:1px solid rgba(255,255,255,.07);background:#0f0f0f;border-radius:14px;flex-direction:column;align-items:stretch}
  .navbar-exact .nav-links.open{display:flex}
  .navbar-exact .nav-link{justify-content:flex-start}
  .footer-exact .footer-grid{grid-template-columns:1fr}
  .users-grid-demo{grid-template-columns:1fr}
  .hero-main-panel .page-hero-title{font-size:2.15rem}
}


/* ═══════════════════════════════════════
   PHASE 17 — Demo Parity Audit Pass
   content/module/admin shells + exact polish
   ═══════════════════════════════════════ */

.compact-head{margin-bottom:12px}
.content-meta-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0 18px;color:var(--text-muted);font-size:.92rem}
.content-meta-row span{display:inline-flex;align-items:center;gap:6px}
.blog-grid-exact{grid-template-columns:repeat(3,minmax(0,1fr))}
.thumb-exact{position:relative;display:flex;align-items:flex-start;justify-content:flex-end;padding:18px;min-height:160px;background:linear-gradient(135deg,rgba(227,24,55,.18),rgba(255,255,255,.03));border-bottom:1px solid var(--border)}
.content-card-exact{overflow:hidden}
.content-card-exact .content-card-body{padding:20px}
.faq-page-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:24px}
.faq-card-exact{padding:22px 24px}
.faq-answer-inline{color:var(--text-secondary);line-height:1.9;font-size:1rem}
.soft-cta-card{padding:22px}
.soft-cta-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.clean-list-exact li{display:flex;align-items:flex-start;gap:8px;color:var(--text-secondary);padding:6px 0}
.module-show-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.module-show-card{background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden;transition:var(--transition)}
.module-show-card:hover{border-color:var(--border-hover);transform:translateY(-3px)}
.module-show-thumb{min-height:148px;background:linear-gradient(135deg,rgba(227,24,55,.14),rgba(255,255,255,.02));display:flex;align-items:center;justify-content:center;position:relative;font-size:2.2rem;color:#fff}
.module-show-thumb .duration-tag{position:absolute;top:14px;left:14px}
.module-show-body{padding:20px}
.module-show-body p{margin:10px 0 16px}
.admin-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.admin-module-card{display:flex;gap:14px;background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:16px;padding:18px;min-height:140px}
.admin-module-card h4{margin:10px 0 8px}
.admin-module-card p{font-size:.95rem;line-height:1.75}
.admin-module-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(227,24,55,.12);color:var(--red);font-size:1.25rem;flex-shrink:0}
.error-shell-exact .auth-demo-left{min-height:420px}
.center-box-exact{justify-content:center}
.admin-topbar-exact{position:sticky;top:0;z-index:60;background:rgba(10,10,10,.92);backdrop-filter:blur(18px)}
.demo-footer-full{margin-top:64px}
.footer-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.footer-tags span{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.03);color:var(--text-secondary);font-size:.9rem}

@media (max-width: 1100px){
  .blog-grid-exact,.module-show-grid,.admin-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .faq-page-grid{grid-template-columns:1fr}
}

@media (max-width: 780px){
  .blog-grid-exact,.module-show-grid,.admin-module-grid{grid-template-columns:1fr}
  .soft-cta-actions{flex-direction:column}
  .content-meta-row{gap:10px}
}


/* ═══════════════════════════════════════
   PHASE 18 — Demo parity refinement pass
   ═══════════════════════════════════════ */
.demo-front-shell,.footer-grid-wrap,.footer-bottom,.footer-top-strip,.two-col-hero-exact{max-width:1400px;margin:0 auto;width:100%}
.demo-logo{display:flex;align-items:center;gap:6px}.demo-logo span{color:#fff}.demo-logo strong{color:var(--red);font-weight:800}.brand-mark{color:var(--red);font-size:1.1rem}
.navbar-exact{background:rgba(10,10,10,.88);backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.08)}
.navbar-inner{min-height:72px}.nav-actions .btn-sm{border-radius:999px;padding-inline:16px}.wallet-pill{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.footer-top-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px 24px 0}.footer-top-pill{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--border);color:var(--text-secondary)}
.footer-grid-wrap{padding:30px 24px 10px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:18px 24px 28px;color:var(--text-muted);border-top:1px solid var(--border);margin-top:14px}
.demo-hero-exact{padding:56px 0 26px;background:linear-gradient(135deg,#090909 0%,#140406 40%,#21070d 100%)}
.two-col-hero-exact{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;padding:0 24px;align-items:stretch}
.hero-dashboard-card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:24px;box-shadow:0 25px 60px rgba(0,0,0,.28)}
.hero-dashboard-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.hero-dashboard-head strong{display:flex;gap:8px;align-items:center}.hero-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}
.hero-kpi{padding:16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05)}.hero-kpi small{display:block;color:var(--text-muted);margin-bottom:6px}.hero-kpi strong{display:block;font-size:1.35rem;color:#fff}.hero-kpi span{color:var(--text-secondary);font-size:.9rem}
.hero-dashboard-list{display:grid;gap:10px}.hero-dashboard-list div{display:flex;align-items:center;gap:10px;color:var(--text-secondary);padding:10px 14px;background:rgba(255,255,255,.03);border-radius:14px}
.auth-shell-refined .auth-demo-left,.auth-shell-refined .auth-demo-right{min-height:620px}.auth-note-panel{display:grid;gap:14px;margin-top:24px}.auth-note-panel>div{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.auth-note-panel strong{display:block;color:#fff;margin-bottom:4px}.auth-note-panel span{color:var(--text-secondary);font-size:.95rem}
.wallet-side-note{margin-top:14px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--border);color:var(--text-secondary);display:flex;gap:10px;align-items:flex-start}
.topbar-subline{display:flex;gap:12px;margin-top:8px}.topbar-subline span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid var(--border);color:var(--text-secondary);font-size:.88rem}
.admin-brand-copy{display:flex;flex-direction:column;gap:2px}.admin-brand-copy span{font-weight:700;color:#fff}.admin-brand-copy strong{color:var(--red);font-size:1.1rem;line-height:1}.admin-brand-copy small{color:var(--text-muted);font-size:.78rem}
.admin-side-overview{display:grid;grid-template-columns:1fr;gap:12px;padding:0 18px 16px}.admin-over-chip{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--border)}.admin-over-chip i{font-size:1.05rem;color:var(--red)}.admin-over-chip strong{display:block;color:#fff}.admin-over-chip span{display:block;color:var(--text-muted);font-size:.82rem}.admin-footer-link{display:flex;align-items:center;gap:8px;color:var(--text-secondary);margin-top:12px}
.admin-link{border-radius:14px;padding:12px 14px}.admin-link span:first-child{display:flex;gap:10px;align-items:center}.admin-link.active{background:linear-gradient(180deg,rgba(227,24,55,.16),rgba(227,24,55,.10));border-color:rgba(227,24,55,.28)}
.admin-shell-card,.data-panel-demo,.profile-main-card,.profile-side-card,.history-card,.hero-main-panel,.hero-side-panel,.page-hero-card{box-shadow:0 20px 40px rgba(0,0,0,.18)}
.table-card-head h3{display:flex;gap:10px;align-items:center}.table-card-head .sub{margin-top:3px}
.exact-front-form label>span,.input-label{font-weight:600;color:#fff}.exact-front-form input,.exact-front-form select,.exact-front-form textarea,.input{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:14px;color:#fff}
.exact-front-form input:focus,.exact-front-form select:focus,.exact-front-form textarea:focus,.input:focus{outline:none;border-color:rgba(227,24,55,.35);box-shadow:0 0 0 4px rgba(227,24,55,.08)}
.data-table{border-collapse:separate;border-spacing:0 10px}.data-table thead th{font-size:.86rem;color:var(--text-muted);font-weight:600;padding:0 14px 10px}.data-table tbody tr{background:rgba(255,255,255,.028)}.data-table tbody td{padding:16px 14px;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.data-table tbody td:first-child{border-left:1px solid rgba(255,255,255,.05);border-radius:14px 0 0 14px}.data-table tbody td:last-child{border-right:1px solid rgba(255,255,255,.05);border-radius:0 14px 14px 0}
.users-toolbar-demo,.filter-shell-demo{display:grid;grid-template-columns:1.6fr 1fr auto;gap:12px;align-items:center}.demo-search-shell{display:flex;align-items:center;gap:10px;padding:0 14px;height:52px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--border)}.demo-search-shell input,.demo-search-shell select{background:transparent;border:none;color:#fff;flex:1}
.section-header-demo{align-items:center}.section-count{display:inline-flex;align-items:center;margin-left:8px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);font-size:.85rem;color:var(--text-muted)}
.demo-game-card,.premium-card-exact,.shop-page-card-exact,.random-page-card-exact{overflow:hidden}.demo-card-img,.premium-img,.shop-img,.random-img{position:relative}
.card-top-line{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.card-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);font-size:.78rem;color:var(--text-secondary)}
.timeline-item{border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:14px 16px;background:rgba(255,255,255,.02)}
.profile-note-grid,.feature-list-grid{display:grid;gap:12px}.profile-note.compact{padding:14px 16px}
.mobile-menu-trigger{display:none}
@media (max-width: 1080px){
  .two-col-hero-exact,.hero-split-demo,.auth-demo-shell,.profile-shell-exact,.admin-table-hero,.grid.two-col,.footer-grid{grid-template-columns:1fr!important;display:grid}
  .footer-top-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 820px){
  .nav-links{position:absolute;top:76px;left:14px;right:14px;display:none;flex-direction:column;background:rgba(10,10,10,.98);padding:14px;border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 50px rgba(0,0,0,.4)}
  .nav-links.open{display:flex}.mobile-only{display:inline-flex!important}.hidden-mobile{display:none!important}.mobile-menu-trigger{display:inline-flex}
  .users-toolbar-demo,.filter-shell-demo{grid-template-columns:1fr}
  .footer-top-strip,.hero-dashboard-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:8px}
}


/* ═══════════════════════════════════════
   Phase 19 — Demo parity bulk polish
   ═══════════════════════════════════════ */
.home-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mini-feature-grid{display:grid}
.mini-feature-card{display:flex;align-items:center;gap:14px;padding:18px 18px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));transition:var(--transition)}
.mini-feature-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-red)}
.mini-feature-icon{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;color:#fff;background:linear-gradient(135deg,var(--red),#7b0e1f);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.mini-feature-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.mini-feature-copy strong{font-size:1rem;line-height:1.3}
.mini-feature-copy span{font-size:.86rem;color:var(--text-muted)}
.mini-arrow{color:var(--text-muted)}
.random-mini-card .mini-feature-icon{background:linear-gradient(135deg,#5b1730,var(--red));}
.exact-cta-band{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border-radius:24px;border:1px solid var(--border);background:radial-gradient(circle at top right, rgba(227,24,55,.12), transparent 30%), linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));box-shadow:var(--shadow)}
.exact-cta-band h3{margin:10px 0 8px;font-size:1.55rem}
.exact-cta-band p{max-width:720px}
.cta-band-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.premium-page-card-exact,.shop-page-card-exact,.random-page-card-exact{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));box-shadow:0 14px 34px rgba(0,0,0,.22)}
.premium-img-exact,.shop-img,.random-img{background:radial-gradient(circle at top right,rgba(255,255,255,.08),transparent 32%),linear-gradient(135deg,#1f1f1f,#111)}
.shop-img i,.random-img i,.premium-img-exact i{font-size:2rem;color:#fff;opacity:.95}
.auth-form-card-exact{box-shadow:0 18px 50px rgba(0,0,0,.26)}
.auth-note-panel{display:grid;gap:12px;margin-top:18px}
.auth-note-panel>div{padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:rgba(255,255,255,.03)}
.auth-note-panel strong{display:block;margin-bottom:4px}
.footer-top-strip{padding-top:10px;padding-bottom:12px;gap:10px;display:flex;flex-wrap:wrap}
.footer-top-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.03);font-size:.88rem;color:var(--text-secondary)}
.footer-grid-wrap{padding-top:18px;padding-bottom:18px}
.demo-footer-full{margin-top:56px;border-top:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01))}
.footer-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.footer-tags span{display:inline-flex;gap:8px;align-items:center;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid var(--border);font-size:.84rem;color:var(--text-secondary)}
.hero-dashboard-card{box-shadow:0 18px 44px rgba(0,0,0,.32)}
.hero-dashboard-head,.table-card-head{align-items:flex-start}
.search-shell input::placeholder,.demo-search-shell input::placeholder{color:var(--text-faint)}
@media (max-width: 1024px){.home-mini-grid{grid-template-columns:1fr}.exact-cta-band{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 640px){.footer-grid{grid-template-columns:1fr}.footer-top-strip{padding-top:0}.exact-cta-band{padding:22px}.mini-feature-card{padding:16px}}

/* ═══════════════════════════════════════
   Phase 20 — Exactness + audit polish
   ═══════════════════════════════════════ */
.front-nav-left{display:flex;align-items:center;gap:12px;min-width:0}
.front-nav-status{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid var(--border);font-size:.82rem;color:var(--text-secondary)}
.nav-actions-exact{gap:12px}.nav-icon-surface{background:rgba(255,255,255,.03);border:1px solid var(--border);color:var(--text-secondary)}
.front-profile-btn{max-width:180px;overflow:hidden;text-overflow:ellipsis}
.hero-chip-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.hero-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);font-size:.84rem;color:var(--text-secondary)}
.premium-note-line{margin-top:10px;font-size:.84rem;color:var(--text-muted);display:flex;align-items:flex-start;gap:8px}
.exact-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.exact-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mini-feature-grid.exact-three,.mini-feature-grid.exact-four{display:grid}
.mini-feature-grid.exact-three .mini-feature-card,.mini-feature-grid.exact-four .mini-feature-card{flex-direction:column;align-items:flex-start;gap:10px;min-height:144px}
.mini-feature-grid.exact-three .mini-feature-card i,.mini-feature-grid.exact-four .mini-feature-card i{font-size:1.45rem;color:var(--red)}
.mini-feature-grid.exact-three .mini-feature-card strong,.mini-feature-grid.exact-four .mini-feature-card strong{font-size:1.02rem;color:#fff}
.mini-feature-grid.exact-three .mini-feature-card span,.mini-feature-grid.exact-four .mini-feature-card span{font-size:.9rem;color:var(--text-muted)}
.footer-cta-band{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px;padding:22px 24px;border-radius:22px;border:1px solid var(--border);background:radial-gradient(circle at right top,rgba(227,24,55,.12),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02))}
.footer-cta-band strong{display:flex;align-items:center;gap:10px;font-size:1.08rem;margin-bottom:4px}.footer-cta-band span{color:var(--text-muted);font-size:.92rem}
.footer-cta-actions{display:flex;gap:10px;flex-wrap:wrap}
.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,minmax(0,1fr));gap:24px}
.footer-grid h5{margin-bottom:12px;color:#fff}.footer-grid a{display:block;margin-bottom:10px;color:var(--text-secondary)}.footer-grid a:hover{color:#fff}
.footer-logo{font-weight:800;font-size:1.65rem;letter-spacing:-.03em}.footer-logo span{color:var(--red)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:10px 0 28px;color:var(--text-muted);font-size:.88rem}
.exact-overview-rail{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.exact-admin-topbar .admin-top-link{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--border);color:var(--text-secondary)}
.exact-admin-topbar .admin-top-link:hover{color:#fff;border-color:var(--border-hover)}
@media (max-width:1080px){.exact-three,.exact-four,.footer-grid{grid-template-columns:1fr 1fr}.footer-cta-band{flex-direction:column;align-items:flex-start}}
@media (max-width:820px){.front-nav-status{display:none}.exact-overview-rail{grid-template-columns:1fr}.footer-grid,.exact-three,.exact-four{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:6px;align-items:flex-start}}


/* ═══════════════════════════════════════
   Phase21 parity + admin safe action pass
   ═══════════════════════════════════════ */
.module-preview-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.module-preview-card{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));border-radius:16px;box-shadow:var(--shadow)}
.module-preview-card i{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(227,24,55,.14);color:var(--red);font-size:1.1rem;flex-shrink:0}
.module-preview-card strong{display:block;font-size:.98rem;color:var(--text);margin-bottom:2px}
.module-preview-card span{display:block;font-size:.87rem;color:var(--text-muted);line-height:1.55}
.admin-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.admin-card-actions form{margin:0}
.entity-card{padding:18px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.016));border-radius:18px;box-shadow:var(--shadow)}
.entity-card + .entity-card{margin-top:14px}
.entity-card .title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.entity-card .title-row h4{font-size:1.02rem}
.entity-card .title-row .sub{font-size:.86rem;color:var(--text-muted);margin-top:2px}
.entity-list{display:grid;gap:14px}
.compact-admin-card .premium-body{padding:18px}
.compact-admin-card .premium-img{min-height:110px}
.wallet-methods-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.wallet-method-exact{display:flex;gap:12px;padding:16px 18px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));box-shadow:var(--shadow)}
.wallet-method-exact .icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(227,24,55,.14);color:var(--red);font-size:1.1rem}
.wallet-method-exact strong{display:block;font-size:.96rem;color:var(--text)}
.wallet-method-exact span{display:block;font-size:.86rem;color:var(--text-muted);line-height:1.55}
.history-shell-exact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.history-card{padding:18px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.016));box-shadow:var(--shadow)}
.history-card .head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.profile-shell-exact{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}
.profile-shell-exact .stack-exact{gap:16px}
.hero-dashboard-list div,.wallet-side-note{font-size:.9rem;color:var(--text-secondary)}
.footer-cta-band{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,rgba(227,24,55,.12),rgba(255,255,255,.02));margin-bottom:18px}
.footer-cta-band strong{display:block;font-size:1rem;margin-bottom:4px}
.footer-cta-band span{display:block;color:var(--text-muted);font-size:.9rem}
.footer-cta-actions{display:flex;gap:10px;flex-wrap:wrap}
.front-nav-status{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--border);font-size:.82rem;color:var(--text-secondary)}
.nav-icon-surface{background:rgba(255,255,255,.03)}
.nav-actions-exact{gap:8px}
.front-profile-btn{max-width:180px;overflow:hidden;text-overflow:ellipsis}
.hero-side-panel .metric-stack,.wallet-side-refined .metric-stack{display:grid;gap:10px}
.metric-tile{padding:14px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.025)}
.metric-tile small{display:block;color:var(--text-muted);font-size:.78rem;margin-bottom:5px}
.metric-tile strong{display:block;font-size:1.18rem;line-height:1.2;margin-bottom:4px}
.metric-tile .ok{color:#22c55e;font-size:.82rem}.metric-tile .warn{color:#f59e0b;font-size:.82rem}
.category-pill{padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.016));display:flex;align-items:center;gap:12px;min-width:210px}
.category-pill i{width:42px;height:42px;border-radius:12px;background:rgba(227,24,55,.14);display:flex;align-items:center;justify-content:center;color:var(--red)}
.category-pill strong{display:block;font-size:.95rem}.category-pill small{display:block;color:var(--text-muted)}
.list-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.list-card{display:flex;justify-content:space-between;gap:16px;padding:16px;border-radius:16px;border:1px solid var(--border);background:rgba(255,255,255,.02)}
.list-card h4{font-size:1rem;margin-bottom:4px}.list-card p{font-size:.9rem;margin-bottom:10px}
.list-card-meta{display:flex;flex-wrap:wrap;gap:8px}.list-card-meta span{font-size:.82rem;color:var(--text-secondary);padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--border)}
.package-price{font-size:1.4rem;font-weight:700;color:var(--text);white-space:nowrap}.package-price small{display:block;font-size:.76rem;color:var(--text-muted);font-weight:500}
.data-panel-demo{padding:18px;border-radius:20px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.016));box-shadow:var(--shadow)}
.table-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.table-card-head .sub{font-size:.86rem;color:var(--text-muted);margin-top:2px}
.table-note{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.03);font-size:.8rem;color:var(--text-secondary)}
.timeline-list{display:grid;gap:10px}.timeline-item{display:flex;justify-content:space-between;gap:14px;padding:14px;border-radius:14px;border:1px solid var(--border);background:rgba(255,255,255,.02)}
.timeline-item strong{display:block;font-size:.94rem}.timeline-item small{display:block;color:var(--text-muted)}
.timeline-item .amount{font-weight:700;color:var(--text)}
.exact-page-wrap{padding:28px 0 12px}
.hero-split-demo{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.hero-main-panel,.hero-side-panel{padding:22px;border-radius:22px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.016));box-shadow:var(--shadow)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.035);font-size:.82rem;color:var(--text-secondary);margin-bottom:16px}
.page-hero-title{font-size:2.4rem;font-weight:800;line-height:1.08;letter-spacing:-.03em;margin-bottom:10px}
.page-hero-sub{font-size:1rem;max-width:720px}
.stat-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.stat-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.03);font-size:.84rem;color:var(--text-secondary)}
.admin-shell-card{padding:18px;border-radius:20px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.016));box-shadow:var(--shadow)}
.admin-top-link,.admin-user-chip,.search-shell{border:1px solid var(--border);background:rgba(255,255,255,.03);border-radius:12px}
.search-shell input{background:transparent;border:none;outline:none;color:var(--text);width:180px}
.search-shell{display:flex;align-items:center;gap:8px;padding:10px 12px}
.mini-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mini-feature-card{display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.016));box-shadow:var(--shadow)}
.mini-feature-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(227,24,55,.14);color:var(--red)}
.mini-feature-copy{min-width:0;flex:1}.mini-feature-copy strong{display:block;font-size:.94rem}.mini-feature-copy span{display:block;font-size:.84rem;color:var(--text-muted)}
@media (max-width: 1100px){.hero-split-demo,.profile-shell-exact,.history-shell-exact,.wallet-methods-grid,.module-preview-strip,.mini-feature-grid,.list-card-grid{grid-template-columns:1fr}.footer-cta-band{flex-direction:column;align-items:flex-start}.front-nav-status{display:none}}
@media (max-width: 840px){.page-hero-title{font-size:2rem}.demo-hero-actions .btn-lg{padding:13px 20px;font-size:1rem}.category-pill{min-width:unset;width:100%}.nav-actions-exact .hidden-mobile,.admin-top-actions .hidden-mobile{display:none!important}}


/* ===== PHASE22 FINAL DEMO POLISH ===== */
.exact-front-shell{min-height:78px;gap:18px}
.exact-nav-links{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);padding:8px;border-radius:18px;box-shadow:0 14px 40px rgba(0,0,0,.22)}
.exact-nav-links .nav-link{border-radius:14px;padding:12px 16px;font-weight:500}
.exact-nav-actions{gap:12px}
.exact-wallet-pill{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.025);min-width:140px}
.exact-wallet-pill div{display:flex;flex-direction:column;line-height:1.15}.exact-wallet-pill small{font-size:11px;color:var(--text-muted)}.exact-wallet-pill span{font-weight:700;color:#fff}
.exact-front-profile span{max-width:116px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.exact-admin-link{border-color:rgba(227,24,55,.22)}
.footer-cta-band-v2{margin-bottom:26px}
.footer-grid-exact{grid-template-columns:1.4fr .9fr .9fr .9fr}
.exact-footer-v3{margin-top:44px;padding-top:0;border-top:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,rgba(255,255,255,.01),rgba(0,0,0,0))}
.exact-footer-wrap{padding-top:18px;padding-bottom:10px}
.footer-cta-band-v2 strong{display:block;font-size:1.1rem;margin:10px 0 6px}
.footer-cta-band-v2 span{display:block;color:var(--text-secondary)}
.footer-grid-exact h5{font-size:1rem;margin-bottom:12px}
.footer-grid-exact a{padding:5px 0;display:block}
.auth-form-card-exact,.admin-shell-card,.data-panel-demo,.hero-side-panel,.hero-dashboard-card{box-shadow:0 24px 70px rgba(0,0,0,.28)}
.demo-hero-copy h1,.page-hero-title{letter-spacing:-1px}
.hero-dashboard-card{position:relative;overflow:hidden}.hero-dashboard-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(227,24,55,.16),transparent 38%);pointer-events:none}
.hero-kpi,.metric-tile,.mini-stat-card,.stat-card{border-color:rgba(255,255,255,.08)}
.hero-kpi strong,.metric-tile strong,.stat-value{letter-spacing:-.4px}
.topbar-subline span,.front-nav-status{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);padding:8px 10px;border-radius:999px}
.front-nav-status{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--text-secondary)}
.admin-sidebar{background:linear-gradient(180deg,#0d0d0f,#090909 60%,#080808)}
.admin-brand{padding:18px 16px;border-bottom:1px solid rgba(255,255,255,.06)}
.admin-brand-copy strong{font-size:1.32rem;letter-spacing:-.04em}.admin-brand-copy small{display:block;color:#888;margin-top:4px}
.admin-side-overview{padding:14px 16px;display:grid;gap:10px}.admin-over-chip{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:12px;display:flex;gap:12px;align-items:center}.admin-over-chip i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(227,24,55,.12);color:var(--red)}
.admin-nav-group{padding:12px 12px 2px}.admin-nav-title{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#666;padding:10px 10px 6px}.admin-link{border-radius:14px;padding:12px 12px;margin-bottom:4px}.admin-link.active,.admin-link:hover{background:rgba(255,255,255,.05)}.nav-count{min-width:28px;text-align:center;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.06);font-size:12px}
.admin-sidebar-footer{margin-top:auto;padding:14px;border-top:1px solid rgba(255,255,255,.06);display:grid;gap:12px}.admin-user-rail{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);border-radius:16px}.admin-user-rail i{font-size:28px;color:#ddd}.admin-user-rail strong{display:block}.admin-user-rail span{display:block;color:#888;font-size:12px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-topbar{backdrop-filter:blur(18px);background:rgba(10,10,10,.76);border-bottom:1px solid rgba(255,255,255,.06)}
.admin-top-link,.search-shell,.admin-user-chip,.admin-notify{border-radius:14px}.admin-user-chip{padding:8px 12px;gap:10px}.admin-user-chip strong{display:block;font-size:13px}.admin-user-chip small{display:block;color:#888;font-size:11px}
.admin-dashboard-head{margin-bottom:18px}.admin-title span{display:block;font-size:14px;color:#8d8d8d;font-weight:400;margin-top:6px}
.users-toolbar-demo,.filter-shell-demo{gap:12px}.demo-search-shell,.search-shell{min-height:48px}
.list-card,.mini-feature-card,.premium-card-demo,.game-card,.panel-soft,.module-shortcut,.side-info-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.list-card:hover,.mini-feature-card:hover,.premium-card-demo:hover,.game-card:hover,.module-shortcut:hover,.panel-soft:hover,.side-info-card:hover{transform:translateY(-2px);border-color:rgba(227,24,55,.24);box-shadow:0 18px 50px rgba(0,0,0,.24)}
.data-table thead th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#9b9b9b}.data-table tbody td{vertical-align:top}
.table-wrap{border-radius:18px;overflow:auto}.compact-table .row{align-items:flex-start}.admin-inline-edit .row input,.admin-inline-edit .row select{min-height:38px}
@media (max-width: 1080px){.exact-nav-links{position:absolute;left:16px;right:16px;top:78px;display:none;flex-direction:column;overflow:visible}.exact-nav-links.open{display:flex}.exact-wallet-pill,.front-nav-status,.topbar-subline,.hidden-mobile{display:none !important}.footer-grid-exact{grid-template-columns:1fr 1fr}.admin-sidebar{transform:translateX(-100%);position:fixed;z-index:40}.admin-sidebar.open{transform:translateX(0)}.admin-content-wrap{margin-left:0!important}}
@media (max-width: 720px){.footer-grid-exact{grid-template-columns:1fr}.footer-cta-band-v2{flex-direction:column;align-items:flex-start}.admin-user-rail span{max-width:none}.exact-front-shell{min-height:72px}.demo-hero-copy h1{font-size:2.45rem}.page-hero-title{font-size:2.2rem}}


/* Install page exact dark-red theme */
body.install-page{
  background:
    radial-gradient(circle at top right, rgba(227,24,55,.16), transparent 28%),
    radial-gradient(circle at top left, rgba(227,24,55,.08), transparent 24%),
    linear-gradient(180deg,#070707 0%,#0b0b0c 100%);
  min-height:100vh;
}
.install-shell{padding-top:34px;padding-bottom:44px}
.exact-install-hero{margin-bottom:18px}
.install-hero-card{
  display:grid;grid-template-columns:1.15fr .85fr;gap:18px;
  background:linear-gradient(135deg, rgba(227,24,55,.18), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.30);
  position:relative;overflow:hidden;
}
.install-hero-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top right, rgba(227,24,55,.16), transparent 35%);pointer-events:none}
.install-hero-card > *{position:relative;z-index:1}
.install-page .install-hero .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(227,24,55,.12);border:1px solid rgba(227,24,55,.22);color:#ff6a81;font-size:.82rem;font-weight:600}
.install-page .install-hero h1{font-size:2.45rem;line-height:1.08}
.install-page .install-hero p{color:#d0d0d0;max-width:700px}
.install-info-card,.install-form-card,.install-done-card{
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.install-info-card{padding:22px;border-radius:22px}
.install-form-card{border-radius:24px;padding:24px}
.install-done-card{max-width:880px;border-radius:24px}
.install-page code{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07);padding:3px 8px;border-radius:8px;color:#fff}
.install-page .alert{box-shadow:0 14px 34px rgba(0,0,0,.18)}
.install-page label span{color:#f1f1f1;font-weight:500}
.install-page input{background:#101011;border-color:rgba(255,255,255,.08);color:#fff}
.install-page input:focus{border-color:rgba(227,24,55,.34);box-shadow:0 0 0 4px rgba(227,24,55,.10)}
@media (max-width: 980px){.install-hero-card{grid-template-columns:1fr}.install-page .install-hero h1{font-size:2rem}}

/* ===== PHASE23 UI STABILIZE / CLEANUP ===== */
:root{
  --site-width:1280px;
}
html{font-size:16px}
body.front-body, body.install-page, body.admin-body{background:var(--bg); color:var(--text)}
.container{max-width:var(--site-width); width:100%; margin:0 auto; padding-left:20px; padding-right:20px}
.site-main{padding-bottom:48px}
.home-main{padding-bottom:0}

/* header */
.navbar.front-nav-exact{height:72px; padding:0; background:rgba(10,10,10,.92); border-bottom:1px solid rgba(255,255,255,.07); backdrop-filter:blur(14px)}
.navbar-inner.exact-front-shell{min-height:72px; gap:16px; justify-content:space-between}
.front-nav-left{gap:14px; flex-shrink:0}
.demo-logo,.navbar-logo{font-size:1.45rem !important; letter-spacing:-.03em; gap:6px !important}
.demo-logo .brand-mark{font-size:1rem; margin-top:1px}
.front-nav-status{font-size:.76rem !important; padding:8px 12px !important; color:#cfcfcf !important}
.nav-links.exact-nav-links{flex:1; justify-content:center; margin:0; gap:6px; overflow:visible}
.nav-link{padding:10px 14px; border-radius:12px; font-size:.95rem; color:#a8a8a8}
.nav-link.active{color:#fff; background:rgba(227,24,55,.18); box-shadow:inset 0 0 0 1px rgba(227,24,55,.25)}
.nav-actions.exact-nav-actions{gap:10px}
.exact-wallet-pill{min-width:auto; padding:10px 12px; border-radius:14px}
.exact-wallet-pill small{font-size:10px; text-transform:uppercase; letter-spacing:.08em}
.exact-wallet-pill span{font-size:.95rem}
.front-profile-btn,.exact-admin-link,.nav-actions .btn{border-radius:12px}
.nav-actions form{display:inline-flex}

/* hero and sections */
.demo-hero-exact{padding:26px 0 18px}
.demo-hero-inner.two-col-hero-exact{display:grid; grid-template-columns:minmax(0,1.45fr) minmax(320px,.9fr); gap:18px; align-items:stretch}
.demo-hero-copy,.hero-dashboard-card,.page-hero-card,.data-panel-demo,.table-card,.card,.premium-card,.game-card,.mini-feature-card,.table-shell,.admin-shell-card,.stat-card,.mini-stat-card{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.015)); border:1px solid rgba(255,255,255,.07); box-shadow:0 16px 40px rgba(0,0,0,.26)}
.demo-hero-copy{padding:34px; border-radius:24px; background:radial-gradient(circle at top right, rgba(227,24,55,.16), transparent 32%), linear-gradient(180deg, rgba(46,8,14,.96), rgba(17,12,14,.94))}
.demo-hero-copy h1{font-size:3.4rem; line-height:1.02; letter-spacing:-.04em; margin:14px 0 14px}
.demo-hero-copy p{max-width:620px; color:#d1d1d1; font-size:1rem}
.demo-pill{display:inline-flex; align-items:center; gap:8px; padding:9px 14px; border-radius:999px; background:rgba(227,24,55,.12); border:1px solid rgba(227,24,55,.24); color:#ff7389; font-size:.82rem; font-weight:600}
.demo-hero-actions{display:flex; flex-wrap:wrap; gap:12px; margin-top:22px}
.demo-metrics{display:flex; gap:34px; margin-top:24px}
.demo-metrics strong{display:block; color:#fff; font-size:2rem; line-height:1}
.demo-metrics span{display:block; color:#979797; font-size:.84rem; margin-top:6px}
.hero-dashboard-card{border-radius:24px; padding:24px}
.hero-dashboard-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:18px}
.hero-dashboard-head strong{font-size:1rem}
.hero-dashboard-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px}
.hero-kpi{padding:16px; border-radius:18px; background:rgba(255,255,255,.025); border:1px solid rgba(255,255,255,.06)}
.hero-kpi small{display:block; color:#979797; margin-bottom:8px}
.hero-kpi strong{display:block; font-size:1.35rem}
.hero-kpi span{display:block; margin-top:6px; color:#11c26d; font-size:.84rem}
.hero-dashboard-list{display:grid; gap:10px; margin-top:18px; color:#cfcfcf}

.demo-services-bar{padding:10px 0 0}
.demo-services-row{display:flex; gap:12px; overflow:auto; padding-bottom:4px}
.demo-service-tab{display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; min-width:108px; height:78px; padding:12px 14px; border-radius:16px; border:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.02); color:#c7c7c7}
.demo-service-tab.active,.demo-service-tab:hover{background:rgba(227,24,55,.12); border-color:rgba(227,24,55,.24); color:#fff}
.demo-service-tab i{font-size:1.15rem}
.demo-service-tab span{font-size:.86rem}

.demo-section{padding-top:28px; padding-bottom:0}
.section-header-demo{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px}
.section-title{display:flex; align-items:center; gap:10px; font-size:1.6rem; font-weight:800; color:#fff}
.section-title i{color:var(--red)}
.section-count{font-size:.96rem; color:#8f8f8f; font-weight:500; margin-left:8px}
.dark-pill-link,.demo-link-action{display:inline-flex; align-items:center; gap:8px; border-radius:999px; padding:10px 14px; background:rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.07); color:#cfcfcf; font-size:.9rem}

.game-grid.demo-game-grid,.premium-grid,.mini-feature-grid,.grid-4,.users-grid-demo,.stats-grid-demo{display:grid; gap:16px}
.game-grid.demo-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.premium-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.premium-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.exact-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.exact-why-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

.game-card,.premium-card,.mini-feature-card,.why-card{border-radius:20px; overflow:hidden}
.demo-card-img,.premium-img{height:160px; display:flex; align-items:center; justify-content:center; background:radial-gradient(circle at top left, rgba(227,24,55,.18), transparent 48%), linear-gradient(180deg, rgba(60,12,20,.92), rgba(20,20,20,.94))}
.demo-card-img i,.premium-img i{font-size:2rem; color:rgba(255,255,255,.75)}
.game-card-info,.premium-body{padding:18px}
.game-card-info h4,.premium-body h4{font-size:1.08rem; line-height:1.35; margin-bottom:6px; color:#fff}
.game-card-info .sub,.premium-feat,.premium-note-line{font-size:.9rem; color:#bcbcbc}
.dot-green{color:#17d16f !important}
.hot-badge,.new-badge,.premium-dur,.card-chip{display:inline-flex; align-items:center; gap:6px; border-radius:999px; padding:6px 10px; font-size:.72rem; font-weight:700}
.hot-badge{background:#ff2756; color:#fff; position:absolute; top:12px; right:12px}
.new-badge{background:#3b82f6; color:#fff; position:absolute; top:12px; right:12px}
.premium-dur{position:absolute; top:12px; left:12px; background:rgba(10,10,10,.72); color:#fff; border:1px solid rgba(255,255,255,.07)}
.card-top-line{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px}
.card-top-line .cat{font-size:.85rem; color:#8f8f8f}
.card-chip{background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07); color:#d8d8d8}
.premium-feat{display:flex; align-items:flex-start; gap:8px; margin-top:8px}
.premium-feat i{color:#16d36d; margin-top:2px}
.premium-note-line{display:flex; align-items:center; gap:8px; margin-top:10px; color:#8f8f8f}
.premium-price-row{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; padding-top:14px; border-top:1px solid rgba(255,255,255,.07)}
.premium-price .price{font-size:2rem; line-height:1; color:#ff385b; font-weight:800}
.premium-price small{font-size:1rem; color:#8f8f8f}
.mini-feature-card{display:flex; align-items:center; gap:14px; padding:18px}
.mini-feature-card .mini-feature-icon{width:44px; height:44px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:rgba(227,24,55,.10); color:#ff4a68; flex:0 0 44px}
.mini-feature-card strong{display:block; color:#fff; margin-bottom:5px}
.mini-feature-card span{display:block; color:#a8a8a8; font-size:.9rem}
.mini-arrow{margin-left:auto; color:#8f8f8f}

.cta-band,.footer-cta-band{display:flex; align-items:center; justify-content:space-between; gap:18px; padding:24px 26px; border-radius:24px; background:radial-gradient(circle at top right, rgba(227,24,55,.15), transparent 35%), linear-gradient(180deg, rgba(46,8,14,.95), rgba(17,17,17,.92)); border:1px solid rgba(227,24,55,.18)}
.cta-band h3,.footer-cta-band strong{font-size:1.3rem; color:#fff}
.cta-band p,.footer-cta-band span{color:#c6c6c6; font-size:.95rem}
.cta-band-actions,.footer-cta-actions{display:flex; gap:10px; flex-wrap:wrap}

.demo-why-wrap{margin-top:24px; background:linear-gradient(180deg, rgba(46,8,14,.95), rgba(12,12,12,.96)); border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06)}
.why-us-title{font-size:2rem; text-align:center; margin-bottom:24px}
.why-card{padding:22px; text-align:center}
.why-card .card-icon{width:58px; height:58px; border-radius:18px; margin:0 auto 14px; display:flex; align-items:center; justify-content:center; background:rgba(227,24,55,.12); color:#ff4f6c; font-size:1.3rem}
.why-card p{font-size:.94rem}

/* inner pages */
.page-hero-card,.hero-split-demo{display:grid; grid-template-columns:minmax(0,1.2fr) minmax(300px,.95fr); gap:18px; align-items:stretch; padding:24px; border-radius:24px; background:radial-gradient(circle at top right, rgba(227,24,55,.15), transparent 30%), linear-gradient(180deg, rgba(36,10,14,.94), rgba(16,16,16,.96)); border:1px solid rgba(227,24,55,.18)}
.page-hero-title{font-size:3rem; line-height:1.02; letter-spacing:-.04em; margin:12px 0 10px}
.page-hero-desc,.page-hero-sub{color:#cccccc; max-width:720px}
.hero-chip-row{display:flex; gap:10px; flex-wrap:wrap; margin-top:18px}
.hero-chip,.stat-chip{display:inline-flex; align-items:center; gap:8px; padding:9px 12px; border-radius:999px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07); color:#dadada; font-size:.85rem}
.quick-stat-row,.quick-stat-grid,.users-grid-demo{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px}
.quick-stat-card,.metric-tile,.stat-card,.mini-stat-card{padding:18px; border-radius:18px; background:rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.07)}
.quick-stat-card small,.metric-tile small,.stat-label{display:block; color:#9a9a9a; margin-bottom:8px; font-size:.82rem}
.quick-stat-card strong,.metric-tile strong,.stat-value{display:block; font-size:2rem; line-height:1; color:#fff; font-weight:800}
.quick-stat-card .ok,.metric-tile .ok,.stat-sub.good{display:block; margin-top:8px; color:#16d36d; font-size:.84rem}
.stat-sub.warn{display:block; margin-top:8px; color:#f5a524; font-size:.84rem}
.data-panel-demo,.table-card,.table-shell,.panel-soft{padding:20px; border-radius:20px}
.table-card-head{display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:14px}
.table-card-head h3{font-size:1.12rem; margin:0 0 4px; color:#fff}
.table-card-head .sub{font-size:.9rem; color:#9f9f9f}
.form-grid{display:grid; gap:14px}
.form-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}
.form-grid label span{display:block; margin-bottom:8px; color:#e7e7e7; font-size:.9rem; font-weight:500}
input,select,textarea{width:100%; border-radius:14px; border:1px solid rgba(255,255,255,.08); background:#101011; color:#fff; padding:13px 14px; outline:none}
input[data-secret-field="1"]::-ms-reveal,input[data-secret-field="1"]::-ms-clear{display:none}
input[data-secret-field="1"]::-webkit-credentials-auto-fill-button{visibility:hidden;display:none !important;pointer-events:none;position:absolute;right:0}
input[data-secret-field="1"]{letter-spacing:.08em}
input:focus,select:focus,textarea:focus{border-color:rgba(227,24,55,.35); box-shadow:0 0 0 4px rgba(227,24,55,.10)}
.form-actions{display:flex; gap:10px; flex-wrap:wrap}
.full-span{grid-column:1/-1}

.table-wrap,.table-card table,.data-table{width:100%; overflow:auto}
table{width:100%; border-collapse:collapse}
th,td{padding:13px 14px; border-bottom:1px solid rgba(255,255,255,.06); text-align:left; vertical-align:middle}
th{font-size:.8rem; color:#9b9b9b; font-weight:600; text-transform:uppercase; letter-spacing:.05em}
td{font-size:.93rem; color:#e5e5e5}
tr:hover td{background:rgba(255,255,255,.015)}
.badge,.status-badge{display:inline-flex; align-items:center; gap:6px; padding:7px 10px; border-radius:999px; font-size:.75rem; font-weight:700}
.badge-green{background:rgba(22,211,109,.12); color:#16d36d; border:1px solid rgba(22,211,109,.22)}
.badge-red{background:rgba(227,24,55,.12); color:#ff5370; border:1px solid rgba(227,24,55,.22)}
.badge-yellow{background:rgba(245,165,36,.12); color:#f7b23d; border:1px solid rgba(245,165,36,.22)}

/* footer */
.footer.footer-exact{margin-top:56px; padding-top:0; border-top:1px solid rgba(255,255,255,.06); background:#0b0b0b}
.footer-top-strip{display:flex; flex-wrap:wrap; gap:10px; padding:20px 20px 0}
.footer-top-pill,.footer-tags span{display:inline-flex; align-items:center; gap:8px; padding:9px 12px; border-radius:999px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.07); color:#d0d0d0; font-size:.82rem}
.footer-grid-wrap{padding-top:20px; padding-bottom:22px}
.footer-grid{display:grid; grid-template-columns:1.2fr 1fr 1fr 1fr; gap:24px; padding-top:22px}
.footer-logo{font-size:2rem; font-weight:800; letter-spacing:-.04em; margin-bottom:12px}
.footer-logo span{color:var(--red)}
.footer h5{font-size:1rem; margin-bottom:12px}
.footer p,.footer a{color:#a6a6a6; font-size:.95rem}
.footer a{display:block; margin-bottom:10px}
.footer-bottom{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 20px 26px; border-top:1px solid rgba(255,255,255,.06); color:#7e7e7e; font-size:.85rem}

/* admin */
.admin-sidebar{background:#0d0d0e; border-right:1px solid rgba(255,255,255,.06)}
.admin-topbar{background:rgba(10,10,10,.88); border-bottom:1px solid rgba(255,255,255,.06); backdrop-filter:blur(14px)}
.breadcrumb{font-size:.9rem; color:#a6a6a6}.breadcrumb strong{color:#fff}
.topbar-subline{display:flex; gap:8px; flex-wrap:wrap; margin-top:6px}
.topbar-subline span{font-size:.76rem !important; color:#cacaca !important}
.search-shell,.demo-search-shell{display:flex; align-items:center; gap:10px; padding:0 14px; min-height:46px; border-radius:14px; border:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.03)}
.search-shell input,.demo-search-shell input,.demo-search-shell select{border:none !important; background:transparent !important; box-shadow:none !important; padding:0 !important}
.admin-user-chip,.admin-top-link{border-radius:14px}
.stat-card.demo-admin,.mini-stat-card.demo-mini{display:flex; align-items:flex-start; justify-content:space-between; gap:14px}
.stat-icon,.mini-icon{width:48px; height:48px; border-radius:16px; display:flex; align-items:center; justify-content:center; font-size:1.1rem}
.stat-icon.red{background:rgba(227,24,55,.12); color:#ff4d69}.stat-icon.green{background:rgba(22,211,109,.12); color:#16d36d}.stat-icon.blue{background:rgba(59,130,246,.12); color:#60a5fa}.stat-icon.gold{background:rgba(245,165,36,.12); color:#f7b23d}
.stat-trend{font-size:.84rem; color:#16d36d}
.admin-content-wrap{background:var(--bg)}

/* alerts */
.alert{padding:14px 16px; border-radius:14px; border:1px solid rgba(255,255,255,.08); margin-bottom:14px}
.alert-danger{background:rgba(227,24,55,.10); border-color:rgba(227,24,55,.20); color:#ff8898}
.alert-success{background:rgba(22,211,109,.10); border-color:rgba(22,211,109,.20); color:#87efb4}

/* responsive */
@media (max-width:1180px){
  .game-grid.demo-game-grid,.premium-grid-four,.exact-why-grid,.quick-stat-row,.users-grid-demo{grid-template-columns:repeat(2,minmax(0,1fr))}
  .premium-grid-three,.home-mini-grid,.exact-three{grid-template-columns:repeat(2,minmax(0,1fr))}
  .demo-hero-inner.two-col-hero-exact,.page-hero-card,.hero-split-demo{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .nav-links.exact-nav-links{justify-content:flex-start; overflow:auto}
}
@media (max-width:840px){
  .navbar.front-nav-exact{height:68px}
  .container{padding-left:16px; padding-right:16px}
  .front-nav-status,.hidden-mobile{display:none !important}
  .exact-nav-links{position:absolute; left:16px; right:16px; top:72px; display:none; flex-direction:column; background:#111; border:1px solid rgba(255,255,255,.08); border-radius:18px; padding:12px; box-shadow:0 24px 60px rgba(0,0,0,.35)}
  .exact-nav-links.open{display:flex}
  .mobile-only{display:inline-flex !important}
  .demo-hero-copy,.hero-dashboard-card,.page-hero-card,.hero-split-demo,.data-panel-demo,.table-card,.card{padding:20px}
  .demo-hero-copy h1,.page-hero-title{font-size:2.25rem}
  .demo-metrics{gap:18px; flex-wrap:wrap}
  .game-grid.demo-game-grid,.premium-grid-three,.premium-grid-four,.home-mini-grid,.exact-three,.exact-why-grid,.quick-stat-row,.users-grid-demo,.footer-grid,.form-grid.two-up{grid-template-columns:1fr}
  .cta-band,.footer-cta-band,.footer-bottom,.table-card-head{flex-direction:column; align-items:flex-start}
}

/* ═══════════════════════════════════════════════════════
   ADMIN SIDEBAR OVERVIEW FIX — 1 column inside sidebar
   ═══════════════════════════════════════════════════════ */
.admin-sidebar .admin-side-overview.exact-overview-rail{
  grid-template-columns:1fr !important;gap:8px;padding:12px 14px
}
.admin-sidebar .admin-over-chip{
  display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;
  background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);font-size:.88rem
}
.admin-sidebar .admin-over-chip i{
  width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:rgba(227,24,55,0.14);color:#ff3357;font-size:.95rem;flex-shrink:0
}
.admin-sidebar .admin-over-chip strong{font-size:1rem;color:#fff}
.admin-sidebar .admin-over-chip span{font-size:.75rem;color:#888}
.compact-row{gap:10px}

/* ═══════════════════════════════════════════════════════
   LIGHT MODE — Every component overridden
   All colors use the React light theme T object values
   ═══════════════════════════════════════════════════════ */

/* --- Navbar --- */
body.light .navbar{background:rgba(255,255,255,0.95) !important;border-bottom-color:rgba(0,0,0,0.06)}
body.light .navbar-logo{color:#0A0A0A}
body.light .nav-link{color:#999}
body.light .nav-link:hover{color:#555}
body.light .nav-link.active{color:#E31837;background:rgba(227,24,55,0.06)}
body.light .btn-icon{border-color:rgba(0,0,0,0.08);color:#555}
body.light .btn-wallet{background:#FFF;border-color:rgba(0,0,0,0.08);color:#0A0A0A}
body.light .btn-outline{border-color:rgba(0,0,0,0.08);color:#555}
body.light .btn-avatar{background:#E31837}

/* --- Hero --- */
body.light .hero-pill{background:rgba(227,24,55,0.06);border-color:rgba(227,24,55,0.15);color:#D01530}
body.light .hero h1{color:#0A0A0A}
body.light .hero p{color:#555}
body.light .hero-stat-num{color:#E31837}
body.light .hero-stat-label{color:#999}

/* --- Category bar --- */
body.light .cat-bar{background:transparent;border-bottom-color:rgba(0,0,0,0.06)}
body.light .cat-bar::before{background:#FFF}
body.light .cat-btn{background:#FFF;border-color:rgba(0,0,0,0.06);color:#999}
body.light .cat-btn.active{background:rgba(227,24,55,0.06);border-color:rgba(227,24,55,0.15);color:#E31837}

/* --- Game cards --- */
body.light .game-card{background:#FFF;border-color:rgba(0,0,0,0.06);box-shadow:0 2px 8px rgba(0,0,0,0.04)}
body.light .game-card:hover{border-color:rgba(227,24,55,0.25);box-shadow:0 8px 20px rgba(0,0,0,0.08)}
body.light .game-card-img i{color:#ccc !important;opacity:.5}
body.light .game-card-info h4{color:#0A0A0A}
body.light .game-card-info .api-status{color:#059F45}

/* --- Section header --- */
body.light .section-title{color:#0A0A0A}
body.light .section-count{color:#999}
body.light .section-action{color:#D01530}

/* --- Why section --- */
body.light .why-title{color:#0A0A0A}
body.light .why-card{background:#FFF;border-color:rgba(0,0,0,0.06);box-shadow:0 2px 8px rgba(0,0,0,0.04)}
body.light .why-card h4{color:#0A0A0A !important}
body.light .why-card p{color:#999 !important}
body.light .why-card-icon{background:rgba(227,24,55,0.06)}

/* WHY SECTION — upgraded full width */
.why-section--xl{position:relative;margin-top:18px;padding:42px 0 54px;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:
  radial-gradient(circle at 50% 0%, rgba(227,24,55,.18), transparent 38%),
  radial-gradient(circle at 0% 24%, rgba(227,24,55,.12), transparent 30%),
  radial-gradient(circle at 100% 24%, rgba(227,24,55,.12), transparent 30%),
  linear-gradient(180deg, #47000d 0%, #340009 18%, #240006 40%, #150205 66%, #0b0b0d 100%);
  border-top:1px solid rgba(227,24,55,.14);border-bottom:1px solid rgba(255,255,255,.04);overflow:hidden;isolation:isolate}
.why-section--xl::before,.why-section--xl::after{content:'';position:absolute;pointer-events:none;border-radius:50%;filter:blur(20px);opacity:.70}
.why-section--xl::before{width:860px;height:860px;left:-250px;top:-220px;background:radial-gradient(circle,rgba(255,32,72,.18),transparent 72%)}
.why-section--xl::after{width:940px;height:940px;right:-280px;top:-240px;background:radial-gradient(circle,rgba(255,32,72,.16),transparent 74%)}
.why-shell{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:0 20px}
.why-head{text-align:center;max-width:980px;margin:0 auto 30px}
.why-title{font-size:clamp(1.86rem,2.55vw,2.38rem);font-weight:700;letter-spacing:-.02em;margin-bottom:12px;line-height:1.08}
.why-subtitle{color:rgba(234,234,240,.72);font-size:1rem;line-height:1.8;font-weight:400}
.why-grid--xl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:none;margin:0}
.why-card--xl{position:relative;min-height:270px;padding:26px 22px 20px;border-radius:26px;background:
 linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02)),
 linear-gradient(160deg,rgba(42,6,12,.96) 0%, rgba(19,19,22,.98) 62%, rgba(13,13,15,1) 100%);
 border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 42px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04);
 overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.why-card--xl:hover{transform:translateY(-4px);border-color:rgba(227,24,55,.22);box-shadow:0 24px 50px rgba(0,0,0,.28),0 0 0 1px rgba(227,24,55,.08) inset}
.why-card-glow{position:absolute;inset:auto auto 0 0;width:100%;height:100%;background:radial-gradient(circle at top left,rgba(227,24,55,.13),transparent 38%);pointer-events:none}
.why-card--xl .why-card-icon{position:relative;z-index:1;width:58px;height:58px;border-radius:18px;background:linear-gradient(180deg,rgba(227,24,55,.20),rgba(227,24,55,.10));border:1px solid rgba(227,24,55,.18);display:flex;align-items:center;justify-content:center;margin:0 0 18px;color:#ff4a67;font-size:1.45rem;box-shadow:0 14px 30px rgba(0,0,0,.18)}
.why-card-copy{position:relative;z-index:1;max-width:82%}
.why-card--xl h4{font-size:1.42rem;line-height:1.15;font-weight:800;color:#fff;margin:0 0 10px}
.why-card-desc{font-size:.98rem;line-height:1.75;color:#efeff4;font-weight:500;margin:0 0 8px}
.why-card-meta{display:block;font-size:.88rem;line-height:1.7;color:#9f9fab}
.why-card-mark{position:absolute;right:-10px;bottom:-14px;font-size:7rem;line-height:1;color:rgba(255,255,255,.06);pointer-events:none;transform:rotate(-8deg)}
body.light .why-section--xl{background:linear-gradient(180deg,#fff1f4 0%,#fff6f8 34%,#fff 100%);border-color:rgba(227,24,55,.10)}
body.light .why-subtitle{color:#666}
body.light .why-card--xl{background:linear-gradient(180deg,#fff,#fff8f9);border-color:rgba(227,24,55,.10);box-shadow:0 18px 40px rgba(15,23,42,.06)}
body.light .why-card--xl h4{color:#111}
body.light .why-card-desc{color:#333}
body.light .why-card-meta{color:#777}
body.light .why-card-mark{color:rgba(227,24,55,.08)}
@media (max-width: 1080px){.why-grid--xl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 640px){.why-section--xl{padding:30px 0 36px}.why-shell{padding:0 14px}.why-head{margin-bottom:18px}.why-title{font-size:1.52rem;font-weight:680}.why-subtitle{font-size:.9rem;line-height:1.68}.why-grid--xl{grid-template-columns:1fr;gap:14px}.why-card--xl{min-height:auto;padding:20px 18px 18px;border-radius:22px}.why-card--xl .why-card-icon{width:52px;height:52px;border-radius:16px;margin-bottom:14px;font-size:1.2rem}.why-card--xl h4{font-size:1.14rem;font-weight:780}.why-card-desc{font-size:.92rem;font-weight:500}.why-card-copy{max-width:84%}.why-card-mark{font-size:5.4rem;right:-8px;bottom:-8px}}

/* --- Premium cards --- */
body.light .premium-card{background:#FFF;border-color:rgba(0,0,0,0.06);box-shadow:0 2px 8px rgba(0,0,0,0.04)}
body.light .premium-dur{background:rgba(0,0,0,0.6);color:#fff}
body.light .premium-body h4{color:#0A0A0A}
body.light .premium-body .cat{color:#999}
body.light .premium-feat{color:#555}
body.light .premium-price-row{border-top-color:rgba(0,0,0,0.06)}

/* --- Shop --- */
body.light .shop-card{background:#FFF;border-color:rgba(0,0,0,0.06);box-shadow:0 2px 8px rgba(0,0,0,0.04)}
body.light .shop-card-icon{background:rgba(227,24,55,0.06)}

/* --- Random --- */
body.light .random-card{background:#FFF;border-color:rgba(0,0,0,0.06);box-shadow:0 2px 8px rgba(0,0,0,0.04)}

/* --- Wallet --- */
body.light .wallet-method{background:#FFF;border-color:rgba(0,0,0,0.06)}
body.light .wallet-method:hover{border-color:rgba(227,24,55,0.25)}
body.light .wallet-method-icon{background:rgba(227,24,55,0.06)}
body.light .wallet-method h5{color:#0A0A0A !important}
body.light .wallet-method p{color:#999 !important}

/* --- Auth --- */
body.light .auth-brand-content h2{color:#0A0A0A}
body.light .auth-brand-content p{color:#555}
body.light .auth-form{background:#FFF;border-left-color:rgba(0,0,0,0.06)}
body.light .auth-form h3{color:#0A0A0A}
body.light .auth-form .sub{color:#999}
body.light .auth-register-card{background:#FFF;border-color:rgba(0,0,0,0.06)}
body.light .oauth-btn{background:#F5F5F5;border-color:rgba(0,0,0,0.06);color:#555}

/* --- Inputs --- */
body.light .input{background:#F5F5F5;border-color:rgba(0,0,0,0.08);color:#0A0A0A}
body.light .input:focus{border-color:#E31837}
body.light .input::placeholder{color:#BBB}
body.light .input-label{color:#555}

/* --- Step/Package/Payment (topup) --- */
body.light .step-card{background:#FFF;border-color:rgba(0,0,0,0.06)}
body.light .step-header h3{color:#0A0A0A}
body.light .package-item{background:#F5F5F5;border-color:rgba(0,0,0,0.06)}
body.light .package-item.selected{background:rgba(227,24,55,0.04);border-color:#E31837}
body.light .package-item .name{color:#555}
body.light .package-item .price{color:#0A0A0A}
body.light .payment-option{background:#F5F5F5;border-color:rgba(0,0,0,0.06)}
body.light .payment-option.selected{background:rgba(227,24,55,0.04);border-color:#E31837}

/* --- Blog --- */
body.light .blog-card{background:#FFF;border-color:rgba(0,0,0,0.06);box-shadow:0 2px 8px rgba(0,0,0,0.04)}
body.light .blog-tag{background:rgba(227,24,55,0.06);color:#D01530}

/* --- FAQ --- */
body.light .faq-item{background:#FFF;border-color:rgba(0,0,0,0.06)}
body.light .faq-item.open{border-color:rgba(227,24,55,0.2)}
body.light .faq-question{color:#0A0A0A}
body.light .faq-answer{color:#555}

/* --- Profile --- */
body.light .profile-menu-item{background:#FFF;border-color:rgba(0,0,0,0.06);color:#0A0A0A}
body.light .profile-logout{border-color:rgba(227,24,55,0.15);color:#D01530}

/* --- History --- */
body.light .history-item{background:#FFF;border-color:rgba(0,0,0,0.06)}

/* --- Footer --- */
body.light .footer h5{color:#0A0A0A}
body.light .footer a{color:#999}
body.light .footer a:hover{color:#0A0A0A}
body.light .footer-bottom{border-top-color:rgba(0,0,0,0.06);color:#BBB}

/* --- Toast --- */
body.light .toast{background:#FFF;box-shadow:0 8px 32px rgba(0,0,0,0.12)}

/* --- Gradient backgrounds override --- */
body.light [style*="linear-gradient(135deg,#1a0508"],
body.light [style*="linear-gradient(135deg,#1a0a0a"],
body.light [style*="linear-gradient(135deg,#0a0a0a"],
body.light [style*="background:linear-gradient(135deg,#1a0508"]{
  background:linear-gradient(135deg,#fef5f5,#fff) !important
}
body.light [style*="background:#0d0205"],
body.light [style*="background:#070707"]{
  background:#eee !important
}

/* --- Global text --- */
body.light h1,body.light h2,body.light h3,body.light h4,body.light h5{color:#0A0A0A}
body.light p{color:#555}

/* ═══════════════════════════════════════════════════════
   LIGHT MODE — Admin pages
   ═══════════════════════════════════════════════════════ */
body.light .admin-sidebar{background:#FFF !important;border-right-color:rgba(0,0,0,0.06)}
body.light .admin-brand{border-bottom-color:rgba(0,0,0,0.06)}
body.light .admin-brand span,body.light .admin-brand-copy span{color:#0A0A0A}
body.light .admin-nav-title{color:#BBB}
body.light .admin-link{color:#999}
body.light .admin-link:hover{color:#0A0A0A;background:rgba(0,0,0,0.02)}
body.light .admin-link.active{color:#D01530;background:rgba(227,24,55,0.06);border-left-color:#E31837}
body.light .admin-link.active .nav-count{background:rgba(227,24,55,0.08);color:#D01530}
body.light .nav-count{background:rgba(0,0,0,0.04);color:#999}
body.light .admin-over-chip,body.light .admin-sidebar .admin-over-chip{background:rgba(0,0,0,0.02) !important;border-color:rgba(0,0,0,0.06) !important}
body.light .admin-over-chip strong,body.light .admin-sidebar .admin-over-chip strong{color:#0A0A0A !important}
body.light .admin-over-chip span,body.light .admin-sidebar .admin-over-chip span{color:#999 !important}
body.light .admin-sidebar-footer{border-top-color:rgba(0,0,0,0.06)}
body.light .admin-user-rail{background:rgba(0,0,0,0.02);border-color:rgba(0,0,0,0.06)}
body.light .admin-user-rail strong{color:#0A0A0A}
body.light .admin-user-rail span{color:#999}

body.light .admin-topbar{background:rgba(255,255,255,0.96) !important;border-bottom-color:rgba(0,0,0,0.06);backdrop-filter:blur(14px)}
body.light .breadcrumb{color:#999}
body.light .breadcrumb strong{color:#0A0A0A}
body.light .topbar-subline span{background:rgba(0,0,0,0.03);border-color:rgba(0,0,0,0.06);color:#666}
body.light .search-shell{background:#F5F5F5 !important;border-color:rgba(0,0,0,0.06) !important}
body.light .search-shell input{color:#0A0A0A !important}
body.light .admin-top-link{background:#F5F5F5;border-color:rgba(0,0,0,0.06);color:#555}
body.light .admin-user-chip{background:#F5F5F5;border-color:rgba(0,0,0,0.06);color:#555}
body.light .admin-user-chip strong{color:#0A0A0A}
body.light .admin-notify{border-color:rgba(0,0,0,0.08);color:#999}
body.light .admin-content,body.light .admin-content-wrap{background:var(--bg)}
body.light .admin-title{color:#0A0A0A}
body.light .admin-title span{color:#999}

body.light .stat-card.demo-admin,body.light .mini-stat-card.demo-mini,body.light .admin-shell-card,
body.light .admin-table-card,body.light .panel-soft,body.light .module-shortcut,
body.light .data-panel-demo,body.light .kv-item,body.light .side-info-card,body.light .entity-card{
  background:#FFF !important;border-color:rgba(0,0,0,0.06) !important;box-shadow:0 2px 8px rgba(0,0,0,0.04)
}
body.light .stat-card.demo-admin .stat-value,body.light .mini-stat-card.demo-mini strong{color:#0A0A0A}
body.light .stat-card.demo-admin .stat-label,body.light .mini-stat-card.demo-mini small{color:#999}
body.light .stat-trend{color:#059F45}
body.light .stat-icon.red{background:rgba(227,24,55,0.08)}
body.light .stat-icon.gold{background:rgba(245,158,11,0.08)}
body.light .stat-icon.blue{background:rgba(59,130,246,0.08)}
body.light .stat-icon.green{background:rgba(34,197,94,0.08)}
body.light .mini-icon.line{background:rgba(6,199,85,0.08)}
body.light .mini-icon.google{background:rgba(66,133,244,0.08)}
body.light .mini-icon.web{background:rgba(0,0,0,0.04)}
body.light .mini-icon.admin{background:rgba(139,92,246,0.08)}
body.light .mini-icon.discord{background:rgba(88,101,242,0.08)}
body.light .data-table th{color:#999;border-bottom-color:rgba(0,0,0,0.06);background:rgba(0,0,0,0.01)}
body.light .data-table td{color:#444;border-bottom-color:rgba(0,0,0,0.04)}
body.light .data-table tr:hover td{background:rgba(0,0,0,0.015)}
body.light .table-wrap{border-color:rgba(0,0,0,0.06)}
body.light .table-card-head h3{color:#0A0A0A}
body.light .table-card-head .sub{color:#999}
body.light .mono{color:#333}.body.light .price-red{color:#E31837}
body.light .badge-green{background:rgba(5,159,69,0.08);color:#059F45;border-color:rgba(5,159,69,0.15)}
body.light .badge-red{background:rgba(227,24,55,0.08);color:#D01530;border-color:rgba(227,24,55,0.15)}
body.light .badge-blue{background:rgba(37,99,235,0.08);color:#2563EB;border-color:rgba(37,99,235,0.15)}
body.light .badge-yellow{background:rgba(212,168,0,0.08);color:#D4A800;border-color:rgba(212,168,0,0.15)}
body.light .badge-purple{background:rgba(139,92,246,0.08);color:#7C3AED;border-color:rgba(139,92,246,0.15)}
body.light .kv-item small{color:#999}
body.light .kv-item strong{color:#0A0A0A}
body.light .module-shortcut strong{color:#0A0A0A}
body.light .module-shortcut span{color:#999}
body.light .module-shortcut i{background:rgba(227,24,55,0.06)}
body.light .panel-soft h4{color:#0A0A0A}
body.light .panel-soft p{color:#999}
body.light .dark-pill-link,.body.light .demo-link-action{color:#D01530}
body.light .timeline-item{background:rgba(0,0,0,0.02) !important;border-color:rgba(0,0,0,0.04) !important}
body.light .timeline-item strong{color:#0A0A0A}
body.light .timeline-item small{color:#999}
body.light .history-card,.body.light .profile-side-card,.body.light .profile-main-card{background:#FFF;border-color:rgba(0,0,0,0.06)}
body.light input,body.light select,body.light textarea{background:#F5F5F5 !important;border-color:rgba(0,0,0,0.08) !important;color:#0A0A0A !important}
body.light input:focus,body.light select:focus,body.light textarea:focus{border-color:rgba(227,24,55,0.35) !important}

.section-subtitle{margin-top:8px;color:var(--tm);font-size:.95rem}
.premium-api-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}
.premium-api-card{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:14px 16px;box-shadow:0 14px 32px rgba(0,0,0,.18)}
.premium-api-card strong{display:block;color:var(--tx);font-size:.95rem}
.premium-api-card div{color:var(--tm);font-size:.88rem;line-height:1.4}
.premium-api-icon{width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:rgba(227,24,55,.14);color:var(--r);font-size:1.05rem;flex:0 0 auto}
.premium-group-head{margin:8px 0 14px}
.premium-group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:0 0 22px}
.premium-group-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:22px;text-decoration:none;color:inherit;background:linear-gradient(180deg,rgba(227,24,55,.12),rgba(255,255,255,.02));border:1px solid rgba(227,24,55,.16);box-shadow:0 18px 36px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.premium-group-card:hover{transform:translateY(-2px);border-color:rgba(255,63,95,.38);background:linear-gradient(180deg,rgba(227,24,55,.18),rgba(255,255,255,.03));box-shadow:0 24px 48px rgba(0,0,0,.28),0 0 0 1px rgba(227,24,55,.08) inset}
.premium-group-card.is-active{border-color:rgba(255,63,95,.55);background:linear-gradient(180deg,rgba(227,24,55,.26),rgba(255,255,255,.03));box-shadow:0 26px 52px rgba(0,0,0,.32),0 0 0 1px rgba(255,63,95,.16) inset}
.premium-group-card__thumb{height:120px;border-radius:18px;overflow:hidden;background:radial-gradient(circle at top left,rgba(255,77,105,.24),transparent 55%),linear-gradient(135deg,rgba(127,8,28,.92),rgba(24,24,27,.75));display:flex;align-items:center;justify-content:center;border:1px solid rgba(227,24,55,.16)}
.premium-group-card__thumb.has-image img{width:100%;height:100%;object-fit:cover;display:block}
.premium-group-card__thumb i{font-size:2rem;color:#f3f4f6;opacity:.92}
.premium-group-card__thumb.is-all{background:radial-gradient(circle at top left,rgba(255,77,105,.24),transparent 55%),linear-gradient(135deg,rgba(127,8,28,.96),rgba(47,7,16,.92))}
.premium-group-card__body{display:grid;gap:4px}
.premium-group-card__body strong{font-size:1.04rem;color:#fff;line-height:1.25}
.premium-group-card__body span{font-size:.86rem;color:rgba(255,255,255,.68)}
.premium-group-card__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:14px;border:1px solid rgba(227,24,55,.88);color:#fff;font-weight:800;background:linear-gradient(180deg,rgba(227,24,55,.22),rgba(127,8,28,.18));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.premium-group-card:hover .premium-group-card__btn,.premium-group-card.is-active .premium-group-card__btn{border-color:rgba(255,63,95,.96);background:linear-gradient(180deg,rgba(255,63,95,.32),rgba(127,8,28,.24))}
body.light .premium-group-card{background:linear-gradient(180deg,rgba(227,24,55,.08),rgba(255,255,255,.92));border-color:rgba(227,24,55,.14);box-shadow:0 16px 32px rgba(15,23,42,.08)}
body.light .premium-group-card:hover,body.light .premium-group-card.is-active{background:linear-gradient(180deg,rgba(227,24,55,.14),rgba(255,255,255,.96));border-color:rgba(227,24,55,.22)}
body.light .premium-group-card__body strong{color:#151515}
body.light .premium-group-card__body span{color:#6b7280}
.premium-grid-live{align-items:stretch}
.premium-card-live{overflow:hidden;position:relative}
.premium-card-live.is-out{opacity:1;background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.01))}
.premium-card-live.is-out .premium-img::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.52);z-index:1}
.premium-card-live.is-out .premium-body{opacity:.92}
.premium-img.has-real-image{padding:0;overflow:hidden}
.premium-real-image{width:100%;height:100%;object-fit:cover;display:block}
.premium-source-badge{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.02em;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);background:rgba(12,12,12,.5);color:#fff;z-index:2}
.premium-source-badge.api{background:rgba(227,24,55,.16);color:#fff}
.premium-source-badge.manual{background:rgba(17,24,39,.7);color:#fff}
.premium-card-live .premium-dur{z-index:2}
.premium-soldout-badge{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:rgba(12,12,12,.86);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:.76rem;font-weight:900;letter-spacing:.08em;z-index:2;box-shadow:0 10px 20px rgba(0,0,0,.28)}
.card-chip.is-soldout{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.08)!important;color:#d4d4d4!important}
.btn.btn-red.btn-sm.is-soldout,.btn.btn-red.is-soldout{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.08)!important;color:#f3f3f3!important;box-shadow:none!important;cursor:not-allowed!important}
.btn.btn-red.btn-sm.is-soldout:hover,.btn.btn-red.is-soldout:hover{transform:none!important;filter:none!important}
.premium-subprice{margin-top:4px;color:var(--tm);font-size:.78rem}
.premium-meta{font-size:.83rem;color:var(--tm)}
@media (max-width: 1080px){.premium-api-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 700px){.premium-api-strip{grid-template-columns:1fr}.premium-source-badge{right:10px;bottom:10px}}


.admin-maintenance-bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;background:rgba(227,24,55,.14);border-bottom:1px solid rgba(227,24,55,.28);color:#ffd3db;font-size:.92rem;font-weight:600}
.admin-live-pill.maintenance{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;border:1px solid rgba(227,24,55,.28);background:rgba(227,24,55,.12);color:#ffb7c4;font-size:.84rem;font-weight:700}
.login-maintenance-note{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin:12px 0 8px;border-radius:18px;border:1px solid rgba(227,24,55,.26);background:rgba(227,24,55,.10);color:#ffe1e6}
.login-maintenance-note i{font-size:1.15rem;color:#ff6e88;margin-top:2px}.login-maintenance-note strong{display:block;color:#fff;margin-bottom:4px}.login-maintenance-note span{display:block;font-size:.92rem;color:#ffd8df;line-height:1.55}
.settings-section-card{margin-top:8px;padding:18px;border-radius:20px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015))}
.settings-section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.settings-section-head h4{margin:0 0 6px}.settings-section-head p{margin:0;color:var(--text-secondary);line-height:1.6}.settings-status-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:.86rem;color:var(--text-secondary);font-weight:700;white-space:nowrap}.settings-status-chip.is-on{background:rgba(227,24,55,.12);border-color:rgba(227,24,55,.26);color:#ffb2c1}
.maintenance-logo-preview-label{display:block}.maintenance-logo-preview-box{min-height:220px;border-radius:18px;border:1px dashed rgba(255,255,255,.14);background:rgba(255,255,255,.02);display:flex;align-items:center;justify-content:center;padding:18px;overflow:hidden}.maintenance-logo-stage{display:flex;align-items:center;justify-content:center;background:transparent;border-radius:0;box-shadow:none;padding:0;max-width:100%}.maintenance-logo-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;background:transparent;image-rendering:auto;filter:drop-shadow(0 10px 24px rgba(0,0,0,.18))}.maintenance-logo-stage--preview{width:240px;height:140px;max-width:240px;max-height:140px}.maintenance-logo-preview-box img{display:block;max-width:240px;max-height:140px;width:auto;height:auto;object-fit:contain;background:transparent}.maintenance-logo-fallback{display:grid;place-items:center;text-align:center;gap:8px;color:var(--text-secondary)}.maintenance-logo-fallback i{font-size:1.5rem;color:var(--red)}.maintenance-logo-fallback strong{color:#fff}.maintenance-logo-fallback span{font-size:.9rem;max-width:240px;line-height:1.5}
.maintenance-body{min-height:100vh;background:radial-gradient(circle at top, rgba(227,24,55,.18), transparent 32%),linear-gradient(180deg,#050505,#0a0a0a 48%,#070707);color:#fff;overflow-x:hidden}.maintenance-shell{position:relative;min-height:100vh;display:grid;place-items:center;padding:32px 18px}.maintenance-noise{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.04) 1px, transparent 1px);background-size:22px 22px;opacity:.22}.maintenance-card{position:relative;z-index:1;width:min(100%, 900px);padding:34px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));box-shadow:0 26px 80px rgba(0,0,0,.42);text-align:center}.maintenance-status-pill{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:999px;background:rgba(227,24,55,.14);border:1px solid rgba(227,24,55,.28);color:#ffc8d2;font-weight:700;font-size:.9rem}.maintenance-logo-wrap{margin:12px auto 10px;padding:0;display:grid;place-items:center}.maintenance-logo-stage--live{width:260px;height:150px;min-width:260px;min-height:150px;max-width:260px;max-height:150px}.maintenance-logo-wrap img{max-width:260px;max-height:150px;width:auto;height:auto;object-fit:contain}.maintenance-logo-text{margin:22px auto 18px;display:inline-flex;align-items:center;justify-content:center;min-width:220px;min-height:84px;padding:18px 24px;border-radius:24px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:2rem;font-weight:800;letter-spacing:-.03em}.maintenance-logo-text span{color:#fff}.maintenance-card h1{margin:0;font-size:clamp(2rem,4vw,3.35rem);line-height:1.04;letter-spacing:-.04em}.maintenance-copy{max-width:680px;margin:16px auto 0;color:#dfdfdf;font-size:1.05rem;line-height:1.85}.maintenance-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}.maintenance-meta-card{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:20px;text-align:left;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}.maintenance-meta-card i{font-size:1.1rem;color:var(--red);margin-top:4px}.maintenance-meta-card strong{display:block;margin-bottom:4px;color:#fff}.maintenance-meta-card span{display:block;color:var(--text-secondary);font-size:.92rem;line-height:1.6}.maintenance-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}.maintenance-footnote{margin-top:22px;color:#8f8f8f;font-size:.86rem}
@media (max-width: 900px){.maintenance-meta-grid{grid-template-columns:1fr}.settings-section-head{flex-direction:column}.maintenance-card{padding:26px 20px}.maintenance-logo-stage--live{width:220px;height:128px;min-width:220px;min-height:128px;max-width:220px;max-height:128px}.maintenance-logo-wrap img{max-width:220px;max-height:128px}.maintenance-logo-text{min-width:auto;width:100%;font-size:1.6rem}}

.settings-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.settings-top-actions{display:flex;gap:12px;flex-wrap:wrap}
.settings-top-btn{border-width:1px;min-height:46px;border-radius:14px;padding:10px 16px}
.settings-top-btn-back{font-weight:700}
.settings-dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
.settings-editor-shell{padding:22px}
.settings-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08)}
.settings-editor-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(227,24,55,.10);border:1px solid rgba(227,24,55,.18);color:#ffbac8;font-size:.82rem;font-weight:700;margin-bottom:12px}
.settings-editor-head h3{margin:0 0 8px;font-size:1.45rem}
.settings-editor-head p{margin:0;color:var(--text-secondary);line-height:1.7;max-width:760px}
.settings-editor-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.settings-inline-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.settings-info-stack{display:grid;gap:14px}
.settings-side-summary{display:grid;gap:16px}
.settings-select-shell{position:relative}
.settings-select-shell i{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;color:#ffb8c6;font-size:.95rem}
.settings-select-shell > i.bi-chevron-down{display:none}
.settings-themed-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:44px !important;background:linear-gradient(180deg,rgba(227,24,55,.08),rgba(255,255,255,.03)) !important;border:1px solid rgba(227,24,55,.28) !important;box-shadow:inset 0 0 0 1px rgba(227,24,55,.05)}
.settings-themed-select:hover{border-color:rgba(227,24,55,.4) !important}
.settings-themed-select option{background:#0c0c0d;color:#fff}
.settings-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:0}
.settings-menu-card{display:flex;flex-direction:column;gap:10px;padding:18px 20px;border-radius:18px;text-decoration:none;color:inherit;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 24px rgba(0,0,0,.10);transition:all .25s ease;position:relative;overflow:hidden}
.settings-menu-card::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 100% 100%,rgba(227,24,55,.04),transparent 60%);pointer-events:none;opacity:0;transition:opacity .25s}
.settings-menu-card:hover{transform:translateY(-3px);border-color:rgba(227,24,55,.22);box-shadow:0 16px 40px rgba(0,0,0,.18),0 0 0 1px rgba(227,24,55,.06)}
.settings-menu-card:hover::after{opacity:1}
.settings-menu-card.is-active,.settings-menu-card.is-accent{border-color:rgba(227,24,55,.25);background:linear-gradient(180deg,rgba(227,24,55,.08),rgba(255,255,255,.015))}
.settings-menu-card.is-accent-soft{border-color:rgba(227,24,55,.15);background:linear-gradient(180deg,rgba(227,24,55,.04),rgba(255,255,255,.012))}
.settings-menu-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.settings-menu-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(227,24,55,.10);border:1px solid rgba(227,24,55,.14);color:#ff8fa4;font-size:1.15rem;transition:all .25s ease}
.settings-menu-card:hover .settings-menu-icon{background:rgba(227,24,55,.18);color:#fff;box-shadow:0 6px 16px rgba(227,24,55,.14)}
.settings-menu-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:.72rem;font-weight:700;color:var(--text-muted)}
.settings-menu-badge.is-red{background:rgba(227,24,55,.10);border-color:rgba(227,24,55,.20);color:#ffb7c4}
.settings-menu-badge.is-neutral{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.06);color:var(--text-muted)}
.settings-menu-card h3{margin:0;font-size:1.05rem;font-weight:700}
.settings-menu-card p{margin:0;color:var(--text-muted);font-size:.84rem;line-height:1.6;min-height:0}
.settings-menu-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.04);margin-top:auto}
.settings-menu-foot span{color:var(--text-muted);font-size:.82rem;line-height:1.5}
.settings-menu-open{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:10px;background:rgba(227,24,55,.10);border:1px solid rgba(227,24,55,.18);color:#fff !important;font-size:.8rem;font-weight:700;white-space:nowrap;transition:all .2s}
.settings-menu-card:hover .settings-menu-open{background:rgba(227,24,55,.18);border-color:rgba(227,24,55,.30)}
.settings-menu-open i{font-size:.95rem;line-height:1}
body.light .settings-editor-kicker{background:rgba(227,24,55,.08);color:#9a1428}
body.light .settings-themed-select{background:linear-gradient(180deg,rgba(227,24,55,.06),rgba(255,255,255,.98)) !important;border-color:rgba(227,24,55,.22) !important;color:#111 !important}
body.light .settings-themed-select option{background:#fff;color:#111}
body.light .settings-select-shell i{color:#b9102e}
body.light .settings-menu-card,body.light .settings-editor-shell{background:linear-gradient(180deg,#fff,#fafbfc);border-color:rgba(0,0,0,.06);box-shadow:0 6px 20px rgba(15,23,42,.05)}
body.light .settings-menu-card:hover{border-color:rgba(227,24,55,.18);box-shadow:0 12px 32px rgba(15,23,42,.08)}
body.light .settings-menu-card.is-active,body.light .settings-menu-card.is-accent{background:linear-gradient(180deg,#fff8f8,#fff);border-color:rgba(227,24,55,.18)}
body.light .settings-menu-card.is-accent-soft{background:linear-gradient(180deg,#fffbfb,#fff);border-color:rgba(227,24,55,.12)}
body.light .settings-menu-badge{background:#fff;border-color:rgba(15,23,42,.08);color:#475569}
body.light .settings-menu-badge.is-red,body.light .settings-menu-badge.is-neutral{background:rgba(227,24,55,.08);border-color:rgba(227,24,55,.18);color:#9a1428}
body.light .settings-menu-icon{background:rgba(227,24,55,.09);color:#b9102e}
body.light .settings-menu-open{background:rgba(227,24,55,.10);border-color:rgba(227,24,55,.2);color:#b9102e !important}
body.light .btn-outline-red{background:rgba(227,24,55,.05);border-color:rgba(227,24,55,.18);color:#9a1428}
body.light .btn-outline-red:hover{background:rgba(227,24,55,.09);border-color:rgba(227,24,55,.28);color:#7f1022}
@media (max-width: 1100px){.settings-dashboard-layout{grid-template-columns:1fr}.settings-menu-grid{grid-template-columns:1fr 1fr}}
@media (max-width: 768px){.settings-dashboard-head,.settings-editor-head{flex-direction:column}.settings-inline-note-grid,.settings-menu-grid{grid-template-columns:1fr}.settings-top-actions,.settings-editor-actions{width:100%}.settings-top-actions .btn,.settings-editor-actions .btn{width:100%;justify-content:center}}
.settings-dashboard-only-head{margin-bottom:18px}
.settings-menu-grid-dashboard-only{margin-top:0}
.settings-inline-link{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none;font-weight:600}
.settings-inline-link:hover{color:#fff}
body.light .settings-inline-link:hover{color:#b9102e}


/* === Admin backend polish: dropdown, badge, table icon, popup === */
.admin-content .data-table thead th{vertical-align:middle}
.admin-th-label{display:inline-flex;align-items:center;gap:8px;line-height:1.1;white-space:nowrap;text-transform:none;letter-spacing:0}
.admin-th-label i{font-size:.9rem;color:#ff5d77}
body.light .admin-th-label i{color:#d01530}

.admin-content .badge i{font-size:.82em;opacity:.96}
.admin-content .badge span{line-height:1}

.admin-native-select-hidden{position:absolute !important;opacity:0 !important;pointer-events:none !important;width:0 !important;height:0 !important;min-width:0 !important;padding:0 !important;margin:0 !important;border:0 !important}
.admin-custom-select{position:relative;display:block;width:100%}
.admin-custom-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:12px;border:1px solid rgba(227,24,55,.22);background:linear-gradient(180deg,rgba(227,24,55,.08),rgba(255,255,255,.03));color:#fff;padding:10px 14px;min-height:42px;font-weight:700;font-size:.96rem;line-height:1.2;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.admin-custom-select-trigger:hover{border-color:rgba(227,24,55,.35)}
.admin-custom-select.open .admin-custom-select-trigger{border-color:rgba(255,92,120,.48);box-shadow:0 0 0 3px rgba(227,24,55,.12)}
.admin-custom-select-trigger-main{display:inline-flex;align-items:center;gap:9px;min-width:0}
.admin-custom-select-trigger-main i{color:#ff9caf;font-size:.9rem;flex:0 0 auto}
.admin-custom-select-trigger-main span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}
.admin-custom-select-arrow{color:#ff9caf;font-size:.82rem;transition:transform .18s ease}
.admin-custom-select.open .admin-custom-select-arrow{transform:rotate(180deg)}
.admin-custom-select-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);display:none;z-index:70;padding:8px;background:#0c0c0d;border:1px solid rgba(227,24,55,.22);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.45);max-height:320px;overflow:auto}
.admin-custom-select-menu.admin-custom-select-menu-floating{position:fixed;right:auto;top:0;left:0;z-index:9999;display:none}
.admin-custom-select-menu.admin-custom-select-menu-floating.is-floating-visible{display:block}
.admin-custom-select.open .admin-custom-select-menu{display:block}
.admin-custom-select-option{width:100%;display:flex;align-items:center;gap:9px;background:transparent;border:0;color:#fff;text-align:left;padding:10px 12px;border-radius:12px;font-weight:600;font-size:.94rem;line-height:1.2;transition:background .16s ease,color .16s ease,transform .16s ease}
.admin-custom-select-option:hover{background:rgba(227,24,55,.12);color:#fff}
.admin-custom-select-option i{color:#ff8ca0;font-size:.88rem;flex:0 0 auto}
.admin-custom-select-option.is-selected{background:rgba(227,24,55,.18);color:#fff}
.demo-search-shell select{text-transform:none}
.admin-inline-edit select,.exact-front-form select,.demo-search-shell select,.settings-themed-select{background-image:linear-gradient(180deg,rgba(227,24,55,.08),rgba(255,255,255,.03)),linear-gradient(45deg,transparent 50%,#ff8ca0 50%),linear-gradient(135deg,#ff8ca0 50%,transparent 50%) !important;background-position:0 0,calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:auto,6px 6px,6px 6px;background-repeat:no-repeat;appearance:none;-webkit-appearance:none;-moz-appearance:none}
.admin-inline-edit select,.exact-front-form select{padding-left:14px;padding-right:34px;border-color:rgba(227,24,55,.18) !important}
.demo-search-shell select{padding-right:26px !important}
.settings-themed-select{padding-right:44px !important}
.admin-inline-edit select:hover,.exact-front-form select:hover,.demo-search-shell select:hover,.settings-themed-select:hover{border-color:rgba(227,24,55,.35) !important}
.admin-inline-edit select option,.exact-front-form select option,.demo-search-shell select option,.settings-themed-select option{background:#0c0c0d;color:#fff}
body.light .admin-custom-select-trigger{background:linear-gradient(180deg,rgba(227,24,55,.06),rgba(255,255,255,.98));color:#111;border-color:rgba(227,24,55,.18)}
body.light .admin-custom-select.open .admin-custom-select-trigger{box-shadow:0 0 0 3px rgba(227,24,55,.08)}
body.light .admin-custom-select-trigger-main i,body.light .admin-custom-select-arrow,body.light .admin-custom-select-option i{color:#b9102e}
body.light .admin-custom-select-menu{background:#fff;border-color:rgba(227,24,55,.18);box-shadow:0 18px 40px rgba(15,23,42,.12)}
body.light .admin-custom-select-option{color:#111}
body.light .admin-custom-select-option:hover{background:rgba(227,24,55,.08)}
body.light .admin-custom-select-option.is-selected{background:rgba(227,24,55,.12)}
body.light .admin-inline-edit select,body.light .exact-front-form select,body.light .demo-search-shell select,body.light .settings-themed-select{background-image:linear-gradient(180deg,rgba(227,24,55,.06),rgba(255,255,255,.98)),linear-gradient(45deg,transparent 50%,#b9102e 50%),linear-gradient(135deg,#b9102e 50%,transparent 50%) !important;color:#111 !important}
body.light .admin-inline-edit select option,body.light .exact-front-form select option,body.light .demo-search-shell select option,body.light .settings-themed-select option{background:#fff;color:#111}

.admin-action-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:9999;padding:20px}
.admin-action-modal.show{display:flex}
.admin-action-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(6px)}
.admin-action-dialog{position:relative;z-index:1;width:min(100%,500px);background:linear-gradient(180deg,rgba(20,20,22,.98),rgba(9,9,10,.98));border:1px solid rgba(227,24,55,.24);box-shadow:0 24px 80px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.03) inset;border-radius:24px;padding:26px}
.admin-action-icon{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:rgba(227,24,55,.14);border:1px solid rgba(227,24,55,.22);color:#ff6f86;font-size:1.4rem;margin-bottom:16px}
.admin-action-copy h3{margin:0 0 8px;font-size:1.35rem;color:#fff}
.admin-action-copy p{margin:0;color:#b6b6b8;line-height:1.6}
.admin-action-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;flex-wrap:wrap}
.admin-action-buttons .btn{min-width:156px;justify-content:center}
body.modal-open{overflow:hidden}
body.light .admin-action-dialog{background:linear-gradient(180deg,#fff,#f9f9fb);border-color:rgba(227,24,55,.18);box-shadow:0 24px 80px rgba(15,23,42,.16)}
body.light .admin-action-copy h3{color:#111827}
body.light .admin-action-copy p{color:#475569}
body.light .admin-action-backdrop{background:rgba(15,23,42,.45)}

@media (max-width: 767px){
  .admin-th-label{gap:6px}
  .admin-th-label i{font-size:.82rem}
  .admin-action-dialog{padding:22px 18px;border-radius:20px}
  .admin-action-buttons{display:grid;grid-template-columns:1fr}
  .admin-action-buttons .btn{width:100%}
}

/* --- Topup / Credit admin page --- */
.topup-admin-layout{display:grid;grid-template-columns:minmax(0,1.2fr) 340px;gap:18px;align-items:start}
.topup-admin-main{min-width:0}.topup-admin-side{min-width:0}
.topup-toggle-card{display:flex;align-items:center;min-height:54px;padding:0 14px;border-radius:16px;border:1px solid rgba(227,24,55,.14);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.018))}
.topup-toggle-card input{width:18px;height:18px;margin:0 10px 0 0;accent-color:#e31837;flex:0 0 auto}
.topup-toggle-card span{display:flex;align-items:center;gap:10px;font-weight:700;color:#fff}
.topup-toggle-card i{color:#ff8fa4}
.topup-kv-list{display:grid;gap:10px}
.topup-kv-list div{display:flex;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.topup-kv-list span{color:var(--text-secondary);font-size:.88rem;line-height:1.4}
.topup-kv-list strong{font-size:.93rem;color:#fff;text-align:right;word-break:break-word}
.topup-log-list{display:grid;gap:10px}.topup-log-item{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);align-items:center}.topup-log-item div{display:grid;gap:3px}.topup-log-item span{font-size:.82rem;color:var(--text-secondary)}
.topup-credit-form .mini-grid-3{align-items:end}
.wallet-payment-summary{margin:0 22px 18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wallet-payment-summary .panel-soft{height:100%}
.wallet-payment-summary .panel-soft strong{display:block;font-size:1.08rem;margin-top:4px}
.price-green{color:#86efac}
@media (max-width: 1100px){.topup-admin-layout,.wallet-payment-summary{grid-template-columns:1fr}}

/* ═══════════════ TOPUP PAGE REFRESH ═══════════════ */
.topup-page{padding:22px 18px 34px;display:grid;gap:18px}
.topup-hero-band{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}
.topup-hero-card-main,.topup-card{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));border:1px solid rgba(255,255,255,.07);border-radius:24px;padding:24px;box-shadow:0 22px 50px rgba(0,0,0,.18)}
.topup-hero-card-main{background:radial-gradient(circle at top right, rgba(227,24,55,.16), transparent 34%),linear-gradient(135deg,#141414,#101010 55%,#0f0a0b)}
.topup-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(227,24,55,.1);border:1px solid rgba(227,24,55,.24);color:#ffd9df;font-size:.84rem;font-weight:600;margin-bottom:14px}
.topup-hero-card-main h1{font-size:2rem;line-height:1.2;font-weight:800;display:flex;align-items:center;gap:12px;margin-bottom:10px}
.topup-hero-card-main h1 i{color:var(--r)}
.topup-hero-card-main p{font-size:.98rem;color:var(--ts);max-width:760px}
.topup-highlight-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.topup-highlight-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);color:#eaeaea;font-size:.88rem}
.topup-balance-card-hero{position:relative;overflow:hidden;isolation:isolate;max-width:none;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:26px 28px;border-radius:28px;background:linear-gradient(145deg,#ff214f 0%,#dd133f 48%,#c00f36 100%);border:1px solid rgba(255,255,255,.10);box-shadow:0 22px 50px rgba(122,0,25,.34)}
.topup-balance-card-hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 34%,transparent 68%,rgba(120,0,28,.10));opacity:.95}
.topup-balance-card-hero::after{content:'';position:absolute;right:-22px;top:-28px;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle at center,rgba(255,255,255,.16),rgba(255,255,255,.08) 45%,rgba(255,255,255,0) 72%)}
.topup-balance-head,.topup-balance-foot{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.topup-balance-label{display:inline-flex;align-items:center;gap:8px;font-size:1rem;font-weight:800;color:#fff5f7}
.topup-balance-live-pill,.topup-balance-substat{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#fff5f7;font-size:.78rem;font-weight:800;white-space:nowrap;backdrop-filter:blur(2px)}
.topup-balance-display{position:relative;z-index:1;display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.topup-balance-currency{font-size:1.35rem;font-weight:900;line-height:1;color:#fff5f7;padding-bottom:7px}
.topup-balance-amount{font-size:clamp(2.55rem,3.8vw,3.45rem);font-weight:900;line-height:.95;letter-spacing:-.04em;color:#ffffff;text-shadow:0 10px 26px rgba(115,0,25,.18)}
.topup-balance-note{display:flex;align-items:flex-start;gap:8px;max-width:470px;font-size:.92rem;color:#ffe3e8;line-height:1.65}
.topup-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.topup-kpi-card{display:flex;gap:14px;align-items:center;background:#111;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:18px;min-height:102px}
.topup-kpi-icon{width:52px;height:52px;border-radius:16px;background:rgba(227,24,55,.12);border:1px solid rgba(227,24,55,.18);display:flex;align-items:center;justify-content:center;color:#ff4564;font-size:1.28rem;flex-shrink:0}
.topup-kpi-card span{display:block;font-size:.84rem;color:#8f8f8f;margin-bottom:4px}
.topup-kpi-card strong{display:block;font-size:1.02rem;color:#fff;line-height:1.35}
.topup-kpi-card small{display:block;font-size:.78rem;color:#6f6f6f;margin-top:4px;line-height:1.5}
.topup-main-grid{display:grid;grid-template-columns:1.16fr .84fr;gap:18px;align-items:start}
.topup-main-stack,.topup-side-stack{display:grid;gap:18px}
.topup-upload-card{background:radial-gradient(circle at top right, rgba(227,24,55,.09), transparent 25%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0))}
.topup-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}
.topup-card-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:rgba(227,24,55,.08);border:1px solid rgba(227,24,55,.2);color:#ffced7;font-size:.82rem;font-weight:600;margin-bottom:12px}
.topup-card-head h3,.topup-simple-head h3{display:flex;align-items:center;gap:10px;font-size:1.35rem;font-weight:800;margin-bottom:8px}
.topup-card-head h3 i,.topup-simple-head h3 i{color:var(--r)}
.topup-card-head p,.topup-simple-head p{color:var(--ts);font-size:.92rem;line-height:1.7}
.topup-card-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;font-size:.84rem;font-weight:700;white-space:nowrap}
.topup-card-badge.is-ready{background:rgba(0,200,100,.12);border:1px solid rgba(0,200,100,.18);color:#9bf1c2}
.topup-card-badge.is-waiting{background:rgba(255,200,0,.1);border:1px solid rgba(255,200,0,.18);color:#ffe07d}
.topup-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.topup-field.full,.topup-form-actions.full{grid-column:1 / -1}
.topup-input-hint{margin-top:8px;font-size:.8rem;color:#8e8e8e;display:flex;align-items:center;gap:7px}
.topup-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:4px}
.topup-form-note{display:inline-flex;align-items:center;gap:8px;color:#9d9d9d;font-size:.84rem}
.topup-steps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.topup-step-item{display:flex;gap:14px;padding:16px;border-radius:18px;background:#131313;border:1px solid rgba(255,255,255,.06)}
.topup-step-icon{width:48px;height:48px;border-radius:16px;background:rgba(227,24,55,.12);border:1px solid rgba(227,24,55,.18);display:flex;align-items:center;justify-content:center;color:#ff4564;font-size:1.12rem;flex-shrink:0}
.topup-step-item strong{display:block;font-size:.96rem;margin-bottom:4px}
.topup-step-item span{display:block;color:#888;font-size:.82rem;line-height:1.65}
.topup-info-list,.topup-condition-list,.topup-tip-list,.topup-list-wrap{display:grid;gap:10px}
.topup-info-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border-radius:16px;background:#131313;border:1px solid rgba(255,255,255,.06)}
.topup-info-row span{display:inline-flex;align-items:center;gap:8px;color:#9a9a9a;font-size:.85rem}
.topup-info-row strong{color:#fff;text-align:right;font-size:.9rem;line-height:1.5}
.topup-condition-item,.topup-tip-item{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border-radius:16px;background:#131313;border:1px solid rgba(255,255,255,.06);color:#d8d8d8;font-size:.87rem;line-height:1.65}
.topup-condition-item i{color:#41d589;margin-top:2px}.topup-tip-item i{color:#ff4564;font-size:1.2rem;line-height:1}
.topup-list-item{display:flex;align-items:center;gap:14px;padding:14px;border-radius:18px;background:#131313;border:1px solid rgba(255,255,255,.06)}
.topup-list-item.compact{padding:13px 14px}
.topup-list-icon{width:46px;height:46px;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.05rem;border:1px solid transparent}
.topup-list-icon.is-approved{background:rgba(0,200,100,.12);color:#80ebb0;border-color:rgba(0,200,100,.18)}
.topup-list-icon.is-pending{background:rgba(227,24,55,.12);color:#ff9fb0;border-color:rgba(227,24,55,.18)}
.topup-list-body{display:grid;gap:3px;flex:1;min-width:0}
.topup-list-body strong{font-size:.94rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topup-list-body span{font-size:.8rem;color:#888;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.topup-status-pill,.topup-amount-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:.8rem;font-weight:700;white-space:nowrap}
.topup-status-pill.approved,.topup-amount-pill.plus{background:rgba(0,200,100,.12);color:#9bf1c2;border:1px solid rgba(0,200,100,.18)}
.topup-status-pill.pending{background:rgba(227,24,55,.1);color:#ffd0d8;border:1px solid rgba(227,24,55,.18)}
.topup-amount-pill.minus{background:rgba(255,200,0,.08);color:#ffe07d;border:1px solid rgba(255,200,0,.16)}
.topup-file-input{padding:8px 10px!important;background:#111!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.08)!important;color:#d8d8d8!important}
.topup-file-input::file-selector-button{padding:11px 16px;border-radius:12px;border:1px solid rgba(227,24,55,.26);background:linear-gradient(135deg,rgba(227,24,55,.22),rgba(227,24,55,.1));color:#fff;font-weight:700;cursor:pointer;margin-right:12px;transition:all .18s ease}
.topup-file-input:hover::file-selector-button{background:linear-gradient(135deg,rgba(227,24,55,.34),rgba(227,24,55,.16));border-color:rgba(227,24,55,.38)}
.topup-file-input::-webkit-file-upload-button{padding:11px 16px;border-radius:12px;border:1px solid rgba(227,24,55,.26);background:linear-gradient(135deg,rgba(227,24,55,.22),rgba(227,24,55,.1));color:#fff;font-weight:700;cursor:pointer;margin-right:12px}
body.light .topup-balance-card-hero{background:linear-gradient(145deg,#ff214f 0%,#dd133f 48%,#c00f36 100%);border-color:rgba(255,255,255,.12);box-shadow:0 20px 45px rgba(181,16,54,.20)}
body.light .topup-balance-card-hero::before{background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 34%,transparent 68%,rgba(120,0,28,.08))}
body.light .topup-balance-label,body.light .topup-balance-live-pill,body.light .topup-balance-substat,body.light .topup-balance-currency,body.light .topup-balance-amount{color:#ffffff;text-shadow:none}
body.light .topup-balance-live-pill,body.light .topup-balance-substat{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.14)}
body.light .topup-balance-note{color:#ffe3e8}
body.light .topup-hero-card-main,body.light .topup-card,body.light .topup-kpi-card{background:#fff;border-color:rgba(0,0,0,.07);box-shadow:0 16px 40px rgba(0,0,0,.06)}
body.light .topup-highlight-pill,body.light .topup-info-row,body.light .topup-condition-item,body.light .topup-tip-item,body.light .topup-list-item,body.light .topup-step-item{background:#fafafa;border-color:rgba(0,0,0,.06);color:#222}
body.light .topup-kpi-card strong,body.light .topup-info-row strong,body.light .topup-list-body strong,body.light .topup-card-head h3,body.light .topup-simple-head h3,body.light .topup-hero-card-main h1{color:#0a0a0a}
body.light .topup-kpi-card span,body.light .topup-info-row span,body.light .topup-input-hint,body.light .topup-step-item span,body.light .topup-card-head p,body.light .topup-simple-head p,body.light .topup-list-body span{color:#777}
body.light .topup-file-input{background:#fff!important;color:#333!important;border-color:rgba(0,0,0,.08)!important}
body.light .topup-file-input::file-selector-button,body.light .topup-file-input::-webkit-file-upload-button{color:#c41431}
@media (max-width: 1180px){.topup-hero-band,.topup-main-grid{grid-template-columns:1fr}.topup-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 760px){.topup-page{padding:16px 12px 28px}.topup-form-grid,.topup-steps-grid,.topup-kpi-grid{grid-template-columns:1fr}.topup-card-head,.topup-form-actions,.topup-balance-head,.topup-balance-foot{flex-direction:column;align-items:flex-start}.topup-balance-card-hero{padding:22px 20px;border-radius:24px}.topup-balance-display{align-items:baseline;gap:8px}.topup-balance-amount{font-size:1.95rem}.topup-balance-currency{padding-bottom:0}.topup-hero-card-main h1{font-size:1.6rem}.topup-list-item{align-items:flex-start;flex-wrap:wrap}.topup-status-pill,.topup-amount-pill{margin-left:60px}}


/* ═══════════════ TOPUP WALLET — clean minimal ═══════════════ */
.tw-page{padding:0 0 34px}
.tw-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:20px;align-items:start;padding:0 16px}
.tw-main,.tw-side{display:grid;gap:14px}
.tw-card{background:var(--cd);border:1px solid var(--bd);border-radius:20px;padding:24px;box-shadow:0 8px 30px rgba(0,0,0,.12)}
.tw-card-label{display:flex;align-items:center;gap:8px;font-size:1.08rem;font-weight:700;color:var(--tx);margin-bottom:8px}
.tw-card-label i{color:var(--r);font-size:1.1rem}
.tw-card-desc{font-size:.9rem;color:var(--ts);line-height:1.7;margin:0 0 20px}

/* Bank showcase box */
.tw-bank-box{padding:24px;border-radius:16px;background:var(--sf);border:1px solid var(--bd);margin-bottom:24px}
.tw-bank-name{display:flex;align-items:center;gap:8px;font-size:.92rem;font-weight:600;color:var(--ts);margin-bottom:12px}
.tw-bank-name i{color:var(--r)}
.tw-account-number{font-size:2.2rem;font-weight:900;letter-spacing:.02em;color:var(--tx);line-height:1.15;margin-bottom:8px;word-break:break-all}
.tw-account-holder{font-size:.9rem;color:var(--ts);margin-bottom:14px}
.tw-bank-hint{font-size:.82rem;color:var(--tm);line-height:1.7;margin:0 0 16px}
.tw-copy-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;border:1px solid rgba(227,24,55,.28);background:rgba(227,24,55,.08);color:var(--rl);font-size:.9rem;font-weight:700;cursor:pointer;font-family:'Prompt',sans-serif;transition:all .18s ease}
.tw-copy-btn:hover{background:rgba(227,24,55,.15);border-color:rgba(227,24,55,.4)}
.tw-copy-btn.copied{background:rgba(0,200,100,.12);border-color:rgba(0,200,100,.22);color:var(--ok)}

/* Form */
.tw-form{display:grid;gap:16px}
.tw-field{display:flex;flex-direction:column;gap:7px}
.tw-label{display:flex;align-items:center;gap:7px;font-size:.9rem;font-weight:600;color:var(--tx)}
.tw-label i{color:var(--ts);font-size:.95rem}
.tw-field-note{font-size:.78rem;color:var(--tm);line-height:1.6;margin-top:4px}
.tw-submit{margin-top:4px;border-radius:14px;min-height:50px;font-size:1rem}
.tw-api-down{display:flex;align-items:center;gap:12px;padding:18px 20px;border-radius:16px;background:rgba(227,24,55,.08);border:1px solid rgba(227,24,55,.2);color:#ff7b90;font-size:14px;margin-top:12px}
.tw-api-down i{font-size:22px;flex-shrink:0;color:var(--rl,#e31837)}
.tw-api-down strong{font-weight:600;color:var(--tx,#e0e0e0)}
.topup-confirm-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;pointer-events:none;transition:opacity .22s ease}
.topup-confirm-overlay.is-open{opacity:1;pointer-events:auto}
.topup-confirm-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(6px)}
.topup-confirm-dialog{position:relative;width:min(100%,480px);max-height:min(88vh,760px);overflow:auto;border-radius:22px;background:linear-gradient(180deg,rgba(18,18,24,.98),rgba(10,10,14,.98));border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 70px rgba(0,0,0,.5);padding:0}
.topup-confirm-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:none;background:rgba(255,255,255,.06);border-radius:10px;color:#aaa;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;z-index:2;transition:.15s}
.topup-confirm-close:hover{background:rgba(255,255,255,.1);color:#fff}
.topup-confirm-head{text-align:center;padding:24px 24px 0}
.topup-confirm-icon{width:56px;height:56px;border-radius:16px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;background:rgba(227,24,55,.12);color:#ff6b7e;border:1px solid rgba(227,24,55,.2)}
.topup-confirm-head h3{font-size:1.2rem;font-weight:700;color:#fff;margin:0 0 4px}
.topup-confirm-head p{font-size:.85rem;color:#888;margin:0}
.topup-confirm-body{padding:18px 22px 0}
.topup-confirm-preview{width:100%;max-height:260px;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;margin-bottom:16px;min-height:120px;color:#666;font-size:.85rem;flex-direction:column;gap:6px}
.topup-confirm-preview img{width:100%;max-height:260px;object-fit:contain;display:block}
.topup-confirm-preview i{font-size:1.4rem}
.topup-confirm-info{display:flex;flex-direction:column;gap:0;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.topup-confirm-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;background:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.06)}
.topup-confirm-row:last-child{border-bottom:none}
.topup-confirm-label{display:flex;align-items:center;gap:7px;font-size:.85rem;color:#999}
.topup-confirm-label i{font-size:1rem}
.topup-confirm-value{font-size:1rem;font-weight:700;color:#fff;text-align:right;max-width:60%;word-break:break-all}
.topup-confirm-filename{font-size:.82rem;font-weight:500;color:#bbb}
.topup-confirm-note{display:flex;align-items:flex-start;gap:8px;margin-top:14px;padding:12px 14px;border-radius:12px;background:rgba(227,24,55,.08);border:1px solid rgba(227,24,55,.15);color:#ff7b90;font-size:.8rem;line-height:1.6}
.topup-confirm-note i{margin-top:2px;flex-shrink:0;color:#e31837}
.topup-confirm-actions{display:flex;gap:10px;padding:18px 22px 22px;flex-wrap:wrap}
.topup-confirm-actions .btn{flex:1;min-width:120px;justify-content:center;border-radius:12px;font-size:.95rem;padding:12px 16px}
@media(max-width:560px){.topup-confirm-dialog{width:min(100%,400px);border-radius:18px}.topup-confirm-head{padding:20px 18px 0}.topup-confirm-body{padding:14px 16px 0}.topup-confirm-actions{padding:14px 16px 18px;flex-direction:column}.topup-confirm-actions .btn{width:100%}}

/* History list */
.tw-history{display:grid;gap:6px;margin-top:4px}
.tw-h-row{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;background:var(--sf);border:1px solid var(--bd)}
.tw-h-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.88rem}
.tw-h-icon--ok{background:rgba(0,200,100,.12);color:var(--ok);border:1px solid rgba(0,200,100,.18)}
.tw-h-icon--err{background:rgba(227,24,55,.12);color:var(--r);border:1px solid rgba(227,24,55,.18)}
.tw-h-icon--wait{background:rgba(255,200,0,.1);color:var(--warn);border:1px solid rgba(255,200,0,.18)}
.tw-h-icon--out{background:rgba(255,255,255,.04);color:var(--ts);border:1px solid var(--bd)}
.tw-h-body{display:grid;gap:1px;flex:1;min-width:0}
.tw-h-body strong{font-size:.88rem;color:var(--tx)}
.tw-h-body .tw-green{color:var(--ok)}
.tw-h-body span{font-size:.74rem;color:var(--tm)}
.tw-h-pill{padding:5px 10px;border-radius:999px;font-size:.7rem;font-weight:700;white-space:nowrap}
.tw-h-bal{font-size:.74rem;font-weight:600;color:var(--ts);white-space:nowrap;padding:4px 10px;border-radius:999px;background:var(--sf);border:1px solid var(--bd)}
.tw-h-pill--ok{background:rgba(0,200,100,.12);color:var(--ok);border:1px solid rgba(0,200,100,.18)}
.tw-h-pill--err{background:rgba(227,24,55,.1);color:var(--rl);border:1px solid rgba(227,24,55,.18)}
.tw-h-pill--wait{background:rgba(255,200,0,.08);color:var(--warn);border:1px solid rgba(255,200,0,.16)}
.tw-h-bal{padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--bd);font-size:.78rem;font-weight:700;color:var(--ts);white-space:nowrap}
.tw-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:36px 16px;color:var(--tm);text-align:center}
.tw-empty i{font-size:2.2rem;opacity:.45}
.tw-empty span{font-size:.88rem}
.tw-viewall-btn{margin-top:12px;border-radius:12px;font-size:.88rem;gap:6px}
.dep-detail{display:flex;flex-direction:column;gap:18px;margin-bottom:18px}
.dep-detail__status{text-align:center;padding:32px 24px 28px;border-radius:20px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
.dep-detail__status-icon{width:80px;height:80px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:2.4rem}
.dep-detail__status--ok .dep-detail__status-icon{background:rgba(0,200,100,.1);color:#4ade80;border:2px solid rgba(0,200,100,.2)}
.dep-detail__status--err .dep-detail__status-icon{background:rgba(227,24,55,.1);color:#ff6b7e;border:2px solid rgba(227,24,55,.2)}
.dep-detail__status--wait .dep-detail__status-icon{background:rgba(245,158,11,.1);color:#fbbf24;border:2px solid rgba(245,158,11,.2)}
.dep-detail__status h2{font-size:1.3rem;font-weight:800;color:#fff;margin:0 0 4px}
.dep-detail__status p{font-size:.88rem;color:#888;margin:0 0 16px}
.dep-detail__amount{font-size:2rem;font-weight:900;color:#fff;letter-spacing:-.5px}
.dep-detail__status--ok .dep-detail__amount{color:#4ade80}
.dep-detail__status--err .dep-detail__amount{color:#ff6b7e}
.dep-detail__reason{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-radius:14px;background:rgba(227,24,55,.06);border:1px solid rgba(227,24,55,.15);color:#ff7b90;font-size:.88rem;line-height:1.6}
.dep-detail__reason i{font-size:1.1rem;margin-top:2px;flex-shrink:0;color:#e31837}
.dep-detail__reason strong{display:block;color:#fff;font-size:.82rem;margin-bottom:2px}
.dep-detail__reason span{color:#ff9daa}
.dep-detail__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.dep-detail__item{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:6px;position:relative}
.dep-detail__item-ico{position:absolute;top:12px;right:14px;font-size:1.1rem;color:rgba(255,255,255,.08)}
.dep-detail__item-label{font-size:.78rem;color:#888}
.dep-detail__item-value{font-size:.95rem;font-weight:600;color:#fff}
.dep-detail__slip{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
.dep-detail__slip-label{padding:14px 18px;font-size:.88rem;font-weight:600;color:#ccc;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:8px}
.dep-detail__slip-label i{color:var(--rl,#e31837)}
.dep-detail__slip-img{display:block;padding:14px;text-align:center}
.dep-detail__slip-img img{max-width:100%;max-height:420px;border-radius:12px;object-fit:contain}
@media(max-width:560px){.dep-detail__grid{grid-template-columns:1fr}.dep-detail__status{padding:24px 18px 22px}.dep-detail__status-icon{width:68px;height:68px;font-size:2rem}.dep-detail__amount{font-size:1.6rem}}

/* Light theme */
body.light .tw-card{background:#fff;border-color:rgba(0,0,0,.07);box-shadow:0 8px 28px rgba(0,0,0,.05)}
body.light .tw-bank-box,body.light .tw-h-row{background:#f9f9fb;border-color:rgba(0,0,0,.06)}
body.light .tw-account-number,body.light .tw-card-label,body.light .tw-label,body.light .tw-h-body strong{color:#0a0a0a}
body.light .tw-bank-name,body.light .tw-account-holder,body.light .tw-card-desc,body.light .tw-h-body span,body.light .tw-bank-hint,body.light .tw-field-note{color:#777}
body.light .tw-copy-btn{color:#c41431}

/* Mobile card */
.m-tw-card{background:#111;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:20px;margin-bottom:14px;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.m-tw-label{display:flex;align-items:center;gap:8px;font-size:1.02rem;font-weight:700;color:#fff;margin-bottom:6px}
.m-tw-label i{color:var(--r)}
.m-tw-desc{font-size:.84rem;color:#999;line-height:1.65;margin:0 0 16px}
.m-tw-bank-box{padding:18px;border-radius:14px;background:#0c0c0c;border:1px solid rgba(255,255,255,.06);margin-bottom:18px}
.m-tw-bank-name{display:flex;align-items:center;gap:8px;font-size:.86rem;font-weight:600;color:#aaa;margin-bottom:10px}
.m-tw-bank-name i{color:var(--r)}
.m-tw-acc-num{font-size:1.7rem;font-weight:900;color:#fff;letter-spacing:.01em;line-height:1.15;margin-bottom:6px;word-break:break-all}
.m-tw-acc-holder{font-size:.84rem;color:#999;margin-bottom:14px}
.mobile-topup-bal{margin-left:auto;padding:5px 12px;border-radius:10px;background:rgba(0,200,100,.12);border:1px solid rgba(0,200,100,.18);font-size:.82rem;font-weight:700;color:var(--ok)}
body.light .m-tw-card{background:#fff;border-color:rgba(0,0,0,.07);box-shadow:0 8px 20px rgba(0,0,0,.05)}
body.light .m-tw-bank-box{background:#f9f9fb;border-color:rgba(0,0,0,.06)}
body.light .m-tw-acc-num,body.light .m-tw-label{color:#0a0a0a}
body.light .m-tw-bank-name,body.light .m-tw-acc-holder,body.light .m-tw-desc{color:#777}

/* Responsive */
@media (max-width: 1100px){.tw-grid{grid-template-columns:1fr}}
@media (max-width: 760px){.tw-card{padding:20px 18px;border-radius:18px}.tw-account-number{font-size:1.7rem}.tw-bank-box{padding:20px}.tw-h-row{flex-wrap:wrap}.tw-h-pill,.tw-h-bal{margin-left:50px}.tw-grid{padding:0 12px}}

.likes-shell{display:grid;grid-template-columns:minmax(0,1.1fr) 320px;gap:18px;margin-bottom:18px}
.likes-form-card,.likes-side-card{padding:22px;border-radius:22px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));box-shadow:0 18px 38px rgba(0,0,0,.18)}
.likes-form-card h3{margin:0 0 8px;font-size:1.35rem}.likes-form-card p{margin:0 0 18px;color:var(--text-secondary);line-height:1.7}
.likes-tips{display:grid;gap:12px}
.likes-order-card{margin-top:18px}
.inline-update-form{margin:0}.inline-update-grid{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:10px;align-items:center;min-width:420px}
.table-link-cell a{display:inline-block;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.table-sub{margin-top:4px;font-size:.78rem;color:var(--text-secondary)}
@media (max-width: 1080px){.likes-shell{grid-template-columns:1fr}.inline-update-grid{grid-template-columns:1fr}.table-link-cell a{max-width:220px}}
body.light .likes-form-card,body.light .likes-side-card{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(246,248,251,.96));border-color:rgba(227,24,55,.12);box-shadow:0 16px 30px rgba(15,23,42,.08)}

.likes-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}
.likes-admin-panel{height:100%}
.likes-import-note{margin-bottom:14px}
.likes-service-list{display:grid;gap:18px}
.likes-service-card{padding:20px}
.likes-service-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.likes-service-meta{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.metric-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:13px}
.likes-service-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:14px}
.likes-api-info{display:flex;gap:10px;flex-wrap:wrap}
.check-tile{display:block}
.settings-check-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);min-height:48px}
.settings-check-row input[type="checkbox"]{width:18px;height:18px;accent-color:#e11d48}
.mini-grid-4,.mini-grid-6{display:grid;gap:14px}
.mini-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mini-grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:1200px){.mini-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.likes-admin-grid{grid-template-columns:1fr}}
@media (max-width:820px){.likes-service-head,.likes-service-foot{flex-direction:column;align-items:stretch}.likes-service-meta{justify-content:flex-start}.mini-grid-6,.mini-grid-4,.likes-admin-grid{grid-template-columns:1fr}}

/* ═══════════════ LIKES FRONT PRO LAYOUT ═══════════════ */
.likes-hero-panel{display:grid;grid-template-columns:minmax(0,1.25fr) 360px;gap:18px;padding:22px;background:linear-gradient(135deg,#0e0e0e 0%,#23060d 55%,#330914 100%);border:1px solid rgba(227,24,55,.14);border-radius:26px;position:relative;overflow:hidden;margin:18px 16px 18px;box-shadow:0 24px 50px rgba(0,0,0,.24)}
.likes-hero-panel::before{content:'';position:absolute;right:-100px;top:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(227,24,55,.22),transparent 68%);pointer-events:none}
.likes-hero-copy,.likes-hero-side{position:relative;z-index:1}.likes-hero-copy{padding:10px 6px 10px 4px}.likes-hero-copy h1{font-size:2.35rem;line-height:1.18;font-weight:800;margin:0 0 10px}.likes-hero-copy p{max-width:760px;color:var(--text-secondary);font-size:1rem;line-height:1.85}
.likes-hero-side{display:flex;align-items:stretch;justify-content:flex-end}
.likes-balance-card{width:100%;max-width:360px;min-height:210px;border-radius:28px;padding:26px 24px;background:linear-gradient(180deg,#f3204e 0%,#d6103d 100%);color:#fff;position:relative;overflow:hidden;box-shadow:0 20px 40px rgba(227,24,55,.24)}
.likes-balance-card::before{content:'';position:absolute;right:-34px;top:-34px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.12)}
.likes-balance-kicker{font-size:1rem;font-weight:700;opacity:.98;margin-bottom:12px}.likes-balance-value{font-size:3rem;font-weight:900;line-height:1.05;letter-spacing:-1px;margin-bottom:12px}.likes-balance-sub{font-size:.98rem;opacity:.9;line-height:1.6;max-width:250px}
.likes-top-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0 16px;margin-bottom:18px}
.likes-stat-card{display:flex;align-items:center;gap:14px;padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 34px rgba(0,0,0,.16)}
.likes-stat-icon{width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:rgba(227,24,55,.14);color:var(--red);font-size:1.2rem;flex:0 0 auto}.likes-stat-content span,.likes-stat-content small{display:block}.likes-stat-content span{font-size:.9rem;color:var(--text-secondary)}.likes-stat-content strong{font-size:1.36rem;font-weight:800;line-height:1.2}.likes-stat-content small{font-size:.82rem;color:var(--text-muted);margin-top:3px}
.likes-platform-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 16px;margin-bottom:18px}
.likes-platform-pill{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.likes-platform-pill i{font-size:1.15rem;color:var(--red)}.likes-platform-pill span{font-size:.95rem;font-weight:600;color:var(--text)}.likes-platform-pill small{min-width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);color:var(--text-secondary);font-size:.8rem;font-weight:700}.likes-platform-pill:hover,.likes-platform-pill.active{border-color:rgba(227,24,55,.28);background:rgba(227,24,55,.10);box-shadow:0 12px 24px rgba(227,24,55,.08)}.likes-platform-pill.active span,.likes-platform-pill.active small{color:#fff}.likes-platform-pill.active small{background:rgba(227,24,55,.78)}
.likes-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:18px;padding:0 16px 8px}
.likes-order-card-pro,.likes-description-card{padding:22px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 42px rgba(0,0,0,.18)}
.likes-order-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.likes-order-tabs{display:flex;flex-wrap:wrap;gap:10px}.likes-order-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:rgba(227,24,55,.14);color:#fff;font-weight:700;font-size:.9rem}.likes-order-tab.muted{background:rgba(255,255,255,.04);color:var(--text-secondary)}
.likes-order-search{position:relative;min-width:220px;max-width:290px;width:100%}.likes-order-search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.likes-order-search input{width:100%;padding:12px 14px 12px 40px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);color:var(--text);outline:none}.likes-order-search input:focus{border-color:rgba(227,24,55,.34)}
.likes-form-section-title{font-size:1.28rem;font-weight:800;margin-bottom:16px}.likes-pro-form{display:block}.likes-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.likes-field{display:flex;flex-direction:column;gap:8px}.likes-field span{display:inline-flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:var(--text)}.likes-field input,.likes-select{width:100%;min-height:52px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:var(--text);outline:none}.likes-field input:focus,.likes-select:focus{border-color:rgba(227,24,55,.34)}.likes-field-link,.likes-field-service{grid-column:1/-1}.likes-field-price input[readonly]{font-weight:800;color:#fff;background:linear-gradient(180deg,rgba(227,24,55,.12),rgba(227,24,55,.08))}
.likes-inline-meta,.likes-qty-range,.likes-price-note{font-size:.83rem;color:var(--text-secondary);line-height:1.65}.likes-qty-range{display:inline-flex;align-items:center;align-self:flex-start;padding:6px 12px;border-radius:999px;background:rgba(227,24,55,.08);border:1px solid rgba(227,24,55,.18);color:#ffb7c2}
.likes-service-summary{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding:16px;border-radius:18px;background:rgba(255,255,255,.02);border:1px dashed rgba(255,255,255,.08)}.likes-summary-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);color:var(--text-secondary);font-size:.88rem;font-weight:600}.likes-summary-badge i{color:var(--red)}
.likes-form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.likes-form-actions .btn-full{flex:1}
.likes-description-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.likes-side-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(227,24,55,.10);border:1px solid rgba(227,24,55,.18);color:#ffb7c2;font-size:.83rem;font-weight:700;margin-bottom:10px}.likes-description-head h3{font-size:1.34rem;font-weight:800;line-height:1.28;margin-bottom:6px}.likes-description-head p{color:var(--text-secondary);font-size:.92rem;line-height:1.7}.likes-description-icon{width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:rgba(227,24,55,.14);color:var(--red);font-size:1.25rem;flex:0 0 auto}
.likes-description-body{display:grid;gap:16px}.likes-description-highlight{padding:16px 18px;border-radius:18px;background:linear-gradient(180deg,rgba(227,24,55,.11),rgba(227,24,55,.05));border:1px solid rgba(227,24,55,.18);line-height:1.8;color:#ffe1e6}.likes-description-pills{display:flex;flex-wrap:wrap;gap:10px}.likes-info-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);color:var(--text-secondary);font-size:.87rem;font-weight:600}.likes-info-pill i{color:var(--red)}
.likes-description-list{display:grid;gap:10px}.likes-description-item{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:var(--text-secondary);line-height:1.7}.likes-description-item i{color:var(--red);font-size:1rem;margin-top:3px}.likes-description-note{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.08)}.likes-description-note strong{display:block;font-size:.95rem;margin-bottom:6px;color:#fff}.likes-description-note p{color:var(--text-secondary);line-height:1.75}
.likes-order-history-card{margin:18px 16px 26px}
body.light .likes-hero-panel{background:linear-gradient(135deg,#fff 0%,#fff5f7 62%,#ffe9ef 100%);border-color:rgba(227,24,55,.12);box-shadow:0 22px 48px rgba(15,23,42,.08)}
body.light .likes-hero-copy p,body.light .likes-stat-content span,body.light .likes-stat-content small,body.light .likes-inline-meta,body.light .likes-price-note,body.light .likes-description-head p,body.light .likes-description-item,body.light .likes-description-note p{color:#555}
body.light .likes-top-stats .likes-stat-card,body.light .likes-platform-pill,body.light .likes-order-card-pro,body.light .likes-description-card{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,246,247,.96));border-color:rgba(227,24,55,.12);box-shadow:0 16px 32px rgba(15,23,42,.07)}
body.light .likes-order-search input,body.light .likes-field input,body.light .likes-select{background:#fff;border-color:rgba(227,24,55,.10);color:#0a0a0a}
body.light .likes-summary-badge,body.light .likes-info-pill,body.light .likes-description-item{background:#fff;border-color:rgba(227,24,55,.10)}
body.light .likes-service-summary,body.light .likes-description-note{background:rgba(255,255,255,.92);border-color:rgba(227,24,55,.12)}
body.light .likes-qty-range{color:#c01d3d;background:rgba(227,24,55,.06)}
body.light .likes-field-price input[readonly]{color:#0a0a0a;background:linear-gradient(180deg,rgba(227,24,55,.08),rgba(227,24,55,.05))}
@media (max-width: 1180px){.likes-hero-panel{grid-template-columns:1fr}.likes-hero-side{justify-content:flex-start}.likes-top-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.likes-layout{grid-template-columns:1fr}.likes-description-card{order:2}.likes-order-card-pro{order:1}}
@media (max-width: 820px){.likes-hero-panel{margin:14px 12px 16px;padding:18px;border-radius:22px}.likes-hero-copy h1{font-size:1.86rem}.likes-balance-card{min-height:170px}.likes-balance-value{font-size:2.35rem}.likes-top-stats,.likes-platform-strip,.likes-layout,.likes-order-card-pro{padding-left:12px;padding-right:12px}.likes-top-stats{grid-template-columns:1fr}.likes-form-grid{grid-template-columns:1fr}.likes-order-topbar{flex-direction:column;align-items:stretch}.likes-order-search{max-width:none}.likes-form-actions .btn,.likes-form-actions .btn-full{width:100%;justify-content:center;flex:none}}

/* Likes customer page refinement */
.likes-hero-panel-clean .likes-hero-copy p{max-width:820px}
.likes-customer-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;max-width:860px}
.likes-customer-step{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.likes-customer-step-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:14px;background:rgba(227,24,55,.16);color:var(--red);font-size:1rem}
.likes-customer-step strong,.likes-customer-step span{display:block}.likes-customer-step strong{font-size:.95rem;font-weight:800;color:#fff;margin-bottom:4px}.likes-customer-step span{font-size:.84rem;line-height:1.65;color:var(--text-secondary)}
.likes-customer-alert{margin:0 16px 18px}
.likes-layout-customer{align-items:start}
.likes-order-card-clean,.likes-description-card-clean{padding:24px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 42px rgba(0,0,0,.18)}
.likes-order-topbar-clean{display:block;margin-bottom:20px}
.likes-section-heading{margin:0;font-size:1.3rem;font-weight:800;line-height:1.25}
.likes-form-grid-clean{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.likes-form-grid-clean .likes-field-search,.likes-form-grid-clean .likes-field-category,.likes-form-grid-clean .likes-field-link,.likes-form-grid-clean .likes-field-service{grid-column:1 / -1}
.likes-form-helpbox{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.likes-form-help-item{display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:var(--text-secondary);font-size:.88rem;line-height:1.6}
.likes-form-help-item i{color:var(--red)}
.likes-service-summary-clean{margin-top:18px;background:rgba(255,255,255,.025)}
.likes-description-card-clean .likes-description-highlight{color:#ffe7eb}
.likes-order-history-card-clean{margin-top:18px}
.likes-description-card-clean .likes-description-item,.likes-order-card-clean .likes-field input,.likes-order-card-clean .likes-select,.likes-order-card-clean .likes-order-search input{background:rgba(255,255,255,.028)}
.likes-description-card-clean .likes-description-note{background:rgba(255,255,255,.025)}
.likes-description-card-clean .likes-info-pill,.likes-service-summary-clean .likes-summary-badge{background:rgba(255,255,255,.035)}
.likes-order-search-inline{position:relative;width:100%;min-width:0;max-width:none}
.likes-order-search-inline i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted)}
.likes-order-search-inline input{width:100%;min-height:56px;padding:15px 16px 15px 42px;border-radius:18px;border:1px solid rgba(227,24,55,.18);background:linear-gradient(180deg,rgba(18,18,20,.98),rgba(9,9,11,.98));color:#fff;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 0 0 rgba(227,24,55,0);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.likes-order-search-inline input:hover{border-color:rgba(227,24,55,.34);background:linear-gradient(180deg,rgba(22,22,26,.98),rgba(11,11,13,.98))}
.likes-order-search-inline input:focus{border-color:rgba(227,24,55,.52);box-shadow:0 0 0 4px rgba(227,24,55,.12),inset 0 1px 0 rgba(255,255,255,.04)}
.likes-field-category .likes-select-shell,.likes-field-service .likes-select-shell,.likes-field-search .likes-order-search-inline{width:100%}
body.light .likes-order-search-inline input{background:linear-gradient(180deg,#ffffff,#fff6f8);border-color:rgba(227,24,55,.16);color:#111;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 10px 22px rgba(15,23,42,.04)}
body.light .likes-order-search-inline input:hover{border-color:rgba(227,24,55,.28);background:linear-gradient(180deg,#ffffff,#fff0f4)}
body.light .likes-order-search-inline input:focus{border-color:rgba(227,24,55,.42);box-shadow:0 0 0 4px rgba(227,24,55,.10),0 12px 24px rgba(15,23,42,.06)}
.likes-platform-pill{min-height:58px}
body.light .likes-customer-step,body.light .likes-order-card-clean,body.light .likes-description-card-clean{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,246,247,.96));border-color:rgba(227,24,55,.12);box-shadow:0 16px 32px rgba(15,23,42,.07)}
body.light .likes-customer-step strong{color:#0b0b0b}
body.light .likes-customer-step span{color:#666}
body.light .likes-form-help-item{background:#fff;border-color:rgba(227,24,55,.10);color:#555}
body.light .likes-description-card-clean .likes-description-note,body.light .likes-description-card-clean .likes-description-item,body.light .likes-description-card-clean .likes-info-pill,body.light .likes-service-summary-clean .likes-summary-badge{background:#fff;border-color:rgba(227,24,55,.10)}
@media (max-width:1180px){.likes-customer-steps{grid-template-columns:1fr}.likes-form-helpbox{grid-template-columns:1fr}.likes-layout-customer{grid-template-columns:1fr}.likes-platform-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.likes-platform-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.likes-platform-strip{grid-template-columns:1fr}}
@media (max-width:820px){.likes-customer-alert{margin:0 12px 16px}.likes-customer-steps{grid-template-columns:1fr}.likes-form-grid-clean{grid-template-columns:1fr}.likes-form-helpbox{grid-template-columns:1fr}.likes-order-card-clean,.likes-description-card-clean{padding:18px}.likes-section-heading{font-size:1.15rem}}


/* Likes page dropdown theme tune */
.likes-select-shell{position:relative}
.likes-select-shell::after{content:"\F282";font-family:"bootstrap-icons";position:absolute;right:18px;top:50%;transform:translateY(-50%);pointer-events:none;color:#ff5f7e;font-size:.95rem;transition:transform .18s ease,color .18s ease,opacity .18s ease;opacity:.95}
.likes-select-control{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;min-height:56px;padding:15px 52px 15px 16px;border-radius:18px;border:1px solid rgba(227,24,55,.18);background:linear-gradient(180deg,rgba(18,18,20,.98),rgba(9,9,11,.98));color:#fff;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 0 0 rgba(227,24,55,0);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease}
.likes-select-control:hover{border-color:rgba(227,24,55,.34);background:linear-gradient(180deg,rgba(22,22,26,.98),rgba(11,11,13,.98))}
.likes-select-control:focus{border-color:rgba(227,24,55,.52);box-shadow:0 0 0 4px rgba(227,24,55,.12),inset 0 1px 0 rgba(255,255,255,.04)}
.likes-select-shell:focus-within::after{color:#ff7f97;transform:translateY(-50%) rotate(180deg)}
.likes-select-control option{background:#0b0b0d;color:#fff}
.likes-field .likes-select-control{font-weight:700;letter-spacing:.01em}
.likes-field .likes-select-control:disabled{opacity:.65;cursor:not-allowed}
body.light .likes-select-control{background:linear-gradient(180deg,#ffffff,#fff6f8);border-color:rgba(227,24,55,.16);color:#111;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 10px 22px rgba(15,23,42,.04)}
body.light .likes-select-control:hover{border-color:rgba(227,24,55,.28);background:linear-gradient(180deg,#ffffff,#fff0f4)}
body.light .likes-select-control:focus{border-color:rgba(227,24,55,.42);box-shadow:0 0 0 4px rgba(227,24,55,.10),0 12px 24px rgba(15,23,42,.06)}
body.light .likes-select-shell::after{color:#ca1234}
body.light .likes-select-control option{background:#fff;color:#111}

/* Social accounts shop */
.account-shop-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;padding:24px 24px 22px;margin:16px;background:linear-gradient(135deg,#110204,#2a0710 55%,#120204);border:1px solid rgba(227,24,55,.18);box-shadow:0 20px 44px rgba(0,0,0,.18)}
.account-shop-hero-copy h1{font-size:2.15rem;line-height:1.12;font-weight:800;margin:6px 0 10px}.account-shop-hero-copy h1 .red{color:var(--red)}
.account-shop-hero-copy p{color:var(--text-secondary);max-width:760px;line-height:1.75}.account-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.account-shop-hero-side{display:flex;align-items:stretch;justify-content:flex-end}.account-hero-logo{display:flex;align-items:center;justify-content:center;width:min(100%,280px);padding:16px}.account-hero-logo img{max-width:100%;max-height:140px;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(0,0,0,.3));opacity:.85;transition:opacity .2s}.account-hero-logo img:hover{opacity:1}.account-balance-card{position:relative;overflow:hidden;width:min(100%,330px);border-radius:24px;padding:22px 24px;background:linear-gradient(145deg,#ff214f 0%,#dd133f 48%,#c00f36 100%);color:#fff;box-shadow:0 22px 50px rgba(122,0,25,.34)}
.account-balance-card::after{content:'';position:absolute;right:-20px;top:-24px;width:124px;height:124px;border-radius:50%;background:radial-gradient(circle at center,rgba(255,255,255,.18),rgba(255,255,255,.08) 48%,rgba(255,255,255,0) 72%)}
.account-balance-head{position:relative;z-index:1;font-size:.95rem;font-weight:700;color:#fff2f5}.account-balance-value{position:relative;z-index:1;font-size:2.55rem;font-weight:900;line-height:1;margin:16px 0 12px}.account-balance-meta{position:relative;z-index:1;font-size:.88rem;color:#ffe3e8;line-height:1.7}
.account-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 16px 16px}.account-kpi-card{display:flex;align-items:center;gap:12px;padding:18px;border-radius:18px;background:#111;border:1px solid rgba(255,255,255,.07)}
.account-kpi-card i{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:rgba(227,24,55,.13);color:var(--red);font-size:1.1rem;flex:0 0 auto}.account-kpi-card strong{display:block;font-size:1.05rem;color:#fff}.account-kpi-card span{display:block;font-size:.83rem;color:#8e8e8e;margin-top:4px}
.account-categories-shell,.account-toolbar,.account-order-history{margin:0 16px 16px}.account-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.account-category-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:18px 14px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.07);transition:var(--transition);min-height:160px}
.account-category-tile:hover{transform:translateY(-3px);border-color:rgba(227,24,55,.28)}.account-category-tile.active{background:linear-gradient(180deg,rgba(227,24,55,.18),rgba(227,24,55,.08));border-color:rgba(227,24,55,.34)}
.account-category-icon{width:64px;height:64px;border-radius:20px;background:rgba(227,24,55,.12);border:1px solid rgba(227,24,55,.18);display:flex;align-items:center;justify-content:center;overflow:hidden}.account-category-icon img{width:100%;height:100%;object-fit:cover}.account-category-icon i{font-size:1.5rem;color:var(--red)}
.account-category-name{font-size:.95rem;font-weight:800;color:#fff;line-height:1.45}.account-category-count{font-size:.82rem;color:#8f8f8f}
.account-search-form{display:flex;gap:12px;align-items:center}.account-search-input{position:relative;flex:1}.account-search-input i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#767676}.account-search-input input{width:100%;min-height:54px;padding:14px 16px 14px 43px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#111;color:#fff;outline:none}.account-search-input input:focus{border-color:rgba(227,24,55,.35)}
.account-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0 16px 18px}.account-product-card{padding:0;overflow:hidden}.account-product-media{position:relative;height:184px;background:linear-gradient(135deg,#180409,#250913 58%,#110204);display:flex;align-items:center;justify-content:center}
.account-product-media img{width:100%;height:100%;object-fit:cover}.account-product-fallback{width:72px;height:72px;border-radius:24px;background:rgba(227,24,55,.18);display:flex;align-items:center;justify-content:center;color:var(--red);font-size:2rem}.account-stock-pill{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;font-size:.78rem;font-weight:700;border:1px solid transparent}.account-stock-pill.is-live{background:rgba(0,200,100,.12);border-color:rgba(0,200,100,.18);color:#9bf1c2}.account-stock-pill.is-off{background:rgba(227,24,55,.1);border-color:rgba(227,24,55,.18);color:#ffd3dc}
.account-product-body{padding:18px}.account-product-topline{font-size:.78rem;font-weight:700;color:#ff7f97;margin-bottom:8px}.account-product-body h3{font-size:1rem;line-height:1.45;font-weight:800;margin-bottom:8px;color:#fff}.account-product-body p{font-size:.84rem;color:#999;line-height:1.7;min-height:72px}
.account-product-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.account-product-meta span{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);font-size:.78rem;color:#cfcfcf}
.account-product-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:16px}.account-price-wrap strong{display:block;font-size:1.35rem;line-height:1;color:var(--red)}.account-price-wrap small{display:block;color:#8c8c8c;margin-top:6px;font-size:.78rem}
.account-empty{grid-column:1 / -1;padding:38px 20px;text-align:center;border-radius:22px}.account-empty i{display:block;font-size:3rem;color:#333;margin-bottom:10px}.account-empty strong{display:block;font-size:1.1rem;margin-bottom:5px}.account-empty span{color:#888}
.table-inline-form{display:grid;grid-template-columns:minmax(140px,1fr) minmax(160px,1fr) auto;gap:8px;align-items:center}.table-inline-form input{min-height:42px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#111;color:#fff}.table-inline-form .settings-select-shell .settings-themed-select{min-width:0}
body.light .account-shop-hero,body.light .account-categories-shell,body.light .account-toolbar,body.light .account-product-card,body.light .account-order-history,body.light .account-kpi-card{background:#fff;border-color:rgba(0,0,0,.07);box-shadow:0 16px 40px rgba(0,0,0,.06)}
body.light .account-shop-hero{background:linear-gradient(135deg,#fff 0%,#fff5f7 62%,#ffe9ef 100%)}body.light .account-shop-hero-copy p,body.light .account-kpi-card span,body.light .account-category-count,body.light .account-product-body p,body.light .account-price-wrap small{color:#666}
body.light .account-category-tile,body.light .account-product-meta span{background:#fff;border-color:rgba(227,24,55,.10)}body.light .account-category-name,body.light .account-product-body h3,body.light .account-kpi-card strong{color:#111}
body.light .account-search-input input,body.light .table-inline-form input{background:#fff;border-color:rgba(227,24,55,.12);color:#111}
@media (max-width: 1180px){.account-shop-hero{grid-template-columns:1fr}.account-shop-hero-side{justify-content:flex-start}.account-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.account-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width: 860px){.account-kpi-grid,.account-category-grid,.account-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-search-form{flex-direction:column;align-items:stretch}.table-inline-form{grid-template-columns:1fr}}
@media (max-width: 560px){.account-shop-hero,.account-kpi-grid,.account-categories-shell,.account-toolbar,.account-order-history{margin-left:12px;margin-right:12px}.account-kpi-grid,.account-category-grid,.account-product-grid{grid-template-columns:1fr}.account-product-grid{padding-left:12px;padding-right:12px}}


/* Social accounts catalog polish */
.account-categories-shell{padding:18px 18px 20px;overflow:hidden}
.account-categories-shell .section-header-demo{margin-bottom:12px}
.account-categories-shell .section-title{font-size:1.28rem}
.account-category-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;align-items:stretch}
.account-category-tile{min-width:0;padding:15px 12px;border-radius:18px;min-height:144px;gap:8px;overflow:hidden;position:relative}
.account-category-icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(180deg,rgba(227,24,55,.16),rgba(227,24,55,.08));border:1px solid rgba(227,24,55,.20);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.account-category-icon img{width:100%;height:100%;object-fit:contain;padding:10px;background:transparent}
.account-category-icon .fallback-icon,.account-category-icon.show-fallback img{display:none}
.account-category-icon.show-fallback .fallback-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.3rem;color:var(--red)}
.account-category-name{font-size:.88rem;font-weight:800;line-height:1.38;overflow-wrap:anywhere;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.45em}
.account-category-count{font-size:.78rem;color:#8d8d8d}
.account-toolbar{padding:16px 18px}
.account-product-grid{gap:18px;padding:0 16px 10px}
.account-product-card{border-radius:24px}
.account-product-media{height:210px;padding:24px;background:linear-gradient(145deg,#22040d 0%,#300613 58%,#120206 100%)}
.account-product-media img{width:100%;height:100%;object-fit:contain;border-radius:22px;background:radial-gradient(circle at top,rgba(255,255,255,.06),rgba(255,255,255,.015));padding:16px;filter:drop-shadow(0 14px 24px rgba(0,0,0,.28))}
.account-product-media.show-fallback img{display:none}
.account-product-fallback{width:92px;height:92px;border-radius:28px;background:linear-gradient(180deg,rgba(227,24,55,.22),rgba(227,24,55,.12));border:1px solid rgba(227,24,55,.18);box-shadow:0 20px 34px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;color:var(--red);font-size:2rem}
.account-product-body h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}
.account-product-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4.9em}
.account-product-foot .btn{min-width:126px;justify-content:center}
.pagination-wrap-themed{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:8px 16px 18px;padding:16px 18px;border-radius:22px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));box-shadow:0 16px 40px rgba(0,0,0,.16)}
.pagination-status{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(227,24,55,.10);border:1px solid rgba(227,24,55,.16);color:#ffd5de;font-size:.84rem;font-weight:700}
.pagination-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.page-chip{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#111;color:#d6d6d6;font-weight:700;transition:var(--transition)}
.page-chip:hover{transform:translateY(-1px);border-color:rgba(227,24,55,.28);color:#fff}
.page-chip.active{background:linear-gradient(135deg,#ff204e 0%,#d4123d 100%);border-color:rgba(255,255,255,.10);color:#fff;box-shadow:0 18px 34px rgba(153,0,33,.28)}
.page-chip.nav-chip{padding:0 12px}
.page-chip.disabled{opacity:.42;pointer-events:none}
.page-chip.dots{background:transparent;border-color:transparent;color:#7d7d7d;min-width:auto;padding:0 4px}
body.light .account-categories-shell,body.light .account-toolbar,body.light .account-product-card{background:#fff;border-color:rgba(0,0,0,.07);box-shadow:0 16px 40px rgba(0,0,0,.06)}
body.light .account-category-icon{background:linear-gradient(180deg,#fff2f5,#fff);border-color:rgba(227,24,55,.12)}
body.light .account-product-media{background:linear-gradient(180deg,#fff5f7 0%,#fff 100%)}
body.light .account-product-media img{background:linear-gradient(180deg,#ffffff,#fff7f9)}
body.light .account-product-fallback{background:linear-gradient(180deg,#ffe7ee,#fff5f8);border-color:rgba(227,24,55,.10)}
body.light .pagination-wrap-themed{background:#fff;border-color:rgba(227,24,55,.10);box-shadow:0 16px 40px rgba(0,0,0,.05)}
body.light .pagination-status{background:#fff5f7;color:#c21035;border-color:rgba(227,24,55,.12)}
body.light .page-chip{background:#fff;border-color:rgba(227,24,55,.12);color:#333}
body.light .page-chip.dots{background:transparent;border-color:transparent;color:#888}
@media (max-width: 1360px){.account-category-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width: 1180px){.account-category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width: 860px){.account-categories-shell{padding:16px}.account-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pagination-wrap-themed{margin-left:12px;margin-right:12px;padding:14px 15px}.pagination-status{width:100%;justify-content:center}}
@media (max-width: 560px){.account-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-category-tile{min-height:132px;padding:14px 10px}.account-category-icon{width:52px;height:52px;border-radius:16px}.account-product-media{height:190px;padding:18px}.pagination-list{justify-content:center;width:100%}}

/* Account purchase popup / modal */
.account-buy-modal,.account-result-popup{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;pointer-events:none;transition:opacity .22s ease}
.account-buy-modal.is-open,.account-result-popup.is-open{opacity:1;pointer-events:auto}
.account-buy-modal__backdrop,.account-result-popup__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(5px)}
.account-buy-modal__dialog,.account-result-popup__dialog{position:relative;width:min(100%,560px);max-height:min(88vh,760px);overflow:auto;border-radius:24px;background:#fff;color:#1f2937;box-shadow:0 24px 60px rgba(0,0,0,.30)}
.account-buy-modal__close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:none;border-radius:11px;background:#f3f4f6;color:#9ca3af;font-size:.95rem;cursor:pointer;transition:all .2s ease}
.account-buy-modal__close:hover{background:#fee2e2;color:#dc2626}
.account-buy-modal__header{padding:18px 18px 14px;border-bottom:1px solid #eceef2}.account-buy-modal__header h3{margin:0;padding-right:42px;font-size:1.28rem;line-height:1.28;font-weight:800;color:#1f2937}
.account-buy-modal__body{padding:14px 16px 16px}
.account-buy-modal__hero{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}
.account-buy-modal__thumb{width:74px;height:74px;border-radius:18px;background:linear-gradient(180deg,#fff3f5,#ffe7ed);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto;border:1px solid rgba(227,24,55,.12)}
.account-buy-modal__thumb img{width:100%;height:100%;object-fit:contain;background:#fff;padding:8px}
.account-buy-modal__thumb i{font-size:1.7rem;color:#e31837}
.account-buy-modal__summary{flex:1;min-width:0}
.account-buy-modal__badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.account-mini-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;font-size:.72rem;font-weight:700}
.account-mini-badge.is-category{background:#fff0f1;color:#d63b4a}
.account-mini-badge.is-stock{background:#fff1f2;color:#be123c}
.account-mini-badge.is-stock.ok{background:#ecfdf3;color:#047857}
.account-buy-modal__old-price{font-size:.78rem;color:#9ca3af;text-decoration:line-through;min-height:1em}
.account-buy-modal__price-row{display:flex;align-items:flex-end;gap:7px;flex-wrap:wrap}.account-buy-modal__price-row strong{font-size:1.5rem;line-height:1;font-weight:900;color:#e31837}.account-buy-modal__price-row span{font-size:.82rem;color:#9ca3af;margin-bottom:2px}
.account-buy-modal__desc{margin-bottom:14px}.account-buy-modal__desc-title{display:flex;align-items:center;gap:7px;font-size:.84rem;font-weight:800;color:#6b7280;margin-bottom:7px}.account-buy-modal__desc-title i{color:#ef4444;font-size:.86rem}.account-buy-modal__desc-box{padding:12px 14px;border-radius:14px;background:#f7f8fb;color:#374151;font-size:.9rem;line-height:1.62;white-space:pre-line;border:1px solid #eef0f4}
.account-buy-modal__field{margin-bottom:12px}.account-buy-modal__field label{display:flex;align-items:center;gap:7px;font-size:.88rem;font-weight:800;color:#374151;margin-bottom:6px}.account-buy-modal__field label i{color:#ef4444;font-size:.88rem}.account-buy-modal__field input{width:100%;min-height:44px;padding:10px 13px;border-radius:13px;border:1px solid #dfe4ec;background:#fff;color:#111827;font-size:.9rem;outline:none;transition:border-color .2s ease, box-shadow .2s ease}.account-buy-modal__field input:focus{border-color:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.08)}.account-buy-modal__field input[disabled]{background:#f8fafc;color:#9ca3af;cursor:not-allowed}
.account-buy-modal__hint{font-size:.78rem;color:#9ca3af;margin-top:5px}
.account-buy-modal__calc{padding:11px 13px;border-radius:14px;background:#f7f8fb;border:1px solid #eceef2;margin-bottom:11px}.account-buy-modal__calc-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.88rem;color:#4b5563;padding:3px 0}.account-buy-modal__calc-row strong{color:#111827;font-weight:700}.account-buy-modal__calc-row--total{margin-top:6px;padding-top:9px;border-top:1px solid #e5e7eb}.account-buy-modal__calc-row--total span,.account-buy-modal__calc-row--total strong{font-size:.98rem;font-weight:900;color:#111827}.account-buy-modal__calc-row--total strong{color:#e31837}
.account-buy-modal__wallet{display:flex;align-items:center;gap:7px;font-size:.88rem;color:#6b7280}.account-buy-modal__wallet i{color:#ef4444}.account-buy-modal__wallet strong{color:#111827}
.account-buy-modal__footer{padding:0 16px 16px}.account-buy-modal__footer .btn{width:100%;padding:10px 18px;border-radius:9px;font-size:16px;font-weight:600;justify-content:center}
.account-buy-modal__footer .btn[disabled]{opacity:.55;cursor:not-allowed}
.account-buy-modal.loading .account-buy-modal__dialog{pointer-events:none}
.account-buy-modal.loading #accountBuySubmit{opacity:.75}

.account-result-popup__dialog{width:min(100%,500px);padding:26px;text-align:center;border-radius:24px}
.account-result-popup__icon{width:64px;height:64px;border-radius:999px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:2.1rem;border:3px solid #fecaca;color:#ef4444;background:#fff7f7}
.account-result-popup__icon.success{border-color:#bbf7d0;color:#16a34a;background:#f0fdf4}
.account-result-popup__title{font-size:1.35rem;line-height:1.28;font-weight:800;color:#3f3f46;margin-bottom:12px}
.account-result-popup__lead{padding:13px 14px;border-radius:16px;background:#fff7f7;border:1px solid rgba(239,68,68,.18);color:#7f1d1d;text-align:left;font-weight:700;font-size:.92rem;line-height:1.6}
.account-result-popup__lead strong{color:#991b1b}
.account-result-popup__topup-btn{display:inline-flex;align-items:center;gap:6px;margin:0 4px;padding:7px 12px;border-radius:999px;background:#ef2227;color:#fff!important;text-decoration:none;font-size:.84rem;font-weight:700;box-shadow:0 10px 18px rgba(239,34,39,.14)}
.account-result-popup__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 12px}.account-result-popup__stat{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:#f8fafc;border:1px solid #e5e7eb;text-align:left}.account-result-popup__stat-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1rem}.account-result-popup__stat-icon.wallet{background:#eff6ff;color:#2563eb}.account-result-popup__stat-icon.missing{background:#fef2f2;color:#dc2626}.account-result-popup__stat-label{display:block;font-size:.82rem;color:#6b7280;margin-bottom:2px}.account-result-popup__stat-value{display:block;font-size:1.2rem;line-height:1.08;color:#111827;font-weight:900}
.account-result-popup__note{font-size:.88rem;color:#6b7280;margin:8px 0 0;line-height:1.55}.account-result-popup__actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}.account-result-popup__actions .btn{min-width:156px;padding:9px 20px;border-radius:9px;justify-content:center;font-size:16px;font-weight:600}
.account-result-popup__order-box{margin-top:14px;padding:13px 14px;border-radius:16px;background:#f7f8fb;border:1px solid #eceef2;color:#374151;text-align:left}.account-result-popup__order-box strong{display:block;font-size:.92rem;color:#111827}.account-result-popup__order-box span{display:block;margin-top:5px;font-size:.86rem;color:#6b7280}
body.modal-open{overflow:hidden}

@media (max-width: 720px){
  .account-buy-modal,.account-result-popup{padding:12px}
  .account-buy-modal__dialog{width:min(100%,520px);border-radius:20px}
  .account-buy-modal__header{padding:16px 16px 12px}.account-buy-modal__header h3{font-size:1.12rem;padding-right:38px}
  .account-buy-modal__body{padding:13px}.account-buy-modal__hero{gap:10px}.account-buy-modal__thumb{width:66px;height:66px;border-radius:16px}.account-buy-modal__price-row strong{font-size:1.34rem}
  .account-buy-modal__footer{padding:0 13px 13px}
  .account-buy-modal__footer .btn{font-size:15px;padding:9px 16px}
  .account-result-popup__dialog{width:min(100%,420px);padding:22px 16px 18px;border-radius:20px}.account-result-popup__icon{width:58px;height:58px;font-size:1.8rem;margin-bottom:14px}.account-result-popup__title{font-size:1.18rem}.account-result-popup__stats{grid-template-columns:1fr}.account-result-popup__actions .btn{width:100%;min-width:0;font-size:15px;padding:9px 16px}
}
.spin{display:inline-block;animation:spin .9s linear infinite}


/* Popup admin-theme size tune */
.account-buy-modal__dialog{width:min(100%,520px);max-height:min(86vh,720px);border-radius:22px}
.account-buy-modal__close{top:12px;right:12px;width:34px;height:34px;border-radius:10px;font-size:.9rem}
.account-buy-modal__header{padding:16px 16px 12px}
.account-buy-modal__header h3{padding-right:40px;font-size:1.1rem;line-height:1.24;font-weight:700}
.account-buy-modal__body{padding:12px 14px 14px}
.account-buy-modal__hero{gap:10px;margin-bottom:12px}
.account-buy-modal__thumb{width:68px;height:68px;border-radius:16px}
.account-buy-modal__thumb img{padding:7px}
.account-buy-modal__thumb i{font-size:1.5rem}
.account-buy-modal__badges{gap:5px;margin-bottom:7px}
.account-mini-badge{padding:4px 8px;font-size:.68rem;font-weight:600}
.account-buy-modal__old-price{font-size:.72rem}
.account-buy-modal__price-row{gap:6px}
.account-buy-modal__price-row strong{font-size:1.28rem;font-weight:800}
.account-buy-modal__price-row span{font-size:.78rem}
.account-buy-modal__desc{margin-bottom:12px}
.account-buy-modal__desc-title{gap:6px;font-size:.8rem;font-weight:700;margin-bottom:6px}
.account-buy-modal__desc-title i{font-size:.82rem}
.account-buy-modal__desc-box{padding:11px 12px;border-radius:13px;font-size:.86rem;line-height:1.56}
.account-buy-modal__field{margin-bottom:11px}
.account-buy-modal__field label{gap:6px;font-size:.82rem;font-weight:700;margin-bottom:6px}
.account-buy-modal__field label i{font-size:.82rem}
.account-buy-modal__field input{min-height:42px;padding:9px 12px;border-radius:12px;font-size:.86rem}
.account-buy-modal__hint{font-size:.74rem;margin-top:4px}
.account-buy-modal__calc{padding:10px 12px;border-radius:13px;margin-bottom:10px}
.account-buy-modal__calc-row{font-size:.82rem;padding:2px 0}
.account-buy-modal__calc-row strong{font-weight:600}
.account-buy-modal__calc-row--total{margin-top:5px;padding-top:8px}
.account-buy-modal__calc-row--total span,.account-buy-modal__calc-row--total strong{font-size:.92rem;font-weight:800}
.account-buy-modal__wallet{gap:6px;font-size:.82rem}
.account-buy-modal__footer{padding:0 14px 14px}
.account-buy-modal__footer .btn{min-height:42px;padding:9px 16px;border-radius:10px;font-size:14px;font-weight:600}

.account-result-popup__dialog{width:min(100%,460px);padding:22px 20px;border-radius:22px}
.account-result-popup__icon{width:58px;height:58px;margin:0 auto 14px;font-size:1.8rem;border-width:2px}
.account-result-popup__title{font-size:1.12rem;line-height:1.24;font-weight:700;margin-bottom:10px}
.account-result-popup__lead{padding:11px 12px;border-radius:14px;font-size:.84rem;font-weight:500;line-height:1.55}
.account-result-popup__topup-btn{gap:5px;padding:6px 11px;font-size:.8rem;font-weight:600}
.account-result-popup__alert-title{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;line-height:1.45;color:#991b1b}
.account-result-popup__alert-title i{flex:0 0 auto;font-size:.82rem;line-height:1;margin-top:1px}
.account-result-popup__alert-title span{font-weight:600}
.account-result-popup__alert-subline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;font-size:.84rem;font-weight:600;line-height:1.5;color:#7f1d1d}
.account-result-popup__alert-subline > span{font-weight:600}
.account-result-popup__stats{gap:10px;margin:12px 0 10px}
.account-result-popup__stat{gap:9px;padding:11px 12px;border-radius:14px}
.account-result-popup__stat-icon{width:36px;height:36px;border-radius:11px;font-size:.92rem}
.account-result-popup__stat-label{font-size:.76rem}
.account-result-popup__stat-value{font-size:1.02rem;font-weight:800}
.account-result-popup__note{font-size:.82rem;line-height:1.5}
.account-result-popup__actions{gap:10px;margin-top:16px}
.account-result-popup__actions .btn{min-width:132px;min-height:42px;padding:9px 16px;border-radius:10px;font-size:14px;font-weight:600}
.account-result-popup__order-box{margin-top:12px;padding:11px 12px;border-radius:14px}
.account-result-popup__order-box strong{font-size:.86rem;font-weight:700}
.account-result-popup__order-box span{margin-top:4px;font-size:.8rem}

/* ── Redesigned Success Popup ── */
.account-result-popup__icon.success{border-color:#86efac;color:#16a34a;background:linear-gradient(135deg,#f0fdf4,#dcfce7);box-shadow:0 8px 24px rgba(22,163,74,.12)}
.account-result-popup.is-open .account-result-popup__icon.success{animation:arpSuccessBounce .5s cubic-bezier(.36,1.2,.5,1) .1s both}
@keyframes arpSuccessBounce{0%{transform:scale(0) rotate(-20deg);opacity:0}60%{transform:scale(1.15) rotate(5deg);opacity:1}100%{transform:scale(1) rotate(0)}}

.arp-success-msg{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid rgba(22,163,74,.14);text-align:left}
.arp-success-msg i{font-size:1.2rem;color:#16a34a;flex-shrink:0}
.arp-success-msg strong{font-size:.9rem;font-weight:700;color:#15803d;line-height:1.5}

.arp-order-card{margin-top:14px;padding:16px;border-radius:16px;background:#f8fafc;border:1px solid #e5e7eb;text-align:left}
.arp-order-card__row{display:flex;align-items:center;gap:12px}
.arp-order-card__ico{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid rgba(59,130,246,.12);color:#2563eb;font-size:1rem;flex-shrink:0}
.arp-order-card__info{min-width:0}
.arp-order-card__info span{display:block;font-size:.76rem;color:#6b7280;font-weight:500;margin-bottom:2px}
.arp-order-card__info strong{display:block;font-size:.92rem;font-weight:800;color:#111827;word-break:break-all;line-height:1.4}
.arp-order-card__hint{display:flex;align-items:center;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid #eceef2;font-size:.78rem;color:#9ca3af;line-height:1.5}
.arp-order-card__hint i{font-size:.82rem;flex-shrink:0;color:#b0b8c4}

.arp-btn-success{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#E31837,#c21230)!important;color:#fff!important;border:none!important;border-radius:12px!important;padding:12px 24px!important;font-size:.9rem!important;font-weight:700!important;box-shadow:0 8px 20px rgba(227,24,55,.2)!important;transition:all .18s!important}
.arp-btn-success:hover{box-shadow:0 12px 28px rgba(227,24,55,.3)!important;transform:translateY(-1px)!important}
.arp-btn-success i{font-size:.92rem}

.arp-btn-close{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent!important;color:#6b7280!important;border:1px solid #e5e7eb!important;border-radius:12px!important;padding:12px 24px!important;font-size:.9rem!important;font-weight:600!important;transition:all .18s!important}
.arp-btn-close:hover{background:#f3f4f6!important;border-color:#d1d5db!important;color:#374151!important}

@media(max-width:640px){
  .arp-success-msg{padding:12px 14px;gap:8px}
  .arp-success-msg i{font-size:1.05rem}
  .arp-success-msg strong{font-size:.84rem}
  .arp-order-card{padding:14px}
  .arp-order-card__ico{width:38px;height:38px;border-radius:10px;font-size:.92rem}
  .arp-order-card__info strong{font-size:.86rem}
  .arp-order-card__hint{font-size:.74rem}
  .account-result-popup__actions{flex-direction:column}
  .arp-btn-success,.arp-btn-close{width:100%!important;min-width:0!important}
}

@media (max-width: 720px){
  .account-buy-modal__dialog{width:min(100%,500px);border-radius:18px}
  .account-buy-modal__header{padding:15px 14px 11px}
  .account-buy-modal__header h3{font-size:1rem;padding-right:36px}
  .account-buy-modal__body{padding:11px 12px 12px}
  .account-buy-modal__thumb{width:60px;height:60px;border-radius:15px}
  .account-buy-modal__price-row strong{font-size:1.2rem}
  .account-buy-modal__footer{padding:0 12px 12px}
  .account-buy-modal__footer .btn{font-size:13px;min-height:40px;padding:8px 14px}
  .account-result-popup__dialog{width:min(100%,400px);padding:20px 16px 16px;border-radius:18px}
  .account-result-popup__icon{width:52px;height:52px;font-size:1.6rem;margin-bottom:12px}
  .account-result-popup__title{font-size:1rem}
  .account-result-popup__lead{font-size:.8rem}
  .account-result-popup__alert-title,.account-result-popup__alert-subline{font-size:.8rem;gap:7px}
  .account-result-popup__actions .btn{font-size:13px;min-height:40px;padding:8px 14px}
}

/* ═══════════════ PROFILE PAGE — PHASE2_4 ═══════════════ */
.profile-page{padding:24px 22px 34px}
.profile-hero-card{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.95fr);gap:18px;align-items:stretch;padding:24px;border:1px solid var(--bd);border-radius:24px;background:linear-gradient(135deg,#111,#18060a,#220910);box-shadow:var(--shadow-red);position:relative;overflow:hidden}
.profile-hero-card::before{content:'';position:absolute;inset:auto -120px -120px auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,var(--rg),transparent 68%);pointer-events:none}
body.light .profile-hero-card{background:linear-gradient(135deg,#fff,#fff7f8,#fff)}
.profile-hero-main,.profile-hero-stats{position:relative;z-index:1}
.profile-hero-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(227,24,55,.11);border:1px solid rgba(227,24,55,.22);color:var(--rl);font-size:14px;font-weight:600;margin-bottom:16px}
.profile-hero-user{display:flex;align-items:center;gap:16px}
.profile-hero-avatar{width:88px;height:88px;border-radius:28px;background:linear-gradient(135deg,#ff3155,#b10526);box-shadow:0 18px 40px rgba(227,24,55,.22);display:flex;align-items:center;justify-content:center;color:#fff;font-size:34px;font-weight:800;flex-shrink:0}
.profile-hero-copy h1{font-size:36px;line-height:1.1;font-weight:800;color:var(--tx);letter-spacing:-.03em}
.profile-hero-email{font-size:15px;color:var(--ts);margin-top:7px;word-break:break-word}
.profile-hero-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.profile-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--bd);color:var(--ts);font-size:14px;font-weight:500}
.profile-chip.is-active{background:rgba(0,200,100,.10);border-color:rgba(0,200,100,.2);color:#a7efc6}
body.light .profile-chip.is-active{color:#04843b}
.profile-hero-desc{max-width:700px;font-size:15px;line-height:1.8;color:var(--ts);margin-top:18px}
.profile-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.profile-hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}
.profile-stat-card{min-height:108px;padding:17px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid var(--bd);display:flex;align-items:flex-start;gap:12px}
body.light .profile-stat-card{background:rgba(255,255,255,.82)}
.profile-stat-card.highlight{background:linear-gradient(135deg,rgba(227,24,55,.16),rgba(227,24,55,.06))}
.profile-stat-icon{width:42px;height:42px;border-radius:14px;background:rgba(227,24,55,.13);display:flex;align-items:center;justify-content:center;color:var(--r);font-size:18px;flex-shrink:0}
.profile-stat-label{font-size:13px;color:var(--tm);margin-bottom:5px}
.profile-stat-value{font-size:20px;font-weight:700;color:var(--tx);line-height:1.3;word-break:break-word}
.profile-stat-value.small{font-size:15px;font-weight:600;line-height:1.55}
.profile-content-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr);gap:18px;margin-top:18px}
.profile-main-column,.profile-side-column{display:flex;flex-direction:column;gap:18px}
.profile-panel,.profile-side-card{padding:22px;border-radius:22px}
.profile-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}
.profile-panel-title{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:var(--tx);line-height:1.25}
.profile-panel-title i{color:var(--r)}
.profile-panel-subtitle{font-size:14px;color:var(--tm);line-height:1.75}
.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.profile-form-grid .input-group{margin-bottom:0}
.profile-form-grid.two-col .profile-form-actions,.profile-form-grid .profile-form-actions{grid-column:1/-1;display:flex;justify-content:flex-start;padding-top:4px}
.profile-shortcut-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.profile-shortcut-item{display:flex;align-items:center;gap:12px;padding:14px 14px;border-radius:16px;background:var(--sf);border:1px solid var(--bd);transition:all .18s}
.profile-shortcut-item:hover{border-color:var(--bh);transform:translateY(-1px)}
.profile-shortcut-icon{width:42px;height:42px;border-radius:14px;background:rgba(227,24,55,.11);display:flex;align-items:center;justify-content:center;color:var(--r);font-size:18px;flex-shrink:0}
.profile-shortcut-copy{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.profile-shortcut-copy strong{font-size:15px;font-weight:600;color:var(--tx)}
.profile-shortcut-copy small{font-size:13px;color:var(--tm);line-height:1.55}
.profile-shortcut-item > i{font-size:15px;color:var(--tm)}
.profile-safety-list{list-style:none;display:flex;flex-direction:column;gap:11px;margin-top:16px}
.profile-safety-list li{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.75;color:var(--ts)}
.profile-safety-list i{font-size:15px;color:var(--r);margin-top:4px}
.profile-logout-card{border-color:rgba(227,24,55,.16)}
.profile-logout-btn{border-color:rgba(227,24,55,.18);color:var(--rl)}
.profile-logout-btn:hover{border-color:rgba(227,24,55,.32);background:rgba(227,24,55,.08);color:#fff}
body.light .profile-logout-btn:hover{color:var(--r)}

@media (max-width: 1100px){
  .profile-hero-card,.profile-content-grid{grid-template-columns:1fr}
  .profile-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width: 760px){
  .profile-page{padding:18px 14px 28px}
  .profile-hero-card,.profile-panel,.profile-side-card{padding:18px}
  .profile-hero-user{align-items:flex-start}
  .profile-hero-avatar{width:72px;height:72px;border-radius:22px;font-size:28px}
  .profile-hero-copy h1{font-size:28px}
  .profile-hero-stats{grid-template-columns:1fr}
  .profile-form-grid{grid-template-columns:1fr}
  .profile-panel-title{font-size:18px}
}

@media (max-width: 520px){
  .profile-hero-user{flex-direction:column}
  .profile-hero-copy h1{font-size:24px}
  .profile-hero-actions{flex-direction:column}
  .profile-hero-actions .btn{width:100%;justify-content:center}
}

/* ===== ADMIN SIDEBAR CLEANUP / SCROLLBAR GAP ===== */
.admin-sidebar{
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-gutter:stable;
  box-sizing:border-box;
  padding-right:8px;
}
.admin-sidebar::-webkit-scrollbar{
  width:10px;
}
.admin-sidebar::-webkit-scrollbar-track{
  background:transparent;
}
.admin-sidebar::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.14);
  border:3px solid transparent;
  background-clip:padding-box;
  border-radius:999px;
}
.admin-sidebar::-webkit-scrollbar-thumb:hover{
  background:rgba(255,255,255,.22);
  border:3px solid transparent;
  background-clip:padding-box;
}
.admin-brand{
  min-height:86px;
  align-items:flex-start;
}
.admin-brand-copy-simple{
  gap:0;
}
.admin-brand-copy-simple span,
.admin-brand-copy-simple strong,
.admin-brand-copy-simple small{
  display:block;
  line-height:1;
}
.admin-brand-copy-simple span{
  font-size:2rem;
  font-weight:800;
  letter-spacing:-.05em;
}
.admin-brand-copy-simple strong{
  font-size:1.95rem;
  font-weight:900;
  margin-top:4px;
  letter-spacing:-.05em;
}
.admin-brand-copy-simple small{
  color:#a0a0a0;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.18em;
  margin-top:10px;
}
.admin-nav-group-first{
  padding-top:10px;
}
@supports not (scrollbar-gutter: stable){
  .admin-sidebar{padding-right:12px;}
}
@media (max-width: 1080px){
  .admin-sidebar{padding-right:6px;}
  .admin-brand{min-height:82px;}
  .admin-brand-copy-simple span{font-size:1.9rem;}
  .admin-brand-copy-simple strong{font-size:1.85rem;}
}


/* Login announcement modal */
.login-announcement-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:18px;z-index:1400}
.login-announcement-modal.is-open{display:flex}
.login-announcement-modal__backdrop{position:absolute;inset:0;background:rgba(2,6,23,.78);backdrop-filter:blur(8px)}
.login-announcement-modal__dialog{position:relative;z-index:1;width:min(100%,860px);max-height:min(88vh,880px);overflow:auto;border-radius:30px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#111214 0%,#0a0b0e 100%);box-shadow:0 34px 80px rgba(0,0,0,.45);padding:34px 34px 24px}
.login-announcement-modal__close{position:absolute;top:18px;right:18px;width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#d2d7e1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.login-announcement-modal__close:hover{background:rgba(227,24,55,.14);color:#fff}
.login-announcement-modal__head{text-align:center;padding:4px 18px 18px}
.login-announcement-modal__icon{width:82px;height:82px;border-radius:28px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:2rem;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.login-announcement-modal__icon.tone-blue{background:linear-gradient(180deg,rgba(59,130,246,.22),rgba(59,130,246,.14));color:#9cc7ff}
.login-announcement-modal__icon.tone-red{background:linear-gradient(180deg,rgba(227,24,55,.24),rgba(227,24,55,.14));color:#ff8aa3}
.login-announcement-modal__icon.tone-gold{background:linear-gradient(180deg,rgba(245,158,11,.22),rgba(245,158,11,.12));color:#ffd978}
.login-announcement-modal__icon.tone-green{background:linear-gradient(180deg,rgba(34,197,94,.2),rgba(34,197,94,.1));color:#9ef0b6}
.login-announcement-modal__icon.tone-purple{background:linear-gradient(180deg,rgba(139,92,246,.24),rgba(139,92,246,.12));color:#c9b2ff}
.login-announcement-modal__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(227,24,55,.1);border:1px solid rgba(227,24,55,.18);font-size:.85rem;font-weight:800;color:#ffb7c2;margin-bottom:14px}
.login-announcement-modal__head h3{margin:0 0 8px;font-size:2rem;line-height:1.18}
.login-announcement-modal__head p{margin:0;color:var(--text-secondary);font-size:1rem;line-height:1.7}
.login-announcement-modal__body{display:grid;gap:16px;padding:18px 0 8px;border-top:1px solid rgba(255,255,255,.08)}
.announcement-note{display:flex;gap:14px;align-items:flex-start;padding:18px 18px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.announcement-note i{width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:1.15rem}
.announcement-note--accent{background:linear-gradient(180deg,rgba(227,24,55,.12),rgba(227,24,55,.05));border-color:rgba(227,24,55,.18)}
.announcement-note--accent i{background:rgba(227,24,55,.16);color:#ff8ea7}
.announcement-note--soft{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.14)}
.announcement-note--soft i{background:rgba(59,130,246,.14);color:#9dc4ff}
.login-announcement-modal__body > *{min-width:0}
.announcement-note > div{min-width:0;display:grid;gap:6px}
.announcement-note__title{font-size:.96rem;font-weight:700;line-height:1.45;color:#fff;margin-bottom:0;overflow-wrap:anywhere}
.announcement-note__text{font-size:.97rem;font-weight:400;color:var(--text-secondary);line-height:1.75;overflow-wrap:anywhere}
.announcement-list-block{padding:18px 18px;border-radius:22px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08)}
.announcement-list-block__title{display:flex;align-items:center;gap:10px;font-size:.96rem;font-weight:700;line-height:1.45;margin-bottom:12px;overflow-wrap:anywhere}
.announcement-list-block__title i{color:var(--red)}
.announcement-list-block ul{margin:0;padding-left:22px;display:grid;gap:10px;color:var(--text-secondary);font-weight:400;line-height:1.75}
.announcement-list-block li{overflow-wrap:anywhere}
.announcement-list-block strong{color:#fff;font-weight:700}
.login-announcement-modal__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);margin-top:8px}
.login-announcement-modal__check{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-weight:600}
.login-announcement-modal__check input{width:18px;height:18px;accent-color:#e31837}
.login-announcement-modal__accept{min-width:154px;justify-content:center}
.settings-announcement-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px;border-radius:22px;border:1px solid rgba(227,24,55,.16);background:linear-gradient(135deg,rgba(227,24,55,.12),rgba(255,255,255,.03))}
.settings-announcement-hero h4{margin:0 0 8px;font-size:1.26rem}
.settings-announcement-hero p{margin:0;color:var(--text-secondary);line-height:1.75;max-width:760px}
.settings-announcement-hero__actions{display:flex;gap:12px;flex-wrap:wrap}
.settings-announcement-control-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.settings-card-field{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:20px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}
.settings-card-field > span{display:inline-flex;align-items:center;gap:8px;font-weight:700}
.settings-card-field > small{display:flex;align-items:flex-start;gap:8px;color:var(--text-secondary);line-height:1.6}
.settings-card-field .settings-select-shell{display:block;width:100%}
.settings-card-field .settings-select-shell .settings-themed-select{width:100%}
.settings-section-card > label{display:flex;flex-direction:column;gap:8px}
.settings-section-card > label + .panel-soft{margin-top:18px}
.settings-select-compact{min-height:44px;padding:10px 40px 10px 14px !important;border-radius:12px;font-size:.95rem;font-weight:600;line-height:1.2}
.settings-select-shell .admin-custom-select-trigger{min-height:42px;padding:10px 14px;border-radius:12px;font-size:.95rem}
.settings-select-shell .admin-custom-select-trigger-main span{font-weight:700}
.settings-select-shell .admin-custom-select-trigger-main i,.settings-select-shell .admin-custom-select-arrow{font-size:.82rem}
.settings-select-shell.compact-shell .admin-custom-select-trigger{min-height:40px;padding:9px 13px}
.settings-select-compact option{font-weight:600}
.settings-codearea{min-height:360px;font-family:'Prompt',sans-serif;font-size:.94rem;font-weight:400;line-height:1.8;letter-spacing:0;white-space:pre-wrap}
@media (max-width: 980px){.settings-announcement-control-grid{grid-template-columns:1fr}.settings-announcement-hero{flex-direction:column}}
@media (max-width: 720px){
  .login-announcement-modal{padding:12px}
  .login-announcement-modal__dialog{padding:22px 16px 18px;border-radius:24px}
  .login-announcement-modal__close{top:12px;right:12px;width:38px;height:38px;border-radius:12px}
  .login-announcement-modal__icon{width:72px;height:72px;border-radius:24px;font-size:1.7rem}
  .login-announcement-modal__head{padding:0 6px 14px}
  .login-announcement-modal__head h3{font-size:1.45rem;padding:0 22px}
  .login-announcement-modal__footer{flex-direction:column;align-items:stretch}
  .login-announcement-modal__accept{width:100%}
  .settings-announcement-hero__actions .btn{width:100%;justify-content:center}
}

.settings-seo-hero{align-items:flex-start}
.settings-seo-actions{justify-content:flex-end}
.settings-seo-image-grid{align-items:start}
.settings-seo-image-card{height:100%}
.settings-image-preview-box{margin-top:14px;border-radius:20px;border:1px dashed rgba(227,24,55,.24);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));min-height:168px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:14px}
.settings-image-preview-box img{display:block;max-width:100%;max-height:240px;object-fit:contain;border-radius:16px}
.settings-image-preview-box--wide{min-height:210px}
.settings-image-preview-box--square{min-height:210px}
.settings-codearea--compact{min-height:120px}
.themed-file-input{padding:10px 12px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));border:1px solid rgba(227,24,55,.16);color:var(--text-secondary);font-family:'Prompt',sans-serif;font-size:.95rem;line-height:1.35}
.themed-file-input:hover{border-color:rgba(227,24,55,.28);box-shadow:0 0 0 1px rgba(227,24,55,.08) inset}
.themed-file-input::file-selector-button{margin-right:12px;padding:10px 15px;border:none;border-radius:12px;background:linear-gradient(135deg,rgba(227,24,55,.26),rgba(227,24,55,.12));color:#fff;font-family:'Prompt',sans-serif;font-size:.92rem;font-weight:700;line-height:1.1;cursor:pointer;transition:all .18s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.themed-file-input:hover::file-selector-button{background:linear-gradient(135deg,rgba(227,24,55,.38),rgba(227,24,55,.18));transform:translateY(-1px)}
.themed-file-input::-webkit-file-upload-button{margin-right:12px;padding:10px 15px;border:none;border-radius:12px;background:linear-gradient(135deg,rgba(227,24,55,.26),rgba(227,24,55,.12));color:#fff;font-family:'Prompt',sans-serif;font-size:.92rem;font-weight:700;line-height:1.1;cursor:pointer;transition:all .18s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.themed-file-input:hover::-webkit-file-upload-button{background:linear-gradient(135deg,rgba(227,24,55,.38),rgba(227,24,55,.18))}
@media (max-width: 900px){.settings-seo-actions{justify-content:flex-start}.settings-image-preview-box{min-height:150px}}

/* Admin account inline product editor */
.account-inline-editor-card{padding:18px 18px 20px;overflow:hidden}
.account-inline-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.account-inline-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.account-inline-chip{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#d2d2d2;font-size:.86rem;font-weight:700}
.account-inline-chip i{color:#ff8da4}
.account-inline-chip.danger{background:rgba(227,24,55,.10);border-color:rgba(227,24,55,.22);color:#ffd4dd}
.account-inline-table-shell{border:1px solid rgba(255,255,255,.07);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.014));overflow:hidden}
.account-inline-table-head,.account-inline-row{display:grid;grid-template-columns:minmax(320px,2.1fr) minmax(250px,1.35fr) 112px 110px 132px 112px 90px 120px 120px;align-items:center;gap:14px}
.account-inline-table-head{padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.07);font-size:.82rem;font-weight:800;color:#94a3b8;text-transform:none;letter-spacing:.01em;background:rgba(255,255,255,.02)}
.account-inline-table-body{display:grid}
.account-inline-row{padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.06)}
.account-inline-row:last-child{border-bottom:0}
.account-inline-row:hover{background:rgba(255,255,255,.018)}
.account-inline-cell{min-width:0}
.product-cell{display:flex;align-items:center;gap:14px}
.account-inline-product-media{width:54px;height:54px;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(227,24,55,.18),rgba(227,24,55,.09));border:1px solid rgba(227,24,55,.16);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.18);flex:0 0 auto}
.account-inline-product-media img{width:100%;height:100%;object-fit:cover}
.account-inline-product-media.is-fallback i{font-size:1.25rem;color:var(--red)}
.account-inline-product-copy{min-width:0}
.account-inline-name-input,.account-inline-number-input,.account-inline-select{width:100%;min-height:44px;padding:11px 13px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#111;color:#fff;outline:none;font-family:'Prompt',sans-serif}
.account-inline-name-input{font-weight:800}
.account-inline-name-input:focus,.account-inline-number-input:focus,.account-inline-select:focus{border-color:rgba(227,24,55,.32);box-shadow:0 0 0 3px rgba(227,24,55,.08)}
.account-inline-number-input{text-align:center;font-weight:700;padding-left:10px;padding-right:10px}
.account-inline-number-input.emphasis{background:linear-gradient(180deg,rgba(227,24,55,.12),rgba(227,24,55,.05));border-color:rgba(227,24,55,.20);color:#fff}
.account-inline-meta-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.account-inline-id{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(227,24,55,.08);border:1px solid rgba(227,24,55,.14);color:#ffb2c1;font-size:.75rem;font-weight:700}
.account-inline-subtext{margin-top:6px;font-size:.76rem;color:#808a9d}
.account-inline-money-cell strong,.account-inline-updated-cell strong{display:block;font-size:1.04rem;line-height:1.1;color:#fff;font-weight:800}
.account-inline-money-cell span,.account-inline-updated-cell span{display:block;margin-top:6px;font-size:.77rem;color:#8b93a7}
.account-inline-stock-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border-radius:999px;border:1px solid transparent;font-size:.82rem;font-weight:800;min-width:74px}
.account-inline-stock-pill.is-live{background:rgba(39,174,96,.12);border-color:rgba(39,174,96,.20);color:#9ff0c1}
.account-inline-stock-pill.is-empty{background:rgba(227,24,55,.10);border-color:rgba(227,24,55,.16);color:#ffc8d3}
.account-inline-switch{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.account-inline-switch input{position:absolute;opacity:0;pointer-events:none}
.account-inline-switch-ui{position:relative;display:block;width:56px;height:30px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);transition:all .2s ease}
.account-inline-switch-ui::before{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.24);transition:all .2s ease}
.account-inline-switch input:checked + .account-inline-switch-ui{background:linear-gradient(135deg,#ff475f 0%,#e31837 100%);border-color:rgba(255,255,255,.12)}
.account-inline-switch input:checked + .account-inline-switch-ui::before{left:29px}
.account-inline-save-btn{min-width:100px;justify-content:center}
.account-inline-action-cell{display:flex;justify-content:flex-end}
.account-inline-empty{padding:42px 22px;text-align:center;color:#9ca3af}
.account-inline-empty i{display:block;font-size:2.3rem;color:#ef4760;margin-bottom:12px}
.account-inline-empty strong{display:block;color:#fff;font-size:1.05rem;margin-bottom:4px}
.compact-shell .settings-themed-select{min-height:44px;padding-top:10px;padding-bottom:10px;padding-right:38px}
.compact-shell i{right:14px}
body.light .account-inline-table-shell{background:#fff;border-color:rgba(0,0,0,.07);box-shadow:0 18px 44px rgba(0,0,0,.06)}
body.light .account-inline-chip{background:#fff;border-color:rgba(227,24,55,.10);color:#364152}
body.light .account-inline-name-input,body.light .account-inline-number-input,body.light .account-inline-select{background:#fff;border-color:rgba(227,24,55,.12);color:#111}
body.light .account-inline-table-head{background:#f7f8fb;border-color:rgba(0,0,0,.06);color:#60708a}
body.light .account-inline-row{border-color:rgba(0,0,0,.06)}
body.light .account-inline-row:hover{background:#fafbfc}
@media (max-width: 1500px){.account-inline-table-shell{overflow-x:auto}.account-inline-table-head,.account-inline-row{min-width:1380px}}
@media (max-width: 860px){.account-inline-editor-card{padding:14px}.account-inline-summary{width:100%}.account-inline-chip{width:100%;justify-content:center}}

.security-center-grid{grid-template-columns:1.3fr .9fr;align-items:start}
.security-card-block{height:100%}
.security-mini-grid,.security-mini-grid-wide,.security-mini-grid-4{align-items:start}
.security-stats-grid .stat-card{min-height:132px}
.security-row-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.security-row-actions form{margin:0}
.security-row-actions .btn-sm{min-width:42px;padding:10px 12px}
.security-bottom-grid{grid-template-columns:1fr 1fr;align-items:start}
.security-table .mono,.security-bottom-grid .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}
.security-table .badge-soft{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#d7d7de}
.security-notice-preview-box{display:flex;flex-direction:column;justify-content:center;min-height:100%}
.security-notice-preview-box p{margin:0}
.security-top-grid{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr)}
.security-browser-card{padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015))}
.security-browser-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.security-browser-head h4{margin:0 0 6px;font-size:1.05rem}
.security-browser-head p{margin:0;color:var(--text-secondary);line-height:1.6}
.security-mini-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:.84rem;color:var(--text-secondary);font-weight:700;white-space:nowrap}
.security-mini-chip.is-on{background:rgba(227,24,55,.12);border-color:rgba(227,24,55,.26);color:#ffb7c4}
.security-browser-note{min-height:100%;display:flex;flex-direction:column;justify-content:center}
.security-browser-note p{margin:0;color:var(--text-secondary);line-height:1.65}
.mini-grid-1{display:grid;grid-template-columns:1fr;gap:12px}
.top-space-md{margin-top:12px}
.top-space-sm{margin-top:10px}
@media (max-width: 900px){.security-top-grid,.security-mini-grid,.security-mini-grid-wide,.security-mini-grid-4{grid-template-columns:1fr}.security-browser-head{flex-direction:column}}
.settings-inline-note-grid.security-center-grid .admin-shell-card,.settings-inline-note-grid.security-bottom-grid .admin-shell-card{padding:20px}
@media (max-width: 1100px){.security-center-grid,.security-bottom-grid{grid-template-columns:1fr}.security-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 700px){.security-stats-grid{grid-template-columns:1fr}.security-row-actions{justify-content:flex-start}}


/* ===== SETTINGS FULL-WIDTH AFTER SIDE SUMMARY REMOVAL ===== */
.settings-dashboard-layout{
  grid-template-columns:minmax(0,1fr) !important;
  width:100%;
}
.settings-dashboard-layout > *,
.settings-dashboard-layout > .settings-editor-shell,
.settings-dashboard-layout > .admin-shell-card{
  width:100%;
  max-width:none;
  min-width:0;
  justify-self:stretch;
}
.settings-editor-shell{
  width:100%;
  max-width:none;
}
.settings-editor-head p{
  max-width:none;
}
.settings-inline-note-grid,
.settings-inline-note-grid.security-center-grid,
.settings-inline-note-grid.security-bottom-grid,
.security-stats-grid{
  width:100%;
}
.topup-admin-layout{
  grid-template-columns:minmax(0,1fr) !important;
}
.topup-admin-layout > .topup-admin-main{
  width:100%;
  min-width:0;
}
.topup-admin-layout > .topup-admin-side.settings-side-summary{
  display:none !important;
}
@media (min-width: 1101px){
  .settings-dashboard-layout,
  .topup-admin-layout{
    align-items:stretch;
  }
}


/* === Phase 2.20: dropdown vertical alignment + compact height === */
.settings-themed-select,
.admin-inline-edit select,
.exact-front-form select,
.demo-search-shell select,
.likes-select-control,
.inline-form select,
select.input{
  min-height: 44px !important;
  height: 44px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 14px !important;
  line-height: 1.15 !important;
  font-size: .96rem;
  background-position: 0 0, calc(100% - 18px) 50%, calc(100% - 12px) 50% !important;
}

.settings-themed-select,
.demo-search-shell select{
  padding-right: 40px !important;
}

.admin-inline-edit select,
.exact-front-form select,
.likes-select-control,
.inline-form select,
select.input{
  padding-right: 34px !important;
}

.settings-select-shell,
.likes-select-shell{
  display:block;
}

.settings-select-shell i,
.likes-select-shell i{
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: .86rem;
}

.admin-custom-select-trigger{
  min-height: 44px;
  height: 44px;
  padding: 0 14px;
  border-radius: 12px;
  align-items: center;
  font-size: .95rem;
  line-height: 1.1;
}

.admin-custom-select-trigger-main,
.admin-custom-select-trigger-main span,
.admin-custom-select-arrow{
  line-height: 1.1;
}

.admin-custom-select-option{
  min-height: 40px;
  padding: 0 12px;
  align-items: center;
  font-size: .93rem;
  line-height: 1.1;
}

@media (max-width: 768px){
  .settings-themed-select,
  .admin-inline-edit select,
  .exact-front-form select,
  .demo-search-shell select,
  .likes-select-control,
  .inline-form select,
  select.input,
  .admin-custom-select-trigger{
    min-height: 42px !important;
    height: 42px;
  }
}

/* === Phase 2.21: dropdown text truly centered like buttons === */
.settings-themed-select,
.settings-select-compact,
.admin-inline-edit select,
.exact-front-form select,
.demo-search-shell select,
.likes-select-control,
.inline-form select,
select.input{
  min-height:40px !important;
  height:40px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  line-height:40px !important;
  font-size:.95rem !important;
  box-sizing:border-box;
}

.settings-select-compact{
  padding-left:14px !important;
  padding-right:40px !important;
}

.admin-custom-select-trigger,
.settings-select-shell .admin-custom-select-trigger,
.compact-shell .settings-select-shell .admin-custom-select-trigger{
  min-height:40px !important;
  height:40px !important;
  padding:0 14px !important;
  display:flex;
  align-items:center !important;
  justify-content:flex-start;
  gap:10px;
  line-height:normal !important;
  box-sizing:border-box;
  appearance:none;
  -webkit-appearance:none;
}

.admin-custom-select-trigger-main{
  flex:1 1 auto;
  min-width:0;
  display:flex !important;
  align-items:center !important;
  align-self:stretch;
  gap:9px;
}

.admin-custom-select-trigger-main i,
.admin-custom-select-arrow{
  flex:0 0 auto;
  align-self:center;
  line-height:1 !important;
}

.admin-custom-select-trigger-main span{
  display:flex !important;
  align-items:center !important;
  min-width:0;
  min-height:100%;
  line-height:1.1 !important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.admin-custom-select-arrow{
  margin-left:auto;
}

.admin-custom-select-option{
  min-height:38px !important;
  height:38px;
  padding:0 12px !important;
  display:flex;
  align-items:center !important;
  line-height:normal !important;
  box-sizing:border-box;
}

.admin-custom-select-option span{
  display:flex;
  align-items:center;
  min-height:100%;
  line-height:1.1;
}

@media (max-width: 768px){
  .settings-themed-select,
  .settings-select-compact,
  .admin-inline-edit select,
  .exact-front-form select,
  .demo-search-shell select,
  .likes-select-control,
  .inline-form select,
  select.input,
  .admin-custom-select-trigger{
    min-height:40px !important;
    height:40px !important;
  }
}

/* === Phase 2.23: custom select icon/layout fix inside settings shells === */
.settings-select-shell > i,
.likes-select-shell > i{
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  pointer-events:none;
}

.settings-select-shell .admin-custom-select-trigger-main i,
.settings-select-shell .admin-custom-select-arrow,
.settings-select-shell .admin-custom-select-option i,
.likes-select-shell .admin-custom-select-trigger-main i,
.likes-select-shell .admin-custom-select-arrow,
.likes-select-shell .admin-custom-select-option i{
  position:static !important;
  top:auto !important;
  right:auto !important;
  transform:none !important;
  pointer-events:none;
}

.settings-select-shell .admin-custom-select-trigger,
.likes-select-shell .admin-custom-select-trigger{
  min-height:40px !important;
  height:40px !important;
  padding:0 14px !important;
  justify-content:flex-start;
  align-items:center !important;
}

.settings-select-shell .admin-custom-select-trigger-main,
.likes-select-shell .admin-custom-select-trigger-main{
  flex:1 1 auto;
  min-width:0;
  height:100%;
  display:flex !important;
  align-items:center !important;
  gap:10px;
}

.settings-select-shell .admin-custom-select-trigger-main i,
.likes-select-shell .admin-custom-select-trigger-main i{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:16px;
  height:16px;
  font-size:.9rem;
  color:#ff93a7;
  flex:0 0 16px;
}

.settings-select-shell .admin-custom-select-trigger-main span,
.likes-select-shell .admin-custom-select-trigger-main span{
  display:flex !important;
  align-items:center !important;
  height:100%;
  line-height:1 !important;
}

.settings-select-shell .admin-custom-select-arrow,
.likes-select-shell .admin-custom-select-arrow{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:16px;
  height:16px;
  font-size:.82rem;
}

.admin-custom-select-menu{
  padding:8px;
}

.admin-custom-select-option{
  min-height:40px !important;
  height:40px;
  padding:0 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start;
  gap:10px;
  border:1px solid transparent;
}

.admin-custom-select-option i{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:16px;
  height:16px;
  font-size:.88rem;
  flex:0 0 16px;
}

.admin-custom-select-option span{
  display:flex;
  align-items:center;
  min-height:100%;
  line-height:1 !important;
}

.admin-custom-select-option.is-selected{
  background:linear-gradient(135deg,rgba(227,24,55,.26),rgba(110,7,24,.24));
  border-color:rgba(255,112,138,.22);
}

/* === Phase 2.24: select label/icon same row refinement === */
.admin-custom-select-trigger,
.admin-custom-select-option{
  align-items:center !important;
}

.admin-custom-select-trigger-main,
.admin-custom-select-option{
  display:flex !important;
}

.admin-custom-select-trigger-main > i,
.admin-custom-select-option > i{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:16px !important;
  height:16px !important;
  flex:0 0 16px !important;
  line-height:1 !important;
  margin:0 !important;
  vertical-align:middle;
}

.admin-custom-select-trigger-main > span,
.admin-custom-select-option > span{
  display:inline-flex !important;
  align-items:center !important;
  align-self:center !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
  vertical-align:middle;
  transform:none !important;
}

.admin-custom-select-option > span{
  flex:1 1 auto;
}


.home-showcase-block{padding:0 18px 24px}
.home-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:8px 0 18px}
.home-kpi-card{position:relative;display:flex;align-items:center;gap:18px;min-height:108px;padding:20px 24px;border-radius:26px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(227,24,55,.07) 55%,rgba(255,255,255,.02));box-shadow:0 16px 34px rgba(0,0,0,.18);overflow:hidden;isolation:isolate;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.home-kpi-card::after{content:'';position:absolute;inset:auto -40px -46px auto;width:200px;height:200px;background:radial-gradient(circle,rgba(227,24,55,.10) 0%,rgba(227,24,55,0) 68%);pointer-events:none;z-index:0;transition:all .4s ease}
.home-kpi-card:hover{border-color:rgba(227,24,55,.30);box-shadow:0 24px 48px rgba(0,0,0,.28),0 0 0 1px rgba(227,24,55,.10),inset 0 0 40px rgba(227,24,55,.04);transform:translateY(-4px)}
.home-kpi-card:hover::after{width:260px;height:260px;opacity:1.5}
.home-kpi-watermark{position:absolute;right:10px;bottom:-14px;line-height:1;z-index:0;pointer-events:none;opacity:.08;color:#fff;font-size:7.8rem;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s ease}
.home-kpi-card:hover .home-kpi-watermark{transform:scale(1.18);opacity:.16}
.home-kpi-icon{position:relative;z-index:1;width:66px;height:66px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:rgba(227,24,55,.16);color:#ff5875;font-size:1.7rem;flex-shrink:0;transition:background .3s ease,box-shadow .3s ease}
.home-kpi-card:hover .home-kpi-icon{background:rgba(227,24,55,.24);box-shadow:0 8px 20px rgba(227,24,55,.18)}
.home-kpi-copy strong{font-size:1.9rem;line-height:.95;color:#fff;font-weight:800;letter-spacing:-.03em;transition:text-shadow .3s ease}
.home-kpi-card:hover .home-kpi-copy strong{text-shadow:0 0 20px rgba(227,24,55,.25)}
.home-kpi-copy{position:relative;z-index:1;display:grid;gap:6px;align-content:center}
.home-kpi-copy span{font-size:1.05rem;color:#fff;font-weight:700}
.home-notice-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.02));margin-bottom:18px}
.home-notice-copy h3{margin:0 0 8px;font-size:1.05rem}.home-notice-copy p{margin:0;color:var(--text-secondary);line-height:1.8;font-size:.98rem}
.home-notice-icon{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(227,24,55,.14);color:#ff5f7b;font-size:1.35rem;flex-shrink:0}
.home-image-header{padding:0 0 10px;margin-top:4px}
.home-image-subtitle{margin-top:6px;color:var(--text-secondary);font-size:.95rem}
.home-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.home-image-tile{display:block;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#121212,#160107);box-shadow:0 18px 40px rgba(0,0,0,.18);min-height:200px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.home-image-tile:hover{transform:translateY(-2px);border-color:rgba(227,24,55,.22);box-shadow:0 24px 46px rgba(0,0,0,.22)}
.home-image-media{display:block;width:100%;height:100%;min-height:200px;position:relative}
.home-image-tile img,.home-image-media img{display:block;width:100%;height:100%;min-height:200px;object-fit:cover}
.home-image-placeholder{height:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px;text-align:center;background:radial-gradient(circle at 82% 18%, rgba(227,24,55,.14), rgba(227,24,55,.04) 26%, rgba(0,0,0,0) 58%),linear-gradient(145deg,#111,#190206)}
.home-image-placeholder i{font-size:2rem;color:#ff5f7b}.home-image-placeholder strong{font-size:1.25rem;color:#fff}.home-image-placeholder span{font-size:.92rem;color:var(--text-secondary)}
.settings-home-hero{align-items:flex-start}
.settings-home-banner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.settings-home-banner-card label{display:flex;flex-direction:column;gap:8px}
.settings-home-banner-preview{margin-top:0}
.settings-home-banner-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;color:var(--text-secondary)}
.settings-home-banner-placeholder i{font-size:1.9rem;color:#ff6280}.settings-home-banner-placeholder strong{color:#fff;font-size:1.02rem}.settings-home-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}
@media (max-width: 1100px){.home-kpi-grid,.settings-home-banner-grid,.settings-home-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 768px){.home-showcase-block{padding:0 12px 22px}.home-kpi-grid,.home-image-grid,.settings-home-banner-grid,.settings-home-stat-grid{grid-template-columns:1fr}.home-kpi-card{min-height:96px;padding:18px 20px}.home-kpi-watermark{font-size:6.4rem;right:4px;bottom:-12px}.home-kpi-copy strong{font-size:1.65rem}.home-kpi-copy span{font-size:.98rem}.home-kpi-icon{width:58px;height:58px;border-radius:18px}.home-image-tile,.home-image-tile img,.home-image-placeholder{min-height:170px}.home-notice-card{padding:18px;align-items:flex-start}.home-notice-icon{width:48px;height:48px}}

/* ═══════════════════════════════════════
   PHASE 29 — Mobile View based on uploaded blueprint
   ═══════════════════════════════════════ */
.front-main-shell{max-width:1440px;margin:0 auto;width:100%}
.mobile-home-shell,.mobile-topup-shell,.front-bottom-nav,.bm-overlay,.bm-sheet{display:none}
.front-bottom-nav__item,.front-bottom-nav__bubble{transition:all .2s ease}

@media (min-width: 769px){
  .mobile-home-shell,.mobile-topup-shell,.front-bottom-nav,.bm-overlay,.bm-sheet{display:none !important}
}

@media (max-width: 768px){
  body{padding-bottom:92px}
  .front-main-shell{padding-bottom:0}
  .desktop-home-view,.desktop-topup-view{display:none !important}
  .mobile-home-shell,.mobile-topup-shell{display:block;padding:12px 12px 0}

  .navbar{height:60px;padding:0 12px;gap:8px}
  .navbar-logo{font-size:1.22rem;letter-spacing:-.03em}
  .navbar-logo span:first-child{color:#fff}
  .mobile-menu-btn{display:none !important}
  .nav-links{display:none !important}
  .nav-actions{margin-left:auto;gap:8px}
  .nav-actions .btn.btn-red{display:none}
  .nav-actions .btn.btn-outline{padding:0 12px;min-height:34px;border-radius:10px;font-size:.84rem}
  .btn-wallet{padding:0 10px;min-height:34px;border-radius:10px;font-size:.86rem}
  .btn-avatar{width:34px;height:34px;font-size:.9rem}
  .footer{margin-bottom:84px}

  .front-bottom-nav{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;padding:8px 8px calc(env(safe-area-inset-bottom,0px) + 10px);background:rgba(10,10,10,.96);border-top:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);z-index:150;box-shadow:0 -16px 34px rgba(0,0,0,.35)}
  .front-bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;color:#818181;font-size:.62rem;font-weight:500;min-height:54px}
  .front-bottom-nav__item i{font-size:1.08rem}
  .front-bottom-nav__item.active{color:var(--red-light)}
  .front-bottom-nav__item--center{position:relative;top:-10px}
  .front-bottom-nav__bubble{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff3054,#d10e33);color:#fff;box-shadow:0 10px 24px rgba(227,24,55,.36)}
  .front-bottom-nav__item--center.active .front-bottom-nav__bubble{box-shadow:0 12px 28px rgba(227,24,55,.5)}
  .front-bottom-nav__item--center i{font-size:1.2rem}

  /* ── Bottom Menu Sheet ── */
  #btnBottomMenu{background:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent;padding:0;font-family:inherit}

  .bm-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);z-index:200;opacity:0;pointer-events:none;transition:opacity .28s ease}
  .bm-overlay.open{opacity:1;pointer-events:auto}

  .bm-sheet{display:block;position:fixed;left:0;right:0;bottom:0;z-index:210;background:#111;border-top-left-radius:24px;border-top-right-radius:24px;border:1px solid rgba(255,255,255,.08);border-bottom:none;box-shadow:0 -20px 50px rgba(0,0,0,.45);padding:0 0 calc(env(safe-area-inset-bottom,0px) + 16px);transform:translateY(100%);transition:transform .32s cubic-bezier(.32,.72,0,1);will-change:transform}
  .bm-sheet.open{transform:translateY(0)}
  .bm-sheet__handle{display:flex;justify-content:center;padding:12px 0 4px}
  .bm-sheet__handle span{width:38px;height:4px;border-radius:99px;background:rgba(255,255,255,.15)}
  .bm-sheet__head{padding:8px 22px 14px;font-size:.92rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:8px}
  .bm-sheet__head i{color:var(--r);font-size:.95rem}
  .bm-sheet__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 16px 8px}

  .bm-tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 14px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);transition:all .18s;color:inherit;text-decoration:none}
  .bm-tile:active{transform:scale(.95)}
  .bm-tile span{font-size:.72rem;font-weight:600;color:var(--ts);text-align:center;line-height:1.4}
  .bm-tile--active{background:rgba(227,24,55,.08);border-color:rgba(227,24,55,.2)}
  .bm-tile--active span{color:#ff8fa3;font-weight:700}

  .bm-tile__ico{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}
  .bm-tile__ico--game{background:rgba(59,130,246,.12);color:#4D9FFF}
  .bm-tile__ico--premium{background:rgba(168,85,247,.12);color:#a855f7}
  .bm-tile__ico--likes{background:rgba(227,24,55,.12);color:#ff6b8a}
  .bm-tile__ico--otp{background:rgba(34,197,94,.12);color:#00C864}
  .bm-tile__ico--account{background:rgba(249,115,22,.12);color:#f97316}
  .bm-tile__ico--shop{background:rgba(0,200,100,.12);color:#00C864}
  .bm-tile__ico--random{background:rgba(255,200,0,.12);color:#FFC800}

  /* Light theme */
  body.light .bm-sheet{background:#fff;border-color:rgba(0,0,0,.08);box-shadow:0 -20px 50px rgba(0,0,0,.12)}
  body.light .bm-sheet__handle span{background:rgba(0,0,0,.12)}
  body.light .bm-sheet__head{color:#111}
  body.light .bm-tile{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.06)}
  body.light .bm-tile span{color:#555}
  body.light .bm-tile--active{background:rgba(227,24,55,.05);border-color:rgba(227,24,55,.14)}
  body.light .bm-tile--active span{color:#c31232}

  .mobile-hero-card{background:linear-gradient(135deg,#190205 0%,#3a0610 100%);border:1px solid rgba(227,24,55,.16);border-radius:24px;padding:20px 18px 18px;box-shadow:0 18px 34px rgba(0,0,0,.24)}
  .mobile-hero-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:rgba(227,24,55,.14);border:1px solid rgba(227,24,55,.26);color:#ff738c;font-size:.74rem;font-weight:600;margin-bottom:10px}
  .mobile-hero-card h1{font-size:2rem;line-height:1.03;font-weight:800;letter-spacing:-.04em;color:#fff}
  .mobile-hero-card h1 span{color:var(--red)}
  .mobile-hero-card p{margin-top:6px;color:#c3c3c3;font-size:.92rem;line-height:1.65}
  .mobile-hero-btn{margin-top:14px;padding:10px 16px;border-radius:12px}

  .mobile-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
  .mobile-quick-card{min-height:88px;background:#151515;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 18px rgba(0,0,0,.18)}
  .mobile-quick-card i{font-size:1.35rem;color:var(--red-light)}
  .mobile-quick-card span{font-size:.72rem;color:#d3d3d3;text-align:center;line-height:1.35;font-weight:500}

  .mobile-home-block{margin-top:18px}
  .mobile-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
  .mobile-block-head h3{display:flex;align-items:center;gap:8px;font-size:1.22rem;font-weight:800;color:#fff;letter-spacing:-.03em}
  .mobile-block-head h3 i{color:var(--red)}
  .mobile-head-icon{width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#111;display:flex;align-items:center;justify-content:center;color:#cfcfcf}
  .mobile-block-head--notice .mobile-head-icon{color:#5ea6ff;border-color:rgba(94,166,255,.28)}

  .mobile-popular-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .mobile-popular-card{overflow:hidden;background:#151515;border:1px solid rgba(255,255,255,.05);border-radius:16px;box-shadow:0 10px 18px rgba(0,0,0,.16)}
  .mobile-popular-thumb{height:66px;background:linear-gradient(135deg,#120203,#1b1b1b);display:flex;align-items:center;justify-content:center}
  .mobile-popular-thumb i{font-size:1.12rem;color:rgba(255,255,255,.2)}
  .mobile-popular-name{padding:8px 10px 9px;font-size:.74rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .mobile-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mobile-stat-card{position:relative;display:flex;align-items:center;gap:12px;min-height:74px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(227,24,55,.07) 55%,rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.07);overflow:hidden;isolation:isolate}
  .mobile-stat-card::after{content:"";position:absolute;inset:auto -18px -28px auto;width:110px;height:110px;background:radial-gradient(circle,rgba(227,24,55,.14) 0%,rgba(227,24,55,0) 70%);pointer-events:none;z-index:0}
  .mobile-stat-icon{position:relative;z-index:2;width:42px;height:42px;border-radius:14px;background:rgba(227,24,55,.14);display:flex;align-items:center;justify-content:center;color:#ff5675;font-size:1.1rem;flex-shrink:0;box-shadow:0 10px 22px rgba(227,24,55,.14)}
  .mobile-stat-copy{position:relative;z-index:2;display:flex;flex-direction:column;gap:2px;min-width:0;padding-right:84px}
  .mobile-stat-copy strong{font-size:1rem;line-height:1.2;color:#fff}
  .mobile-stat-copy span{font-size:.74rem;color:#b6b6b6;line-height:1.35}
  .mobile-stat-watermark{position:absolute;top:50%;right:-2px;transform:translateY(-50%);width:88px;height:88px;display:flex;align-items:center;justify-content:center;z-index:1;line-height:1;color:rgba(255,255,255,.09);pointer-events:none;filter:drop-shadow(0 10px 22px rgba(0,0,0,.16))}
  .mobile-stat-watermark i{display:block;font-size:4.9rem;line-height:1}

  .mobile-notice-card{padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,rgba(80,126,205,.26),rgba(255,255,255,.04));border:1px solid rgba(99,154,255,.16);color:#f5f7fb;font-size:.92rem;font-weight:600;line-height:1.7}

  .mobile-banner-grid{display:grid;grid-template-columns:1fr;gap:12px}
  .mobile-banner-card{display:block;overflow:hidden;border-radius:20px;border:1px solid rgba(255,255,255,.06);background:#111;box-shadow:0 14px 24px rgba(0,0,0,.2)}
  .mobile-banner-card img{width:100%;aspect-ratio:2.05/1;object-fit:cover}
  .mobile-banner-placeholder{aspect-ratio:2.05/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#1c0206,#101010);color:#cfcfcf;padding:18px;text-align:center}
  .mobile-banner-placeholder i{font-size:1.5rem;color:var(--red-light)}
  .mobile-banner-placeholder strong{font-size:1rem;color:#fff}
  .mobile-banner-placeholder span{font-size:.78rem;color:#b1b1b1}

  .mobile-topup-head{display:flex;align-items:center;gap:10px;margin:4px 2px 14px}
  .mobile-topup-head strong{font-size:1.16rem;font-weight:700;color:#fff;line-height:1.3}
  .mobile-topup-back{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#111;display:flex;align-items:center;justify-content:center;color:#e3e3e3;flex-shrink:0}
  .mobile-topup-banner{height:120px;border-radius:20px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,#190205,#33060d);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 16px 28px rgba(0,0,0,.22)}
  .mobile-topup-banner i{font-size:2.15rem;color:rgba(227,24,55,.38)}
  .mobile-topup-banner__name{position:absolute;left:14px;bottom:14px;font-size:1.55rem;font-weight:800;color:#fff;letter-spacing:-.03em;max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-topup-form{margin-top:14px;display:grid;gap:12px}
  .mobile-step-card{padding:14px;border-radius:18px;background:#151515;border:1px solid rgba(255,255,255,.06);box-shadow:0 12px 20px rgba(0,0,0,.16)}
  .mobile-step-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
  .mobile-step-num{width:28px;height:28px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.85rem;font-weight:700;flex-shrink:0}
  .mobile-step-head h3{font-size:1rem;font-weight:700;color:#fff}
  .mobile-step-input{min-height:44px;border-radius:12px;background:#0f0f10}
  .mobile-package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .mobile-package-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:92px;padding:12px 10px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#101011;text-align:center;cursor:pointer}
  .mobile-package-item input{display:none}
  .mobile-package-item.selected{background:rgba(227,24,55,.08);border-color:rgba(255,61,90,.58);box-shadow:inset 0 0 0 1px rgba(227,24,55,.18)}
  .mobile-package-name{font-size:.74rem;line-height:1.35;color:#c5c5c5;display:block}
  .mobile-package-item strong{font-size:1.34rem;line-height:1;color:#fff}
  .mobile-payment-option{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#101011;margin-bottom:10px}
  .mobile-payment-option input{display:none}
  .mobile-payment-option.selected{border-color:rgba(255,61,90,.58);background:rgba(227,24,55,.08)}
  .mobile-payment-icon{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:#ff7990;flex-shrink:0}
  .mobile-payment-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
  .mobile-payment-copy strong{font-size:.94rem;color:#fff;font-weight:700}
  .mobile-payment-copy small{font-size:.74rem;color:#b0b0b0;line-height:1.4}
  .mobile-submit-btn{margin-top:4px;border-radius:14px;min-height:48px}
}

@media (max-width: 420px){
  .mobile-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mobile-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* Likes admin grouped inline table */
.likes-group-list{display:grid;gap:18px;margin-top:18px}
.likes-group-card{padding:0;overflow:hidden}
.likes-group-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));border:0;border-bottom:1px solid rgba(255,255,255,.06);color:var(--text);text-align:left;cursor:pointer}
.likes-group-toggle-main{display:flex;align-items:center;gap:14px;min-width:0}.likes-group-toggle-main strong{display:block;font-size:1.02rem;font-weight:800}.likes-group-toggle-main small{display:block;color:var(--text-secondary);margin-top:2px}.likes-group-toggle-icon{width:46px;height:46px;border-radius:16px;background:rgba(227,24,55,.14);border:1px solid rgba(227,24,55,.18);display:flex;align-items:center;justify-content:center;color:var(--red);font-size:1.05rem;flex:0 0 auto}
.likes-group-toggle-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.likes-group-toggle-chevron{font-size:1rem;transition:transform .18s ease;color:var(--text-secondary);margin-left:4px}.likes-group-card.is-collapsed .likes-group-toggle-chevron{transform:rotate(-90deg)}
.likes-group-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);font-size:.82rem;color:var(--text-secondary)}.likes-group-pill .bi{font-size:.92rem;line-height:1}.likes-group-pill b{color:#fff;font-weight:800}
.likes-group-body{padding:14px 14px 16px}.likes-group-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}.likes-group-rename-form{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.likes-group-rename-form label{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 320px}.likes-group-rename-form label span{font-size:.78rem;font-weight:700;color:var(--text-secondary)}.likes-group-rename-form .btn{white-space:nowrap}.likes-group-toolbar-note{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-secondary)}.likes-group-toolbar-note i{color:#ff6e8a}.likes-inline-table-wrap{overflow:auto}
.likes-inline-table{min-width:1220px;font-size:.92rem}.likes-inline-table thead th{white-space:nowrap;font-size:.8rem;padding-top:10px;padding-bottom:10px}.likes-inline-table td{vertical-align:middle}.likes-inline-table-compact td{padding-left:10px;padding-right:10px}
.likes-inline-row td{padding-top:10px;padding-bottom:10px}
.likes-inline-id{font-weight:800;color:#fff;font-size:.98rem}.likes-inline-strong{font-weight:800;color:#fff;font-size:.98rem}.likes-inline-sub{font-size:.74rem;color:var(--text-muted);margin-top:4px;line-height:1.4}
.likes-inline-stack{display:flex;flex-direction:column;gap:5px}.likes-inline-input,.likes-inline-select{width:100%;min-height:36px;padding:8px 10px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#fff;outline:none;font-size:.9rem;line-height:1.25;transition:border-color .18s ease, box-shadow .18s ease, background .18s ease}.likes-inline-input:hover,.likes-inline-select:hover{border-color:rgba(227,24,55,.24)}.likes-inline-input:focus,.likes-inline-select:focus{border-color:rgba(227,24,55,.44);box-shadow:0 0 0 3px rgba(227,24,55,.10)}
.likes-inline-price{font-weight:800}.likes-inline-select-shell{position:relative}.likes-inline-select-shell::after{content:"\F282";font-family:"bootstrap-icons";position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:#ff6e8a;font-size:.88rem}.likes-inline-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:32px}
.likes-inline-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.likes-inline-pair label{display:flex;flex-direction:column;gap:4px;min-width:0}.likes-inline-pair label span{font-size:.68rem;font-weight:700;color:var(--text-secondary);padding-left:2px}.likes-inline-range label span{text-transform:uppercase;letter-spacing:.04em}
.likes-inline-switch{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);white-space:nowrap}.likes-inline-switch input{width:15px;height:15px;accent-color:#e11d48}.likes-inline-switch span{font-size:.8rem;font-weight:700;color:#fff}
.likes-inline-actions{display:flex;align-items:center;gap:6px}.likes-inline-actions .btn{white-space:nowrap}.likes-inline-actions .btn i{margin-right:0}.likes-inline-actions .btn-sm{padding:8px 10px;border-radius:11px;font-size:.82rem}
.likes-inline-detail-row td{padding:0 10px 12px;border-top:0}.likes-inline-detail{margin:0 0 4px;padding:14px;border-radius:18px;background:rgba(255,255,255,.025);border:1px dashed rgba(255,255,255,.07)}
.likes-inline-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.likes-inline-detail-grid label{display:flex;flex-direction:column;gap:7px}.likes-inline-detail-grid label span{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:#fff}.likes-inline-detail-span-2{grid-column:span 2}
.likes-inline-codes{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
body.light .likes-group-toggle{background:linear-gradient(180deg,#fff,#faf6f7);border-bottom-color:rgba(227,24,55,.10);color:#111}body.light .likes-group-toggle-main small,body.light .likes-group-pill{color:#666}body.light .likes-group-pill{background:#fff;border-color:rgba(227,24,55,.10)}body.light .likes-inline-input,body.light .likes-inline-select,body.light .likes-inline-detail,body.light .likes-inline-switch{background:#fff;color:#111;border-color:rgba(227,24,55,.10)}body.light .likes-inline-sub,body.light .likes-inline-pair label span{color:#777}body.light .likes-inline-switch span,body.light .likes-inline-id,body.light .likes-inline-strong,body.light .likes-inline-detail-grid label span{color:#111}
@media (max-width:980px){.likes-group-toggle{align-items:flex-start;flex-direction:column}.likes-group-toggle-meta{justify-content:flex-start}.likes-group-toolbar,.likes-group-rename-form{align-items:stretch}.likes-inline-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.likes-group-body{padding:12px}.likes-group-rename-form{flex-direction:column}.likes-group-rename-form label,.likes-group-rename-form .btn{width:100%}.likes-inline-detail-grid{grid-template-columns:1fr}.likes-inline-detail-span-2{grid-column:auto}}


/* Front nav dropdown menus + segmented history */
.navbar .nav-dropdown{position:relative;display:flex;align-items:stretch;flex-shrink:0}
.navbar .nav-dropdown-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:12px;border:0;background:transparent;color:#a8a8a8;cursor:pointer;font-size:.95rem;font-weight:500;font-family:'Prompt',sans-serif;white-space:nowrap;transition:background .18s ease,color .18s ease,transform .18s ease}
.navbar .nav-dropdown-trigger:hover{color:#fff;background:rgba(255,255,255,.05)}
.navbar .nav-dropdown-trigger.active,.navbar .nav-dropdown.active .nav-dropdown-trigger{color:#fff;background:rgba(227,24,55,.18);box-shadow:inset 0 0 0 1px rgba(227,24,55,.24)}
.navbar .nav-dropdown-trigger__label{display:inline-flex;align-items:center;gap:8px}
.navbar .nav-dropdown-caret{font-size:.72rem;opacity:.82;transition:transform .18s ease,opacity .18s ease}
.navbar .nav-dropdown:hover .nav-dropdown-caret,.navbar .nav-dropdown.open .nav-dropdown-caret{transform:rotate(180deg);opacity:1}
.navbar .nav-dropdown-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:270px;display:none;flex-direction:column;gap:8px;padding:10px;background:linear-gradient(180deg,rgba(18,18,18,.99),rgba(12,12,12,.99));border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.38);z-index:140}
.navbar .nav-dropdown:hover .nav-dropdown-menu,.navbar .nav-dropdown.open .nav-dropdown-menu{display:flex}
.navbar .nav-dropdown-item{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid transparent;color:#f1f1f1;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.navbar .nav-dropdown-item:hover{background:rgba(227,24,55,.10);border-color:rgba(227,24,55,.20);transform:translateY(-1px)}
.navbar .nav-dropdown-item.active{background:rgba(227,24,55,.12);border-color:rgba(227,24,55,.24)}
.navbar .nav-dropdown-item__title{display:inline-flex;align-items:center;gap:8px;font-size:.94rem;font-weight:700;color:#fff;flex-wrap:wrap}
.navbar .nav-dropdown-item small{font-size:.76rem;line-height:1.45;color:#b0b0b0;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.history-page-subtitle{margin-top:8px;font-size:.9rem;color:var(--tm)}
.history-filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.history-filter-chip{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);color:#d8d8d8;transition:all .18s ease}
.history-filter-chip:hover{border-color:rgba(227,24,55,.22);color:#fff;transform:translateY(-1px)}
.history-filter-chip.active{background:rgba(227,24,55,.14);border-color:rgba(227,24,55,.24);color:#fff}
.history-filter-chip strong{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:rgba(255,255,255,.05);font-size:.78rem;font-weight:800;color:#fff}
.history-list-advanced{display:flex;flex-direction:column;gap:10px}
.history-item-advanced{gap:16px;padding:15px 18px;margin-bottom:0;border-radius:16px}
.history-item-advanced .history-icon{width:46px;height:46px;border-radius:14px;font-size:1.08rem}
.history-icon.error{background:rgba(227,24,55,.12);color:#ff6e8a}
.history-main{flex:1;min-width:0}
.history-main-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.history-main-title{font-size:1rem;font-weight:700;color:#fff;line-height:1.45}
.history-main-subtitle{margin-top:5px;font-size:.84rem;color:#a7a7a7;line-height:1.55;word-break:break-word}
.history-main-meta{margin-top:6px;font-size:.8rem;color:#868686}
.history-main-note{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font-size:.82rem;line-height:1.55;color:#e6e6e6}
.history-module-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:.76rem;font-weight:700;color:#fff;white-space:nowrap}
.history-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:10px;min-width:136px}
.history-amount{font-size:1.02rem;font-weight:800;color:var(--r);white-space:nowrap}
.history-status-chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid transparent;font-size:.8rem;font-weight:700;text-transform:capitalize;white-space:nowrap}
.history-status-chip--success{background:rgba(0,200,100,.12);border-color:rgba(0,200,100,.18);color:var(--ok)}
.history-status-chip--pending{background:rgba(255,200,0,.12);border-color:rgba(255,200,0,.18);color:var(--warn)}
.history-status-chip--error{background:rgba(227,24,55,.12);border-color:rgba(227,24,55,.18);color:#ff6e8a}
.history-empty-state{padding:46px 20px;border-radius:18px;background:rgba(255,255,255,.025);border:1px dashed rgba(255,255,255,.08);text-align:center}
.history-empty-state__icon{width:64px;height:64px;margin:0 auto 14px;border-radius:18px;background:rgba(227,24,55,.12);border:1px solid rgba(227,24,55,.18);display:flex;align-items:center;justify-content:center;font-size:1.45rem;color:var(--r)}
.history-empty-state__title{font-size:1.05rem;font-weight:800;color:#fff}
.history-empty-state__text{margin-top:8px;font-size:.92rem;line-height:1.7;color:#999}
body.light .navbar .nav-dropdown-trigger{color:#7a7a7a}
body.light .navbar .nav-dropdown-trigger:hover{background:rgba(0,0,0,.04);color:#111}
body.light .navbar .nav-dropdown-trigger.active,body.light .navbar .nav-dropdown.active .nav-dropdown-trigger{background:rgba(227,24,55,.08);box-shadow:inset 0 0 0 1px rgba(227,24,55,.16);color:#E31837}
body.light .navbar .nav-dropdown-menu{background:linear-gradient(180deg,#fff,#fafafa);border-color:rgba(0,0,0,.08);box-shadow:0 20px 50px rgba(0,0,0,.12)}
body.light .navbar .nav-dropdown-item{background:#fff;color:#111;border-color:rgba(0,0,0,.03)}
body.light .navbar .nav-dropdown-item__title,body.light .history-main-title,body.light .history-module-badge,body.light .history-filter-chip strong,body.light .history-empty-state__title{color:#111}
body.light .navbar .nav-dropdown-item small,body.light .history-page-subtitle,body.light .history-main-subtitle,body.light .history-main-meta,body.light .history-empty-state__text{color:#666}
body.light .history-filter-chip{background:#fff;border-color:rgba(0,0,0,.06);color:#555}
body.light .history-filter-chip.active{background:rgba(227,24,55,.08);border-color:rgba(227,24,55,.18);color:#E31837}
body.light .history-item-advanced{background:#fff;border-color:rgba(0,0,0,.06)}
body.light .history-main-note{background:#fafafa;border-color:rgba(0,0,0,.06);color:#333}
body.light .history-module-badge,body.light .history-filter-chip strong{background:#fff;border-color:rgba(0,0,0,.08)}
body.light .history-empty-state{background:#fff;border-color:rgba(0,0,0,.08)}
@media (max-width:1080px){
  .navbar .nav-dropdown{width:100%;flex-direction:column}
  .navbar .nav-dropdown-trigger{width:100%;justify-content:space-between}
  .navbar .nav-dropdown:hover .nav-dropdown-menu{display:none}
  .navbar .nav-dropdown-menu{position:static;min-width:0;width:100%;margin-top:8px;background:rgba(255,255,255,.025);box-shadow:none}
  .navbar .nav-dropdown.open .nav-dropdown-menu{display:flex}
}
@media (max-width:768px){
  .history-main-top{flex-direction:column;align-items:flex-start}
  .history-side{align-items:flex-start;min-width:0;width:100%;padding-left:62px}
  .history-item-advanced{align-items:flex-start;flex-wrap:wrap}
}
@media (max-width:560px){
  .history-filter-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .history-filter-chip{justify-content:space-between}
  .history-side{padding-left:0}
}

/* Phase2_37 history hub sidebar + single top history menu */
.history-hub-page{padding:22px}
.history-hub-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start}
.history-hub-sidebar,.history-hub-content{padding:22px}
.history-hub-sidebar{position:sticky;top:96px}
.history-hub-profile{padding:20px;border-radius:22px;background:radial-gradient(circle at top,rgba(227,24,55,.16),transparent 44%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.07);text-align:center}
.history-hub-avatar{width:84px;height:84px;margin:0 auto 14px;border-radius:26px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(227,24,55,.20),rgba(227,24,55,.08));border:1px solid rgba(227,24,55,.24);font-size:2rem;font-weight:900;color:#fff}
.history-hub-name{font-size:1.08rem;font-weight:800;color:#fff;word-break:break-word}
.history-hub-email{margin-top:6px;font-size:.86rem;color:var(--text-muted);word-break:break-word}
.history-hub-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.history-hub-stat-box{padding:14px 12px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.history-hub-stat-box small{display:block;font-size:.76rem;color:var(--text-muted);margin-bottom:6px}
.history-hub-stat-box strong{display:block;font-size:1rem;color:#fff;line-height:1.2}
.history-hub-menu-title{display:flex;align-items:center;gap:8px;margin-top:18px;margin-bottom:12px;font-size:.92rem;font-weight:800;color:#fff}
.history-hub-menu-list{display:flex;flex-direction:column;gap:10px}
.history-hub-menu-item{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.07);transition:all .18s ease;color:inherit}
.history-hub-menu-item:hover{border-color:rgba(227,24,55,.22);transform:translateY(-1px)}
.history-hub-menu-item.active{background:linear-gradient(180deg,rgba(227,24,55,.18),rgba(227,24,55,.08));border-color:rgba(227,24,55,.24)}
.history-hub-menu-icon{width:42px;height:42px;border-radius:14px;background:rgba(227,24,55,.12);color:var(--r);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}
.history-hub-menu-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.history-hub-menu-copy strong{font-size:.95rem;color:#fff}
.history-hub-menu-copy small{font-size:.79rem;color:var(--text-muted);line-height:1.55}
.history-hub-menu-count{min-width:32px;height:32px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:#fff}
.history-hub-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}
.history-hub-subtitle{margin-top:8px;font-size:.92rem;line-height:1.7;color:var(--text-muted)}
.history-hub-header-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.history-table-wrap{overflow-x:auto}
.history-hub-table{min-width:860px}
.history-hub-table thead th{white-space:nowrap}
.history-ref{font-size:.95rem;font-weight:800;color:#fff}
.history-ref-module{margin-top:7px;display:inline-flex;align-items:center;gap:7px;font-size:.79rem;color:var(--text-muted)}
.history-table-title-row{display:flex;align-items:flex-start;gap:12px;min-width:280px}
.history-table-item-icon{width:42px;height:42px;border-radius:14px;background:rgba(227,24,55,.12);color:var(--r);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}
.history-table-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.history-table-copy strong{font-size:.95rem;color:#fff;line-height:1.55}
.history-table-copy small{font-size:.82rem;color:var(--text-muted);line-height:1.65;word-break:break-word}
.history-table-note{display:inline-flex;align-items:flex-start;gap:7px;color:#dedede!important}
.history-hub-amount{font-size:1rem;font-weight:800;color:#fff;white-space:nowrap}
.history-hub-time{font-size:.84rem;color:var(--text-muted);white-space:nowrap}
.history-empty-state--hub{margin-top:8px}
body.light .history-hub-profile,body.light .history-hub-menu-item,body.light .history-hub-stat-box,body.light .history-hub-content,body.light .history-hub-sidebar{background:#fff;border-color:rgba(0,0,0,.06)}
body.light .history-hub-avatar{color:#111}
body.light .history-hub-name,body.light .history-ref,body.light .history-table-copy strong,body.light .history-hub-amount,body.light .history-hub-menu-copy strong,body.light .history-hub-menu-count{color:#111}
body.light .history-hub-email,body.light .history-hub-stat-box small,body.light .history-hub-subtitle,body.light .history-ref-module,body.light .history-table-copy small,body.light .history-hub-time,body.light .history-hub-menu-copy small{color:#666}
body.light .history-hub-menu-count{background:#fff;border-color:rgba(0,0,0,.08)}
@media (max-width: 1100px){.history-hub-grid{grid-template-columns:1fr}.history-hub-sidebar{position:static}.history-hub-header{flex-direction:column}.history-hub-header-pills{justify-content:flex-start}.history-hub-stats{grid-template-columns:1fr 1fr}}
@media (max-width: 640px){.history-hub-page{padding:16px 12px 28px}.history-hub-sidebar,.history-hub-content{padding:18px}.history-hub-stats{grid-template-columns:1fr}.history-hub-menu-item{padding:13px}.history-hub-menu-count{min-width:28px;height:28px;padding:0 8px}.history-hub-table{min-width:720px}}


/* Phase2_40 profile dropdown hard viewport fit fix */
.nav-profile-dropdown{position:relative}
.nav-profile-trigger{min-width:0;min-height:42px;padding:4px 10px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;gap:10px}
.nav-profile-trigger:hover{background:rgba(255,255,255,.06)}
.nav-profile-trigger.active,.nav-profile-dropdown.active .nav-profile-trigger{background:rgba(227,24,55,.16);border-color:rgba(227,24,55,.26);box-shadow:inset 0 0 0 1px rgba(227,24,55,.14)}
.nav-profile-trigger__main{display:flex;align-items:center;gap:9px;min-width:0}
.nav-profile-trigger__avatar,.nav-profile-menu-avatar{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff315d,#c40f2e);color:#fff;font-size:.92rem;font-weight:800;flex-shrink:0;box-shadow:0 10px 22px rgba(227,24,55,.22)}
.nav-profile-trigger__copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.08}
.nav-profile-trigger__copy strong{max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;color:#fff}
.nav-profile-trigger__copy small{max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;color:#a7a7a7}
.nav-profile-menu{left:auto;right:0;min-width:320px;width:min(340px,calc(100vw - 16px));max-width:calc(100vw - 16px);max-height:min(70vh,calc(100dvh - 84px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;gap:10px;padding:12px;box-sizing:border-box;-webkit-overflow-scrolling:touch}
.nav-profile-menu-head{display:flex;align-items:center;gap:12px;padding:10px 10px 4px}
.nav-profile-menu-copy{display:flex;flex-direction:column;min-width:0;flex:1}
.nav-profile-menu-copy strong{font-size:1rem;color:#fff;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-profile-menu-copy small{font-size:.78rem;color:#a9a9a9;max-width:100%;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.5}
.nav-profile-menu-badges{display:flex;flex-wrap:wrap;gap:8px;padding:0 10px 6px}
.nav-profile-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);font-size:.78rem;color:#e9e9e9}
.nav-profile-logout-form{display:block;margin:0}
.nav-profile-logout-btn{width:100%;font-family:'Prompt',sans-serif;text-align:left;cursor:pointer}
.nav-profile-logout-btn .nav-dropdown-item__title{color:#ffdfe6}
.nav-profile-logout-btn:hover{background:rgba(227,24,55,.14);border-color:rgba(227,24,55,.24)}
body.light .nav-profile-trigger{background:#fff;border-color:rgba(0,0,0,.08);color:#111}
body.light .nav-profile-trigger:hover{background:rgba(0,0,0,.03)}
body.light .nav-profile-trigger.active,body.light .nav-profile-dropdown.active .nav-profile-trigger{background:rgba(227,24,55,.08);border-color:rgba(227,24,55,.16);box-shadow:inset 0 0 0 1px rgba(227,24,55,.12)}
body.light .nav-profile-trigger__copy strong,body.light .nav-profile-menu-copy strong{color:#111}
body.light .nav-profile-trigger__copy small,body.light .nav-profile-menu-copy small{color:#666}
body.light .nav-profile-badge{background:#fff;border-color:rgba(0,0,0,.06);color:#222}
body.light .nav-profile-logout-btn .nav-dropdown-item__title{color:#c21431}
@media (max-width:1080px){
  .nav-profile-dropdown{position:static}
  .nav-profile-trigger{min-height:40px;padding:4px 10px}
  .nav-profile-trigger__copy strong,.nav-profile-trigger__copy small{max-width:none}
  .nav-profile-menu{position:fixed;top:70px;left:8px;right:8px;bottom:8px;width:auto;max-width:none;min-width:0;max-height:none;height:auto;margin-top:0;padding-bottom:max(12px,env(safe-area-inset-bottom,0px) + 8px);z-index:1001}
}
@media (max-width:768px){
  .nav-profile-trigger{padding:0 10px;min-height:34px;border-radius:10px}
  .nav-profile-trigger__avatar{width:30px;height:30px;font-size:.82rem}
  .nav-profile-trigger__copy strong{max-width:92px;font-size:.84rem}
  .nav-profile-trigger__copy small{display:none}
  .nav-profile-menu{top:68px;left:6px;right:6px;bottom:6px;width:auto;max-width:none;min-width:0;max-height:none;height:auto;padding:10px 10px max(10px,env(safe-area-inset-bottom,0px) + 6px);gap:8px;border-radius:16px}
  .nav-profile-menu-head{padding:8px 8px 2px}
  .nav-profile-menu-badges{padding:0 8px 4px}
}
@media (max-width:420px){
  .nav-dropdown-item{padding:11px 12px;border-radius:13px}
  .nav-dropdown-item__title{font-size:.9rem}
  .nav-dropdown-item small{font-size:.74rem}
}

/* Phase2_41 final profile dropdown full-viewport fit */
.nav-profile-menu[data-placement="viewport"]{left:8px!important;right:8px!important;width:auto!important;max-width:none!important}
@media (max-width:1080px){
  .nav-profile-menu .nav-dropdown-item{min-width:0}
}


/* Phase2_43 profile dropdown desktop anchor + auto flip fix */
@media (min-width:1081px){
  .nav-profile-menu{top:calc(100% + 6px);left:auto;right:0;width:min(340px,calc(100vw - 16px));max-width:calc(100vw - 16px)}
  .nav-profile-menu[data-align="left"]{left:0;right:auto}
  .nav-profile-menu[data-align="right"]{left:auto;right:0}
  .nav-profile-menu .nav-dropdown-item{min-width:0}
}

/* Phase2_44 profile dropdown click-only open fix */
.navbar .nav-profile-dropdown:hover .nav-profile-menu{display:none}
.navbar .nav-profile-dropdown.open .nav-profile-menu{display:flex}
.navbar .nav-profile-dropdown:hover .nav-dropdown-caret{transform:none;opacity:.82}
.navbar .nav-profile-dropdown.open .nav-dropdown-caret{transform:rotate(180deg);opacity:1}

/* === Admin & Analytics Phase 2.47 Theme Polish === */
.admin-dashboard-head--theme{display:grid;gap:12px}
.admin-dash-hero-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:16px;padding:22px 24px;border-radius:22px;border:1px solid rgba(227,24,55,.12);background:radial-gradient(circle at top right, rgba(227,24,55,.18), transparent 34%),linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.02));box-shadow:0 18px 48px rgba(0,0,0,.24);overflow:hidden;position:relative}
.admin-dash-hero-card::after{content:'';position:absolute;inset:auto auto -60px -60px;width:180px;height:180px;background:radial-gradient(circle, rgba(227,24,55,.12), transparent 72%);pointer-events:none}
.admin-dash-hero-copy,.admin-dash-hero-stats{position:relative;z-index:1}
.admin-dash-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(227,24,55,.12);border:1px solid rgba(227,24,55,.18);color:#ff6d85;font-size:.82rem;font-weight:700;margin-bottom:12px}
.admin-dash-chip-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.admin-dash-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);font-size:.82rem;color:#d8dbe8}
.admin-dash-hero-stats{display:grid;gap:12px;align-content:start}
.admin-dash-hero-stat{padding:18px;border-radius:18px;background:rgba(9,9,11,.54);border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(12px)}
.admin-dash-hero-stat small{display:block;color:#8f95ab;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.admin-dash-hero-stat strong{display:block;font-size:1.7rem;line-height:1.1;color:#fff;margin-top:10px}
.admin-dash-hero-stat span{display:block;margin-top:8px;color:#b7bbcf;font-size:.84rem;line-height:1.55}
.admin-range-switch{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.admin-range-label{display:inline-flex;align-items:center;gap:8px;font-size:.92rem;font-weight:700;color:#f3f4f8}
.admin-range-pill{display:inline-flex;align-items:center;gap:8px;padding:6px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.admin-range-pill a{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:999px;color:#aeb4c9;font-size:.92rem;font-weight:600;transition:all .18s ease}
.admin-range-pill a:hover{color:#fff;background:rgba(255,255,255,.04)}
.admin-range-pill a.is-active{background:linear-gradient(135deg, rgba(227,24,55,.96), rgba(255,61,90,.88));color:#fff;box-shadow:0 10px 24px rgba(227,24,55,.22)}
.admin-chart-card{position:relative;overflow:hidden;border-radius:22px}
.admin-chart-card::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle, rgba(227,24,55,.10), transparent 72%);pointer-events:none}
.admin-chart-card.chart-card-deposit::before{background:radial-gradient(circle, rgba(245,158,11,.10), transparent 72%)}
.admin-chart-card.chart-card-users::before{background:radial-gradient(circle, rgba(59,130,246,.10), transparent 72%)}
.admin-chart-head{position:relative;z-index:1;align-items:flex-start}
.admin-chart-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;margin-bottom:10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);font-size:.78rem;color:#bcc2d6;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.admin-chart-meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:120px}
.admin-chart-meta small{color:#8e94aa;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.admin-chart-meta strong{font-size:1.3rem;line-height:1.05;color:#fff}
.admin-chart-meta span{font-size:.8rem;color:#b8bdd0}
.admin-chart-meta.compact strong{font-size:1.15rem}
.themed-chart-wrap{position:relative;height:320px;border-radius:18px;padding:10px 4px 0;background:linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.04)}
.themed-chart-wrap canvas{position:relative;z-index:1}
.themed-chart-wrap.is-empty canvas{opacity:.42;filter:saturate(.65)}
.donut-wrap{padding:16px}
.chart-empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px;text-align:center;z-index:2;pointer-events:none}
.chart-empty-state i{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(227,24,55,.12);border:1px solid rgba(227,24,55,.16);color:#ff5d79;font-size:1.35rem}
.chart-empty-state strong{font-size:1rem;color:#fff}
.chart-empty-state span{max-width:320px;color:#9ea4b8;font-size:.88rem;line-height:1.65}
.audit-snippet-row{transition:transform .18s ease,border-color .18s ease,background .18s ease}
.audit-snippet-row:hover{transform:translateY(-1px);border-color:rgba(227,24,55,.18);background:rgba(255,255,255,.03)}
body.light .admin-dash-hero-card{background:radial-gradient(circle at top right, rgba(227,24,55,.10), transparent 34%),linear-gradient(145deg,#fff,#fbfbfb);border-color:rgba(227,24,55,.12);box-shadow:0 14px 36px rgba(0,0,0,.08)}
body.light .admin-dash-kicker,body.light .chart-empty-state i{background:rgba(227,24,55,.08)}
body.light .admin-dash-chip,body.light .admin-range-pill,body.light .admin-chart-kicker{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.06);color:#5c6277}
body.light .admin-dash-chip{color:#53586b}
body.light .admin-dash-hero-stat{background:#fff;border-color:rgba(0,0,0,.08)}
body.light .admin-dash-hero-stat strong,body.light .admin-chart-meta strong,body.light .chart-empty-state strong{color:#0A0A0A}
body.light .admin-dash-hero-stat span,body.light .admin-chart-meta span,body.light .chart-empty-state span,body.light .admin-range-label{color:#666}
body.light .themed-chart-wrap{background:linear-gradient(180deg, rgba(0,0,0,.012), rgba(0,0,0,.008));border-color:rgba(0,0,0,.06)}
.admin-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.chart-card-wide{grid-column:span 2}
.chart-wrap{position:relative;height:320px}
.chart-range-switch{display:flex;gap:10px;align-items:center}
.admin-log-snippet{gap:12px}
.audit-snippet-row{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(255,255,255,.02)}
.audit-snippet-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,51,85,.12);color:#ff3355;flex:0 0 38px}
.admin-crud-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,.9fr);gap:18px;align-items:start}
.editor-sticky-card{position:sticky;top:94px}
.admin-editor-form{display:flex;flex-direction:column;gap:12px}
.admin-editor-form label>span,.admin-filter-grid label>span,.editor-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#d7d8e2;margin-bottom:6px}
.admin-editor-form input,.admin-editor-form textarea,.admin-editor-form select,.admin-filter-grid input,.admin-filter-grid select{width:100%;border:1px solid rgba(255,255,255,.08);background:#11131a;color:#f2f4ff;border-radius:14px;padding:12px 14px;outline:none}
.admin-editor-form textarea{resize:vertical;min-height:110px}
.toggle-shell{display:flex;flex-direction:column;gap:10px}
.toggle-shell input{width:20px;height:20px;accent-color:#ff3355}
.quill-shell{background:#fff;color:#111;border-radius:14px;min-height:280px;overflow:hidden}
.quill-shell .ql-editor{min-height:220px}
.faq-sort-list{display:flex;flex-direction:column;gap:10px}
.faq-sort-row{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.03)}
.faq-sort-handle{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.05);cursor:grab;color:#ff3355;flex:0 0 38px}
.admin-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}
.filter-actions-wide{grid-column:span 3}
.wrap-gap-sm{gap:8px;flex-wrap:wrap}
.log-json-detail summary{cursor:pointer;display:flex;align-items:center;gap:6px;color:#dbe0f7}
.log-json-detail pre{margin-top:8px;padding:10px 12px;border-radius:12px;background:#0d1016;color:#d7d8e2;max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-word}
.api-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.health-status-card{border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:18px;background:rgba(255,255,255,.03)}
.health-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.health-status-card h4{margin:0;font-size:18px}
.health-status-card p{margin:0 0 12px;color:#c5c7d5;line-height:1.6}
.health-dot{width:14px;height:14px;border-radius:999px;display:inline-block;box-shadow:0 0 0 4px rgba(255,255,255,.04)}
.health-healthy{background:#15d27d}.health-error{background:#ff3355}.health-not_configured{background:#71758a}
.state-healthy{border-color:rgba(21,210,125,.28)}.state-error{border-color:rgba(255,51,85,.28)}.state-not_configured{border-color:rgba(113,117,138,.28)}
.health-badge-row{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width: 1100px){.admin-dash-hero-card,.admin-crud-layout,.admin-chart-grid,.api-health-grid{grid-template-columns:1fr}.chart-card-wide{grid-column:auto}.editor-sticky-card{position:static}.admin-filter-grid{grid-template-columns:1fr 1fr}.filter-actions-wide{grid-column:span 2}}
@media (max-width: 700px){.admin-filter-grid{grid-template-columns:1fr}.filter-actions-wide{grid-column:auto}.chart-wrap,.themed-chart-wrap{height:260px}.admin-dash-hero-card{padding:18px}.admin-chart-head{flex-direction:column}.admin-chart-meta{align-items:flex-start}.admin-range-switch{align-items:flex-start}.admin-range-pill{width:100%;justify-content:space-between}.admin-range-pill a{flex:1;justify-content:center}}
.badge-gold{background:rgba(245,158,11,.14);color:#f5c46a;border:1px solid rgba(245,158,11,.24)}
.badge-dark{background:rgba(255,255,255,.06);color:#d8dbe8;border:1px solid rgba(255,255,255,.12)}

.btn-wallet-bell{position:relative;gap:8px}
.nav-bell-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:linear-gradient(135deg,#ef4444,#e11d48);color:#fff;font-size:11px;font-weight:700;box-shadow:0 10px 20px rgba(225,29,72,.28)}
.notifications-layout .history-main-panel{width:100%}
.notification-list-card{display:grid;gap:14px}
.notification-card{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 36px rgba(0,0,0,.22)}
.notification-card.is-unread{border-color:rgba(225,29,72,.28);box-shadow:0 18px 40px rgba(225,29,72,.08)}
.notification-card__icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:rgba(225,29,72,.14);color:#ff6b81;font-size:18px;flex-shrink:0}
.notification-card__content{flex:1;min-width:0}
.notification-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.notification-card__top strong{font-size:16px;color:#fff}
.notification-card__top span{font-size:12px;color:#94a3b8}
.notification-card__content p{margin:0;color:#d1d5db;line-height:1.75}
.notification-card__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.empty-state-card{text-align:center;padding:36px 20px}
.empty-state-card .empty-icon{width:70px;height:70px;border-radius:24px;margin:0 auto 14px;display:grid;place-items:center;background:rgba(255,255,255,.04);color:#f87171;font-size:28px}
.nested-card{padding:16px;border-radius:18px;background:rgba(255,255,255,.02);margin-top:18px}
.inline-test-form{grid-template-columns:1fr auto;align-items:end}
.full-span{grid-column:1/-1}
@media(max-width:900px){.inline-test-form{grid-template-columns:1fr}.notification-card{flex-direction:column}.notification-card__top{flex-direction:column;align-items:flex-start}}


/* ===== Phase 2.49: Email settings button spacing polish ===== */
.admin-email-layout .email-settings-form,
.admin-email-layout .email-test-form{
  gap:16px;
}
.admin-email-layout .email-form-actions{
  padding-top:8px;
  margin-top:2px;
}
.admin-email-layout .email-form-actions .btn{
  margin:0;
}
.admin-email-layout .nested-card{
  margin-top:20px;
}
@media (min-width: 901px){
  .admin-email-layout .email-test-form{
    grid-template-columns:1fr;
  }
}

/* Phase 5 — UX & Frontend */
.toast-stack{position:fixed;top:78px;right:18px;z-index:1200;display:flex;flex-direction:column;gap:10px;max-width:min(420px,calc(100vw - 24px))}
.toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:16px;border:1px solid var(--bd);background:rgba(11,11,15,.96);box-shadow:0 20px 50px rgba(0,0,0,.34);transform:translateX(18px);opacity:0;pointer-events:auto;transition:transform .22s ease,opacity .22s ease}
.toast.show{transform:translateX(0);opacity:1}
.toast.toast-success{border-color:rgba(0,200,100,.18)}
.toast.toast-error{border-color:rgba(227,24,55,.24)}
.toast.toast-warning{border-color:rgba(255,176,32,.24)}
.toast.toast-info{border-color:rgba(59,130,246,.22)}
.toast-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(255,255,255,.04)}
.toast-success .toast-icon{color:#6fe1a6;background:rgba(0,200,100,.12)}
.toast-error .toast-icon{color:#ff7b90;background:rgba(227,24,55,.12)}
.toast-warning .toast-icon{color:#ffcb75;background:rgba(255,176,32,.12)}
.toast-info .toast-icon{color:#8fbdfb;background:rgba(59,130,246,.12)}
.toast-copy{flex:1;color:var(--tx);font-size:14px;line-height:1.6;padding-top:2px}
.toast-close{width:30px;height:30px;border:none;background:transparent;color:var(--tm);cursor:pointer;border-radius:10px}
.toast-close:hover{background:rgba(255,255,255,.05);color:var(--tx)}
.top-progress-bar{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#e31837,#ff6a7e);z-index:1400;opacity:0;transition:width .25s ease,opacity .2s ease}
.top-progress-bar.active{opacity:1}
.global-loading-overlay{position:fixed;inset:0;background:rgba(6,6,10,.62);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:1300;opacity:0;pointer-events:none;transition:opacity .18s ease}
.global-loading-overlay.show{opacity:1;pointer-events:auto}
.global-loading-spinner{width:52px;height:52px;border-radius:50%;border:3px solid rgba(255,255,255,.08);border-top-color:var(--r);animation:spin .8s linear infinite}
.global-loading-text{font-size:15px;color:#fff;font-weight:500}
.nav-search-trigger{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--bd);background:var(--sf);color:var(--tx);cursor:pointer;font-family:'Prompt',sans-serif;font-size:14px;transition:.18s}
.nav-search-trigger:hover{border-color:var(--bh);transform:translateY(-1px)}
.global-search-overlay{position:fixed;inset:0;display:none;z-index:1250}
.global-search-overlay.show{display:block}
.global-search-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(6px)}
.global-search-panel{position:relative;z-index:1;max-width:920px;margin:72px auto 0;background:linear-gradient(180deg,rgba(15,15,21,.98),rgba(8,8,12,.98));border:1px solid rgba(255,255,255,.08);border-radius:26px;box-shadow:0 32px 80px rgba(0,0,0,.45);overflow:hidden}
.global-search-head{padding:18px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:12px}
.global-search-input{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.global-search-input i{color:var(--tm);font-size:18px}
.global-search-input input{flex:1;border:none;background:transparent;outline:none;color:var(--tx);font-family:'Prompt',sans-serif;font-size:15px}
.global-search-close{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:var(--tm);cursor:pointer}
.global-search-view-all{align-self:flex-end;display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--tm)}
.global-search-view-all:hover{color:var(--tx)}
.global-search-body{padding:18px;max-height:min(70vh,640px);overflow:auto}
.global-search-empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--tm);text-align:center}
.global-search-empty i{font-size:44px;color:var(--r)}
.global-search-results{display:grid;gap:10px}
.global-search-item{display:flex;gap:12px;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);transition:.18s}
.global-search-item:hover{border-color:rgba(227,24,55,.22);transform:translateY(-1px)}
.global-search-item__icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(227,24,55,.12);color:var(--r);font-size:20px;flex-shrink:0}
.global-search-item__body{display:flex;flex-direction:column;gap:3px;min-width:0}
.global-search-item__body strong{font-size:15px;color:var(--tx)}
.global-search-item__body span{font-size:13px;color:var(--tm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.global-search-item__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.global-search-item__top small{font-size:11px;color:#ff8ca0;text-transform:uppercase;letter-spacing:.06em}
.global-search-item__top strong{font-size:12px;color:#fff}
.search-page-shell{padding:0 18px 32px}
.search-page-form{padding:14px;margin-bottom:16px}
.search-page-input{background:transparent}
.search-page-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.metric-pill.active-filter{background:rgba(227,24,55,.12);border-color:rgba(227,24,55,.22);color:#fff}
.search-result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.search-result-card{display:flex;gap:14px;padding:16px;border-radius:18px;transition:.18s}
.search-result-card:hover{transform:translateY(-2px);border-color:var(--bh)}
.search-result-card__icon{width:52px;height:52px;border-radius:16px;background:rgba(227,24,55,.12);display:flex;align-items:center;justify-content:center;color:var(--r);font-size:22px;flex-shrink:0}
.search-result-card__body{min-width:0;display:flex;flex-direction:column;gap:6px}
.search-result-card__body h3{font-size:16px;color:var(--tx)}
.search-result-card__body p,.search-result-card__sub{font-size:13px;color:var(--tm);line-height:1.65}
.search-result-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.search-result-card__top strong{font-size:12px;color:#fff}
.search-page-empty{padding:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px}
.search-page-empty i{font-size:40px;color:var(--r)}
.skeleton{position:relative;overflow:hidden;background:rgba(255,255,255,.04)}
.skeleton::after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);animation:skeletonShimmer 1.2s infinite}
@keyframes skeletonShimmer{100%{transform:translateX(100%)}}
@media(max-width:768px){.toast-stack{top:70px;right:12px;left:12px;max-width:none}.global-search-panel{margin:58px 12px 0}.nav-search-trigger span{display:none}.search-result-grid{grid-template-columns:1fr}.search-page-shell{padding:0 12px 28px}}

/* ===== Phase 2.54: Global admin button layout normalization ===== */
.row{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  min-width:0;
}
.row > *{min-width:0}
.row.wrap-gap-sm{gap:8px}

.admin-shell-card .btn,
.table-card .btn,
.data-panel-demo .btn,
.nested-card .btn,
.settings-editor-actions .btn,
.form-actions .btn,
.admin-filter-grid .btn,
.admin-editor-form .btn{
  min-height:44px;
  border-radius:14px;
  justify-content:center;
}

.admin-shell-card .btn-sm,
.table-card .btn-sm,
.data-panel-demo .btn-sm,
.nested-card .btn-sm,
.form-actions .btn-sm,
.row .btn-sm{
  min-height:38px;
  border-radius:12px;
  padding:8px 14px;
  font-size:.92rem;
}

.settings-editor-actions,
.form-actions,
.admin-editor-form .row,
.admin-filter-grid .row,
.admin-email-layout .email-form-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.settings-editor-actions,
.admin-email-layout .email-form-actions,
.admin-editor-form .row,
.form-actions{
  margin-top:8px;
}

.settings-editor-actions > *,
.form-actions > *,
.admin-editor-form .row > *,
.admin-filter-grid .row > *{
  flex:0 0 auto;
}

label.topup-toggle-card{
  display:flex !important;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  padding:14px 16px;
  min-height:64px;
}

.topup-toggle-card > input{
  width:18px;
  height:18px;
  margin:0 !important;
  flex:0 0 18px;
}

.topup-toggle-card > span{
  margin:0 !important;
  display:inline-flex !important;
  align-items:center;
  gap:10px;
  font-size:.95rem !important;
  font-weight:700 !important;
  color:#fff !important;
  line-height:1.5;
}

.topup-toggle-card > span i{
  margin:0;
  color:#ff8fa4;
}

.admin-shell-card .btn + .btn,
.admin-shell-card form + form,
.admin-shell-card form + .btn,
.admin-shell-card .btn + form{
  margin-left:0;
}

@media (max-width: 820px){
  .settings-editor-actions .btn,
  .form-actions .btn,
  .admin-editor-form .row .btn,
  .admin-filter-grid .row .btn,
  .admin-email-layout .email-form-actions .btn{
    width:100%;
  }

  .row{
    align-items:stretch;
  }
}

/* === Phase2_55 Mobile nav + recommended cards polish === */
@media (max-width: 768px){
  .admin-maintenance-bar{padding:10px 14px;font-size:.92rem;line-height:1.55}
  .navbar{display:grid;grid-template-columns:minmax(0,1fr) repeat(4,auto);align-items:center;column-gap:8px;row-gap:0;min-height:64px;height:auto;padding:10px 12px;overflow:visible}
  .navbar-logo{min-width:0;max-width:100%;font-size:1.12rem;line-height:1;overflow:hidden}
  .navbar-logo-text{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .nav-search-trigger,.btn-wallet,.btn-wallet-bell,.nav-profile-trigger{width:42px;min-width:42px;height:42px;min-height:42px;padding:0 !important;border-radius:14px;justify-content:center;gap:0;flex-shrink:0}
  .nav-search-trigger,.btn-wallet,.btn-wallet-bell{font-size:0}
  .nav-search-trigger i,.btn-wallet i,.btn-wallet-bell i{font-size:1.1rem;margin:0}
  .btn-wallet-bell{position:relative}
  .btn-wallet-bell .nav-bell-count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;font-size:10px}
  .nav-actions{margin-left:0;gap:8px;min-width:0;display:grid;grid-auto-flow:column;grid-auto-columns:max-content;align-items:center}
  .nav-profile-trigger{border-radius:50%;border-color:rgba(255,255,255,.10);box-shadow:0 10px 24px rgba(227,24,55,.18)}
  .nav-profile-trigger__copy,.nav-dropdown-caret{display:none !important}
  .nav-profile-trigger__main{gap:0}
  .nav-profile-trigger__avatar{width:42px;height:42px;font-size:.96rem;box-shadow:0 12px 28px rgba(227,24,55,.28)}
  .nav-profile-dropdown.open::before{content:'';position:fixed;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1000}
  .nav-profile-menu{top:78px;left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);width:auto;max-width:none;border-radius:20px;padding:12px 12px max(12px,env(safe-area-inset-bottom,0px) + 8px);box-shadow:0 24px 60px rgba(0,0,0,.42);background:linear-gradient(180deg,rgba(17,17,17,.99),rgba(10,10,10,.99));z-index:1001}
  .nav-profile-menu-head{padding:10px 10px 4px}
  .nav-profile-menu-avatar{width:40px;height:40px;font-size:1rem}
  .nav-profile-menu-copy strong{font-size:1rem}
  .nav-profile-menu-copy small{font-size:.8rem;line-height:1.55}
  .nav-profile-menu-badges{gap:8px;padding:0 10px 6px}
  .nav-profile-badge{min-height:34px;padding:8px 10px}

  .mobile-home-shell{padding:12px 12px 0;overflow:hidden}
  .mobile-home-block{margin-top:20px}
  .mobile-block-head{margin:0 2px 12px;align-items:center}
  .mobile-block-head h3{min-width:0;font-size:1.18rem;line-height:1.15;flex:1}
  .mobile-block-head .mobile-head-icon{width:44px;height:44px;border-radius:14px;flex-shrink:0}
  .mobile-banner-grid{display:grid;grid-template-columns:1fr;gap:14px;overflow:hidden}
  .mobile-banner-card{width:100%;min-width:0;border-radius:22px;box-shadow:0 16px 30px rgba(0,0,0,.22);background:#101010}
  .mobile-banner-media{display:block;width:100%}
  .mobile-banner-card img,.mobile-banner-placeholder{display:block;width:100%;aspect-ratio:1.92 / 1;border-radius:22px;object-fit:cover;object-position:center center}
  .mobile-banner-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:18px}
}

@media (max-width: 420px){
  .navbar{grid-template-columns:minmax(0,1fr) repeat(4,40px);column-gap:6px;padding:10px 10px}
  .nav-search-trigger,.btn-wallet,.btn-wallet-bell,.nav-profile-trigger{width:40px;min-width:40px;height:40px;min-height:40px;border-radius:13px}
  .nav-profile-trigger__avatar{width:40px;height:40px}
  .mobile-block-head h3{font-size:1.08rem}
  .mobile-banner-card img,.mobile-banner-placeholder{aspect-ratio:1.8 / 1}
}

body.mobile-profile-open{overflow:hidden}


/* === Phase2_56 mobile profile dropdown + recommended image hotfix === */
.nav-profile-backdrop{display:none}
.nav-profile-menu{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px) scale(.985);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.nav-profile-dropdown.open .nav-profile-menu{display:flex!important;opacity:1;visibility:visible;pointer-events:auto;transform:none}

@media (max-width: 768px){
  .nav-profile-dropdown{position:static}
  .nav-profile-menu{position:fixed!important;top:76px!important;left:10px!important;right:10px!important;bottom:calc(env(safe-area-inset-bottom,0px) + 10px)!important;width:auto!important;max-width:none!important;min-width:0!important;max-height:none!important;height:auto!important;overflow:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:1003;background:linear-gradient(180deg,rgba(17,17,17,.995),rgba(9,9,9,.995))!important;border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 70px rgba(0,0,0,.5)}
  .nav-profile-dropdown.open .nav-profile-backdrop{display:block;position:fixed;inset:0;border:0;padding:0;background:rgba(0,0,0,.58);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1002;cursor:pointer}
  .nav-profile-menu-head,.nav-profile-menu-badges,.nav-profile-menu .nav-dropdown-item,.nav-profile-logout-form{position:relative;z-index:1}
  .mobile-banner-grid{gap:16px}
  .mobile-banner-card{display:block;padding:10px;border-radius:22px;background:linear-gradient(180deg,#111,#0b0b0b);border:1px solid rgba(255,255,255,.07);box-shadow:0 16px 30px rgba(0,0,0,.24)}
  .mobile-banner-card img{display:block;width:100%;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center center;background:#090909;border-radius:16px}
  .mobile-banner-placeholder{min-height:180px;aspect-ratio:auto!important;border-radius:16px}
  .mobile-block-head{margin:0 0 12px}
  .mobile-block-head .mobile-head-icon{width:42px;height:42px;border-radius:14px}
}

@media (max-width: 420px){
  .nav-profile-menu{top:72px!important;left:8px!important;right:8px!important;bottom:calc(env(safe-area-inset-bottom,0px) + 8px)!important}
  .mobile-banner-card{padding:8px}
  .mobile-banner-placeholder{min-height:160px}
}


/* === Phase2_57 mobile profile/menu normalize === */
.nav-profile-backdrop{
  position:fixed;
  inset:0;
  width:auto;
  height:auto;
  padding:0;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  appearance:none;
  -webkit-appearance:none;
  box-shadow:none;
}
.nav-profile-dropdown::before{display:none !important;content:none !important}
.nav-profile-menu{
  display:flex;
  flex-direction:column;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(8px) scale(.985);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
.nav-profile-dropdown.open .nav-profile-menu{
  display:flex !important;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
}
body.mobile-profile-open{overflow:hidden;touch-action:none}

@media (max-width: 768px){
  .nav-profile-dropdown{position:relative;z-index:1}
  .nav-profile-dropdown.open{z-index:1105}
  .nav-profile-dropdown.open .nav-profile-backdrop{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    background:rgba(0,0,0,.58);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    z-index:1100;
    cursor:pointer;
  }
  .nav-profile-menu{
    position:fixed !important;
    top:78px !important;
    left:12px !important;
    right:12px !important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 12px) !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    max-height:none !important;
    height:auto !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    padding:12px !important;
    border-radius:20px !important;
    border:1px solid rgba(255,255,255,.08) !important;
    background:linear-gradient(180deg,rgba(17,17,17,.995),rgba(9,9,9,.995)) !important;
    box-shadow:0 28px 70px rgba(0,0,0,.5) !important;
    z-index:1101 !important;
  }
  .nav-profile-menu-head{padding:8px 8px 4px}
  .nav-profile-menu-badges{padding:0 8px 6px}
  .nav-profile-menu .nav-dropdown-item,.nav-profile-logout-form{position:relative;z-index:1}

  .mobile-block-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin:0 0 12px;
  }
  .mobile-block-head h3{
    flex:1;
    min-width:0;
    margin:0;
    font-size:1.08rem;
    line-height:1.2;
  }
  .mobile-block-head .mobile-head-icon{
    width:36px;
    height:36px;
    border-radius:12px;
    flex-shrink:0;
    font-size:.95rem;
  }
  .mobile-banner-grid{gap:12px}
  .mobile-banner-card{
    padding:0 !important;
    overflow:hidden;
    border-radius:20px;
    background:#111;
    border:1px solid rgba(255,255,255,.06);
    box-shadow:0 12px 24px rgba(0,0,0,.22);
  }
  .mobile-banner-card img,
  .mobile-banner-placeholder{
    display:block;
    width:100%;
    aspect-ratio:1.92 / 1 !important;
    height:auto !important;
    min-height:0 !important;
    object-fit:cover !important;
    object-position:center center !important;
    border-radius:20px;
    background:#090909;
  }
}

@media (max-width: 420px){
  .nav-profile-menu{
    top:74px !important;
    left:10px !important;
    right:10px !important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 10px) !important;
  }
  .mobile-banner-card img,
  .mobile-banner-placeholder{aspect-ratio:1.85 / 1 !important}
}


/* === Phase2_58 mobile profile dropdown actual display fix === */
@media (max-width: 768px){
  .navbar,
  .nav-actions{overflow:visible !important}
  .nav-actions{
    margin-left:auto;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:8px;
  }
  .nav-actions .nav-profile-dropdown{
    width:auto !important;
    flex:0 0 auto !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    position:relative !important;
  }
  .nav-actions .nav-profile-trigger{
    width:56px !important;
    min-width:56px !important;
    height:56px !important;
    min-height:56px !important;
    padding:0 !important;
    justify-content:center !important;
    border-radius:18px !important;
    flex:0 0 auto !important;
  }
  .nav-actions .nav-profile-trigger__main{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100%;
  }
  .nav-actions .nav-profile-trigger__copy,
  .nav-actions .nav-dropdown-caret{
    display:none !important;
  }
  .nav-actions .nav-profile-trigger__avatar{
    width:48px !important;
    height:48px !important;
    font-size:1.2rem !important;
    box-shadow:0 14px 32px rgba(227,24,55,.28) !important;
  }
  .nav-actions .nav-profile-dropdown.open .nav-profile-menu{
    display:flex !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  .nav-actions .nav-profile-menu{
    top:86px !important;
  }
}

@media (max-width: 420px){
  .nav-actions .nav-profile-trigger{
    width:52px !important;
    min-width:52px !important;
    height:52px !important;
    min-height:52px !important;
  }
  .nav-actions .nav-profile-trigger__avatar{
    width:44px !important;
    height:44px !important;
  }
  .nav-actions .nav-profile-menu{
    top:82px !important;
  }
}

/* === Phase2_59 mobile recommended banners full-image display fix === */
@media (max-width: 768px){
  .mobile-banner-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
  }
  .mobile-banner-card{
    display:block;
    padding:8px !important;
    overflow:hidden;
    border-radius:22px;
    background:linear-gradient(180deg,#121212,#0b0b0b) !important;
    border:1px solid rgba(255,255,255,.06);
    box-shadow:0 12px 24px rgba(0,0,0,.22);
  }
  .mobile-banner-card img{
    display:block;
    width:100%;
    height:auto !important;
    max-height:none !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
    border-radius:16px;
    background:#090909;
  }
  .mobile-banner-placeholder{
    display:flex;
    width:100%;
    min-height:160px;
    aspect-ratio:auto !important;
    border-radius:16px;
  }
}

@media (max-width: 420px){
  .mobile-banner-card{padding:6px !important}
  .mobile-banner-card img,
  .mobile-banner-placeholder{border-radius:14px}
}


/* === Phase2_62 mobile profile dropdown force render fix === */
.nav-profile-backdrop{display:none;opacity:0;visibility:hidden;pointer-events:none;position:fixed;inset:0;border:0;margin:0;padding:0;background:rgba(0,0,0,.58);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1100;appearance:none;-webkit-appearance:none}
@media (max-width: 768px){
  .nav-actions .nav-profile-dropdown.open .nav-profile-menu,
  .nav-profile-dropdown.open .nav-profile-menu{
    display:flex !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
    position:fixed !important;
    top:86px !important;
    left:12px !important;
    right:12px !important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 12px) !important;
    z-index:1101 !important;
  }
  .nav-actions .nav-profile-dropdown.open .nav-profile-backdrop,
  .nav-profile-dropdown.open .nav-profile-backdrop{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
}
@media (max-width: 420px){
  .nav-actions .nav-profile-dropdown.open .nav-profile-menu,
  .nav-profile-dropdown.open .nav-profile-menu{
    top:82px !important;
    left:10px !important;
    right:10px !important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 10px) !important;
  }
}


/* === Phase2_63 mobile profile dropdown safari visibility fix === */
@media (max-width: 768px){
  .nav-profile-backdrop{
    display:none !important;
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100dvh !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:rgba(0,0,0,.58) !important;
    backdrop-filter:blur(6px) !important;
    -webkit-backdrop-filter:blur(6px) !important;
    box-shadow:none !important;
    appearance:none !important;
    -webkit-appearance:none !important;
    color:transparent !important;
    z-index:1200 !important;
  }
  .nav-profile-dropdown.open .nav-profile-backdrop{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  .nav-profile-dropdown.open .nav-profile-menu,
  .nav-actions .nav-profile-dropdown.open .nav-profile-menu{
    display:flex !important;
    position:fixed !important;
    top:92px !important;
    left:12px !important;
    right:12px !important;
    bottom:auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    max-height:calc(100dvh - 92px - 16px - env(safe-area-inset-bottom,0px)) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
    z-index:1201 !important;
    background:linear-gradient(180deg,rgba(17,17,17,.99),rgba(8,8,8,.99)) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:20px !important;
    box-shadow:0 26px 70px rgba(0,0,0,.48) !important;
  }
}
@media (max-width: 420px){
  .nav-profile-dropdown.open .nav-profile-menu,
  .nav-actions .nav-profile-dropdown.open .nav-profile-menu{
    top:86px !important;
    left:10px !important;
    right:10px !important;
    max-height:calc(100dvh - 86px - 14px - env(safe-area-inset-bottom,0px)) !important;
  }
}


/* === Phase2_64 mobile profile menu visible above bottom nav === */
@media (max-width: 1080px){
  .nav-profile-dropdown.open .nav-profile-menu,
  .nav-actions .nav-profile-dropdown.open .nav-profile-menu{
    bottom:auto !important;
    max-height:calc(100dvh - 92px - 112px - env(safe-area-inset-bottom,0px)) !important;
    padding-bottom:max(12px, env(safe-area-inset-bottom,0px) + 10px) !important;
    overscroll-behavior:contain;
  }
}
@media (max-width: 420px){
  .nav-profile-dropdown.open .nav-profile-menu,
  .nav-actions .nav-profile-dropdown.open .nav-profile-menu{
    max-height:calc(100dvh - 86px - 104px - env(safe-area-inset-bottom,0px)) !important;
  }
}


/* === Phase2_66 mobile profile menu popup sheet fix === */
@media (max-width: 1080px){
  .nav-profile-dropdown.open .nav-profile-menu,
  .nav-actions .nav-profile-dropdown.open .nav-profile-menu{
    top:72px !important;
    left:12px !important;
    right:12px !important;
    bottom:auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    max-height:calc(100dvh - 72px - 104px - env(safe-area-inset-bottom,0px)) !important;
    padding:14px !important;
    padding-bottom:max(14px, env(safe-area-inset-bottom,0px) + 12px) !important;
    border-radius:24px !important;
    box-shadow:0 30px 80px rgba(0,0,0,.58) !important;
  }
  .nav-profile-menu-head{
    padding:4px 4px 2px !important;
  }
  .nav-profile-menu-badges{
    padding:0 4px 8px !important;
  }
}
@media (max-width: 420px){
  .nav-profile-dropdown.open .nav-profile-menu,
  .nav-actions .nav-profile-dropdown.open .nav-profile-menu{
    top:64px !important;
    left:10px !important;
    right:10px !important;
    max-height:calc(100dvh - 64px - 96px - env(safe-area-inset-bottom,0px)) !important;
    border-radius:22px !important;
  }
}

.hero + .cat-bar{margin-top:0}


/* Likes collapsible menu + dashboard provider shortcuts */
.admin-collapsible{margin-bottom:4px}
.admin-collapsible[open] .admin-collapsible-arrow i{transform:rotate(180deg)}
.admin-collapsible-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:12px 12px;margin-bottom:4px;border-radius:14px;color:#8f8f8f;cursor:pointer;transition:background .2s ease,color .2s ease}
.admin-collapsible-summary::-webkit-details-marker{display:none}
.admin-collapsible-summary:hover{background:rgba(255,255,255,.05);color:#fff}
.admin-collapsible.is-active .admin-collapsible-summary,.admin-collapsible[open] .admin-collapsible-summary{background:rgba(255,255,255,.04);color:#fff}
.admin-collapsible-main{display:flex;align-items:center;gap:10px;font-size:.92rem}
.admin-collapsible-arrow{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:rgba(255,255,255,.05)}
.admin-collapsible-arrow i{transition:transform .2s ease}
.admin-submenu{display:grid;gap:4px;padding:2px 0 4px 14px;border-left:1px solid rgba(255,255,255,.08);margin:0 0 8px 14px}
.admin-sub-link{padding:10px 12px;font-size:.88rem}
.admin-sub-link i{opacity:.92}
.likes-dashboard-inline-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.likes-dashboard-links-card{overflow:hidden}
.likes-provider-nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.likes-provider-nav-card{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));border-radius:20px;padding:18px;display:grid;gap:14px}
.likes-provider-nav-top{display:flex;align-items:center;gap:14px}
.likes-provider-nav-icon{width:48px;height:48px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:rgba(227,24,55,.14);color:#ff4769;font-size:1.15rem;box-shadow:0 14px 34px rgba(227,24,55,.16)}
.likes-provider-nav-top strong{display:block;font-size:1rem;color:#fff}
.likes-provider-nav-top span{display:block;font-size:.84rem;color:#9c9c9c;margin-top:4px}
.likes-provider-nav-metrics{display:flex;flex-wrap:wrap;gap:10px}
.likes-provider-nav-metrics span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.04);color:#d8d8d8;font-size:.84rem}
.likes-provider-nav-actions{display:flex;align-items:center;justify-content:flex-start}
@media (max-width: 900px){.likes-provider-nav-grid{grid-template-columns:1fr}}
body.light .admin-collapsible-summary{color:#999}
body.light .admin-collapsible-summary:hover{background:rgba(0,0,0,.03);color:#0A0A0A}
body.light .admin-collapsible.is-active .admin-collapsible-summary,body.light .admin-collapsible[open] .admin-collapsible-summary{background:rgba(227,24,55,.06);color:#D01530}
body.light .admin-collapsible-arrow{background:rgba(0,0,0,.04)}
body.light .admin-submenu{border-left-color:rgba(0,0,0,.08)}
body.light .likes-provider-nav-card{border-color:rgba(0,0,0,.08);background:linear-gradient(180deg,rgba(0,0,0,.015),rgba(0,0,0,.01))}
body.light .likes-provider-nav-top strong{color:#0A0A0A}
body.light .likes-provider-nav-top span{color:#777}
body.light .likes-provider-nav-metrics span{background:rgba(0,0,0,.04);color:#333}

/* Likes dashboard provider showcase cards */
.likes-provider-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.likes-provider-showcase-card{position:relative;overflow:hidden;display:grid;gap:16px;padding:20px 22px 22px;border-radius:26px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top left,rgba(227,24,55,.14),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));box-shadow:0 22px 56px rgba(0,0,0,.22);text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.likes-provider-showcase-card:hover{transform:translateY(-2px);border-color:rgba(227,24,55,.28);box-shadow:0 28px 60px rgba(0,0,0,.28)}
.likes-provider-showcase-card.is-disabled{background:radial-gradient(circle at top left,rgba(227,24,55,.08),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.012))}
.likes-provider-showcase-head{display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:2}
.likes-provider-showcase-icon{width:58px;height:58px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(255,69,105,.22),rgba(173,17,43,.16));color:#ff5a79;font-size:1.32rem;box-shadow:0 16px 38px rgba(227,24,55,.18)}
.likes-provider-showcase-copy,.likes-provider-showcase-metrics,.likes-provider-showcase-foot,.likes-provider-showcase-cta{position:relative;z-index:2}
.likes-provider-showcase-copy strong{display:block;font-size:1.65rem;line-height:1.08;color:#fff;font-weight:800;letter-spacing:-.02em}
.likes-provider-showcase-copy p{margin:8px 0 0;color:#bbbbbb;font-size:1rem}
.likes-provider-showcase-metrics{display:flex;flex-wrap:wrap;gap:10px}
.likes-provider-showcase-metrics span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.05);color:#ededed;font-size:.9rem}
.likes-provider-showcase-foot{color:#b2b2b2;font-size:.96rem;line-height:1.7;max-width:76%}
.likes-provider-showcase-cta{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:700}
.likes-provider-showcase-bg{position:absolute;right:-8px;bottom:-26px;font-size:8rem;line-height:1;color:rgba(255,255,255,.07);pointer-events:none;z-index:1}
.likes-provider-showcase-card.is-disabled .likes-provider-showcase-bg{color:rgba(255,255,255,.045)}
.likes-provider-showcase-card.is-disabled .likes-provider-showcase-copy p,.likes-provider-showcase-card.is-disabled .likes-provider-showcase-foot{color:#9c9c9c}
@media (max-width: 980px){.likes-provider-showcase-grid{grid-template-columns:1fr}.likes-provider-showcase-foot{max-width:none}}
body.light .likes-provider-showcase-card{border-color:rgba(0,0,0,.08);background:radial-gradient(circle at top left,rgba(227,24,55,.10),transparent 42%),linear-gradient(180deg,rgba(0,0,0,.015),rgba(0,0,0,.008));box-shadow:0 22px 50px rgba(0,0,0,.08)}
body.light .likes-provider-showcase-card:hover{border-color:rgba(227,24,55,.22);box-shadow:0 26px 52px rgba(0,0,0,.10)}
body.light .likes-provider-showcase-copy strong{color:#0A0A0A}
body.light .likes-provider-showcase-copy p,body.light .likes-provider-showcase-foot{color:#666}
body.light .likes-provider-showcase-metrics span{background:rgba(0,0,0,.04);color:#333}
body.light .likes-provider-showcase-cta{color:#B40E2C}
body.light .likes-provider-showcase-bg{color:rgba(0,0,0,.08)}

.password-meter{margin-top:10px;display:grid;gap:8px}
.password-meter-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.password-meter-bar span{display:block;height:100%;width:10%;border-radius:999px;background:#ef4444;transition:width .2s ease, background .2s ease}
.password-meter[data-strength="medium"] .password-meter-bar span{background:#f59e0b}
.password-meter[data-strength="strong"] .password-meter-bar span{background:#22c55e}
.password-meter-meta{display:flex;justify-content:space-between;gap:12px;font-size:.82rem;color:var(--tm)}
.password-meter-meta strong{color:var(--tx);font-size:.84rem}
.form-hint{margin-top:8px;font-size:.8rem;line-height:1.7;color:var(--tm)}
.auth-inline-note{margin-top:14px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);display:flex;gap:10px;align-items:flex-start;color:var(--tm);font-size:14px;line-height:1.75}
.auth-inline-note i{color:var(--r);margin-top:2px}
.auth-inline-note.warning{border-color:rgba(245,158,11,.18);background:rgba(245,158,11,.07)}
.auth-inline-note.warning i{color:#f59e0b}
.auth-inline-note.success{border-color:rgba(34,197,94,.20);background:rgba(34,197,94,.08);color:#d1fae5}
.auth-inline-note.success i{color:#22c55e}
.auth-otp-timer{display:flex;align-items:center;gap:14px;margin:16px 0 18px;padding:16px 18px;border-radius:18px;border:1px solid rgba(225,29,72,.22);background:linear-gradient(180deg,rgba(225,29,72,.08),rgba(255,255,255,.03));box-shadow:0 12px 32px rgba(0,0,0,.16)}
.auth-otp-timer-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(225,29,72,.12);border:1px solid rgba(225,29,72,.22);color:var(--r);font-size:20px;flex:0 0 auto}
.auth-otp-timer-content{display:flex;flex-direction:column;gap:3px;min-width:0}
.auth-otp-timer-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tm)}
.auth-otp-timer-value{font-size:30px;line-height:1;font-weight:800;color:var(--tx)}
.auth-otp-timer-hint{font-size:13px;color:var(--tm)}
.auth-otp-timer.expired{border-color:rgba(245,158,11,.28);background:linear-gradient(180deg,rgba(245,158,11,.08),rgba(255,255,255,.03))}
.auth-otp-timer.expired .auth-otp-timer-icon{background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.22);color:#f59e0b}
.auth-otp-timer.expired .auth-otp-timer-value{font-size:22px;color:#f59e0b}
.btn.is-disabled,.btn:disabled{opacity:.58;cursor:not-allowed;pointer-events:none;filter:saturate(.78)}

.auth-otp-field-group{display:flex;flex-direction:column;gap:16px;margin-top:6px}
.auth-otp-label-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;flex-wrap:wrap}
.auth-otp-label-hint{font-size:12px;color:var(--tm);padding-bottom:2px}
.auth-otp-boxes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.auth-otp-box{height:64px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);color:#fff;font-size:28px;font-weight:800;text-align:center;outline:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.auth-otp-box:hover{border-color:rgba(225,29,72,.32)}
.auth-otp-box:focus{border-color:rgba(225,29,72,.72);box-shadow:0 0 0 4px rgba(225,29,72,.14);transform:translateY(-1px)}
.auth-otp-box:disabled{opacity:.58;cursor:not-allowed}
.auth-otp-status{display:flex;align-items:center;gap:10px;padding:13px 15px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);font-size:13px;color:var(--tm);margin-top:2px}
.auth-otp-status i{color:var(--r)}
.auth-otp-status.is-complete{border-color:rgba(34,197,94,.22);background:rgba(34,197,94,.08);color:#d1fae5}
.auth-otp-status.is-complete i{color:#22c55e}
.auth-otp-status.is-error{border-color:rgba(245,158,11,.22);background:rgba(245,158,11,.08);color:#fde68a}
.auth-otp-status.is-error i{color:#f59e0b}
@media(max-width:768px){.auth-otp-timer{padding:14px 15px;border-radius:16px}.auth-otp-timer-value{font-size:26px}.auth-otp-field-group{gap:14px}.auth-otp-boxes{gap:10px}.auth-otp-box{height:56px;border-radius:16px;font-size:24px}}
@media(max-width:480px){.auth-otp-field-group{gap:12px}.auth-otp-label-row{gap:8px}.auth-otp-boxes{gap:8px}.auth-otp-box{height:50px;border-radius:14px;font-size:22px}}
.twofa-box{margin-top:14px;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02);display:grid;grid-template-columns:180px 1fr;gap:14px;align-items:center}
.twofa-qr-wrap{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:16px;background:#fff;min-height:180px}
.twofa-qr-wrap img{max-width:100%;height:auto;display:block}
.twofa-meta{display:grid;gap:8px}
.twofa-secret-label{font-size:.8rem;color:var(--tm);text-transform:uppercase;letter-spacing:.08em}
.twofa-secret{display:block;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#fff;word-break:break-all}
.twofa-recovery-box{margin-top:14px;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}
.twofa-recovery-grid{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.twofa-recovery-grid code{display:block;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);color:#fff}
@media (max-width: 768px){.twofa-box{grid-template-columns:1fr}.twofa-recovery-grid{grid-template-columns:1fr}}

.account-order-detail-page{padding:22px 16px 32px}
.account-order-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;align-items:center;margin:0 16px 16px}
.account-order-detail-hero__copy h1{margin:12px 0 10px;font-size:2rem;line-height:1.1}
.account-order-detail-hero__copy p{margin:0;color:var(--text-muted);line-height:1.7}
.account-order-detail-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.account-order-detail-hero__side{display:flex;justify-content:flex-end}
.account-order-detail-status{width:100%;padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.account-order-detail-status span{font-size:.82rem;color:var(--text-muted)}
.account-order-detail-status strong{font-size:1.25rem;line-height:1.2;color:#fff}
.account-order-detail-grid{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:18px;padding:22px;margin:0 16px}
.account-order-detail-card{display:flex;flex-direction:column;gap:16px}
.account-order-detail-meta{display:grid;grid-template-columns:1fr;gap:12px}
.account-order-detail-meta__item{position:relative;padding:16px 74px 16px 16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);min-height:84px;display:flex;flex-direction:column;justify-content:center}
.account-order-detail-meta__item span{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:6px}
.account-order-detail-meta__item strong{display:block;font-size:1rem;color:#fff;word-break:break-word}
.account-order-detail-meta__icon,.account-order-popup__summary-icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;line-height:1;pointer-events:none;color:rgba(255,255,255,.10);text-shadow:0 10px 24px rgba(0,0,0,.16)}
.account-order-detail-meta__icon{font-size:2rem}
.account-order-popup__summary-icon{font-size:2.15rem}
.account-order-detail-note{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:18px;background:rgba(227,24,55,.08);border:1px solid rgba(227,24,55,.16);color:#ffd7de}
.account-order-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:34px 18px;border-radius:22px;background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.12)}
.account-order-detail-empty__icon{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:rgba(227,24,55,.10);color:#ffccd5;font-size:1.5rem}
.account-order-detail-empty strong{font-size:1.02rem;color:#fff}
.account-order-detail-empty span{max-width:420px;color:var(--text-muted);line-height:1.7}
.account-order-delivery-list{display:flex;flex-direction:column;gap:14px}
.account-order-delivery-item{padding:16px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.account-order-delivery-item__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.account-order-delivery-item__head strong{font-size:1rem;color:#fff}
.account-order-delivery-item__textarea{width:100%;min-height:180px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#0b0d12;color:#fff;resize:vertical;line-height:1.7}
body.light .account-order-detail-status,body.light .account-order-detail-meta__item,body.light .account-order-detail-empty,body.light .account-order-delivery-item{background:#fff;border-color:rgba(0,0,0,.07);box-shadow:0 16px 32px rgba(0,0,0,.05)}
body.light .account-order-detail-status strong,body.light .account-order-detail-meta__item strong,body.light .account-order-detail-empty strong,body.light .account-order-delivery-item__head strong{color:#111}
body.light .account-order-delivery-item__textarea{background:#f8fafc;border-color:#dbe1ea;color:#111}
body.light .account-order-detail-note{background:rgba(227,24,55,.06);border-color:rgba(227,24,55,.12);color:#8f1026}
@media (max-width: 980px){.account-order-detail-hero,.account-order-detail-grid{grid-template-columns:1fr}.account-order-detail-hero__side{justify-content:flex-start}}
@media (max-width: 640px){.account-order-detail-page{padding:16px 12px 28px}.account-order-detail-hero,.account-order-detail-grid{margin:0 0 14px}.account-order-detail-grid{padding:18px}.account-order-delivery-item__head{flex-direction:column;align-items:stretch}.account-order-detail-hero__copy h1{font-size:1.55rem}}


.history-table-actions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}
.account-order-popup{position:fixed;inset:0;display:none;z-index:1400}
.account-order-popup.is-open{display:block}
.account-order-popup__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}
.account-order-popup__dialog{position:relative;width:min(920px,calc(100vw - 24px));max-height:min(86vh,920px);margin:6vh auto 0;background:#0f1117;border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.45);display:flex;flex-direction:column;overflow:hidden}
.account-order-popup__close{position:absolute;top:14px;right:14px;width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.account-order-popup__header{padding:24px 28px 16px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:12px}
.account-order-popup__header h3{margin:0;font-size:1.45rem;line-height:1.3;color:#fff}
.account-order-popup__pill{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,59,92,.25);background:rgba(255,59,92,.12);color:#ff5577;font-weight:700}
.account-order-popup__meta{display:flex;flex-wrap:wrap;gap:10px}
.account-order-popup__meta-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);color:#e9edf3;font-size:.95rem;font-weight:600}
.account-order-popup__meta-chip.is-loading{color:#ffd54a}
.account-order-popup__meta-chip.is-completed{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.22);color:#6ee7a0}
.account-order-popup__meta-chip.is-processing{background:rgba(250,204,21,.12);border-color:rgba(250,204,21,.22);color:#facc15}
.account-order-popup__meta-chip.is-failed{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.22);color:#fca5a5}
.account-order-popup__body{padding:22px 28px;overflow:auto;display:flex;flex-direction:column;gap:16px}
.account-order-popup__loading,.account-order-popup__empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:#b8c0cc}
.account-order-popup__loading i,.account-order-popup__empty-icon{font-size:2rem;color:#ff4f72}
.account-order-popup__note{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:#d8dee8}
.account-order-popup__list{display:flex;flex-direction:column;gap:14px}
.account-order-popup__item{padding:16px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.account-order-popup__item-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:#fff}
.account-order-popup__textarea{width:100%;min-height:180px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#0b0d12;color:#eef2f7;padding:14px 16px;font:600 .94rem/1.65 Inter,Prompt,sans-serif;resize:vertical}
.account-order-popup__actions{padding:18px 28px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}
@media (max-width: 768px){.account-order-popup__dialog{width:min(100vw - 16px,920px);margin:3vh auto 0;max-height:92vh;border-radius:20px}.account-order-popup__header,.account-order-popup__body,.account-order-popup__actions{padding-left:16px;padding-right:16px}.account-order-popup__item-head{flex-direction:column;align-items:stretch}}


.account-order-detail-hero{background:radial-gradient(circle at top right,rgba(227,24,55,.14),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.015))}
.account-order-detail-status{position:relative;overflow:hidden;min-height:188px;justify-content:center;padding:24px 22px 22px;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.account-order-detail-status::after{content:'';position:absolute;inset:auto -36px -42px auto;width:120px;height:120px;border-radius:999px;background:rgba(255,255,255,.05);filter:blur(4px)}
.account-order-detail-status--success{border-color:rgba(34,197,94,.22);background:linear-gradient(180deg,rgba(34,197,94,.14),rgba(255,255,255,.02))}
.account-order-detail-status--warning{border-color:rgba(250,204,21,.22);background:linear-gradient(180deg,rgba(250,204,21,.12),rgba(255,255,255,.02))}
.account-order-detail-status--danger{border-color:rgba(239,68,68,.22);background:linear-gradient(180deg,rgba(239,68,68,.14),rgba(255,255,255,.02))}
.account-order-detail-status--neutral{border-color:rgba(255,255,255,.10)}
.account-order-detail-status__icon{position:relative;z-index:1;width:64px;height:64px;border-radius:22px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:1.45rem;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.account-order-detail-status strong,.account-order-detail-status span,.account-order-detail-status small{position:relative;z-index:1}
.account-order-detail-status small{display:inline-flex;align-items:center;gap:8px;color:#d6d9df;font-size:.86rem}
.account-order-detail-overview{display:flex;flex-wrap:wrap;gap:10px}
.account-order-detail-overview__chip{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);color:#edf1f7;font-size:.9rem;font-weight:700}
.account-order-detail-overview__chip--success{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.2);color:#8af0ae}
.account-order-detail-overview__chip--warning{background:rgba(250,204,21,.12);border-color:rgba(250,204,21,.2);color:#f9da61}
.account-order-detail-overview__chip--danger{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.2);color:#ff9fb0}
.account-order-detail-overview__chip--neutral{background:rgba(255,255,255,.04)}
.account-order-card-corner{display:none!important}
.account-order-detail-card,.account-order-popup__summary-card,.account-order-popup__item{position:relative;overflow:hidden;isolation:isolate}
.account-order-detail-card > *,.account-order-popup__summary-card > *,.account-order-popup__item > *{position:relative;z-index:1}
.account-order-detail-card{padding:20px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.06)}
.account-order-detail-note{line-height:1.7}
.account-order-delivery-item{box-shadow:0 18px 36px rgba(0,0,0,.14)}
.account-order-delivery-item__head strong{display:inline-flex;align-items:center;gap:8px}
.account-order-delivery-item__head .btn,.account-order-popup__item-head .btn{display:inline-flex;align-items:center;gap:8px}
.account-order-delivery-item__textarea{font:600 .96rem/1.8 Inter,Prompt,sans-serif;letter-spacing:.01em}
.account-order-popup__header{background:radial-gradient(circle at top right,rgba(227,24,55,.12),transparent 32%)}
.account-order-popup__meta-chip span{display:inline-block}
.account-order-popup__summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.account-order-popup__summary-card{position:relative;padding:16px 74px 16px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));display:flex;flex-direction:column;gap:8px;box-shadow:0 14px 30px rgba(0,0,0,.16);min-height:108px;justify-content:center}
.account-order-popup__summary-card span{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:#9fa7b5}
.account-order-popup__summary-card strong{display:inline-flex;align-items:center;gap:8px;font-size:1rem;color:#fff;line-height:1.45}
.account-order-popup__section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px;color:#fff}
.account-order-popup__section-head strong{display:inline-flex;align-items:center;gap:8px;font-size:1rem}
.account-order-popup__section-head span{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);color:#d5dbe6;font-size:.82rem;font-weight:700}
.account-order-popup__item{box-shadow:0 16px 32px rgba(0,0,0,.14)}
.account-order-popup__item-head strong{display:inline-flex;align-items:center;gap:8px}
.account-order-popup__textarea{font:600 .95rem/1.78 Inter,Prompt,sans-serif;letter-spacing:.01em}
.js-copy-account-detail.is-copied{border-color:rgba(34,197,94,.28)!important;background:rgba(34,197,94,.12)!important;color:#8df0b1!important}
body.light .account-order-detail-hero,body.light .account-order-detail-card,body.light .account-order-popup__summary-card{background:#fff;border-color:rgba(0,0,0,.08);box-shadow:0 16px 36px rgba(0,0,0,.06)}
body.light .account-order-detail-overview__chip{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08);color:#111}
body.light .account-order-detail-meta__icon,body.light .account-order-popup__summary-icon{color:rgba(0,0,0,.10)}
body.light .account-order-detail-status__icon{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08);color:#111}
body.light .account-order-detail-status small{color:#555}
body.light .account-order-popup__summary-card strong,body.light .account-order-popup__section-head,body.light .account-order-popup__item-head strong{color:#111}
body.light .account-order-popup__section-head span{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08);color:#333}
@media (max-width: 900px){.account-order-popup__summary-grid{grid-template-columns:1fr}}
@media (max-width: 640px){.account-order-detail-card{padding:18px}.account-order-detail-status{min-height:auto}.account-order-detail-overview{gap:8px}.account-order-detail-meta__item{padding-right:64px}.account-order-popup__summary-card{padding:14px 58px 14px 15px}.account-order-detail-meta__icon{font-size:1.75rem;right:14px}.account-order-popup__summary-icon{font-size:1.9rem;right:14px}}

.history-table-actions .btn.is-active{background:rgba(227,24,55,.14);border-color:rgba(227,24,55,.28);color:#fff;box-shadow:0 12px 26px rgba(227,24,55,.14)}
.history-inline-detail{margin-top:18px;padding:22px;border-radius:26px;background:radial-gradient(circle at top right,rgba(227,24,55,.12),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.06)}
.history-inline-detail__topbar{display:flex;justify-content:flex-end;margin-bottom:14px}
.history-inline-detail--standalone{margin-top:0;min-height:100%}
.history-inline-detail__header--standalone{margin-bottom:22px}
.history-inline-detail__grid--standalone{align-items:start}
.history-inline-detail__header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}
.history-inline-detail__grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px}
.history-inline-detail__summary,.history-inline-detail__body{min-width:0}
.history-inline-detail__meta{grid-template-columns:1fr}
.history-inline-detail__empty{min-height:280px}
.metric-pill--success{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.22);color:#8bf0af}
.metric-pill--warning{background:rgba(250,204,21,.12);border-color:rgba(250,204,21,.22);color:#f7dd70}
.metric-pill--danger{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.22);color:#ffb1bd}
.metric-pill--neutral{background:rgba(255,255,255,.04)}
body.light .history-inline-detail{background:#fff;border-color:rgba(0,0,0,.08);box-shadow:0 16px 36px rgba(0,0,0,.06)}
body.light .history-inline-detail__topbar .btn{border-color:rgba(227,24,55,.18);color:#7c0f1f}
@media (max-width: 1100px){.history-inline-detail__grid{grid-template-columns:1fr}.history-inline-detail__header{flex-direction:column}.history-inline-detail .history-hub-header-pills{justify-content:flex-start}.history-inline-detail__topbar{justify-content:flex-start}}
@media (max-width: 640px){.history-inline-detail{padding:18px}.history-inline-detail__empty{min-height:220px}}

/* Phase 2.131B - History detail refined layout */
.history-inline-detail{
  padding:18px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.012));
  border:1px solid rgba(255,255,255,.06);
}
.history-inline-detail__topbar{margin-bottom:10px}
.history-inline-detail__topbar .btn{
  border-radius:999px;
  padding:10px 14px;
  font-size:.88rem;
  font-weight:700;
}
.history-inline-detail__header{
  margin-bottom:14px;
  padding:4px 2px 12px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.history-inline-detail__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--r);
  font-size:.84rem;
  font-weight:800;
  letter-spacing:.02em;
  margin-bottom:8px;
}
.history-inline-detail__title{
  margin:0;
  font-size:1.35rem;
  line-height:1.25;
  font-weight:800;
  color:#fff;
}
.history-inline-detail__subtitle{
  margin-top:6px;
  font-size:.88rem;
  line-height:1.6;
  max-width:720px;
}
.history-inline-detail .history-hub-header-pills{gap:8px}
.history-inline-detail .metric-pill{
  padding:8px 12px;
  font-size:.82rem;
  font-weight:700;
  border-radius:999px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.07);
}
.history-inline-detail__grid{
  grid-template-columns:320px minmax(0,1fr);
  gap:14px;
}
.history-inline-detail__card-title{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 12px;
  color:#fff;
  font-size:1.02rem;
  font-weight:800;
}
.history-inline-detail__card-title i{color:var(--r)}
.history-inline-detail .account-order-detail-card{
  padding:18px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.014));
  border:1px solid rgba(255,255,255,.06);
  box-shadow:none;
}
.history-inline-detail .account-order-detail-overview{gap:8px;margin-bottom:4px}
.history-inline-detail .account-order-detail-overview__chip{
  padding:8px 12px;
  font-size:.82rem;
  font-weight:700;
}
.history-inline-detail .account-order-detail-meta{gap:10px}
.history-inline-detail .account-order-detail-meta__item{
  min-height:72px;
  padding:14px 56px 14px 14px;
  border-radius:16px;
}
.history-inline-detail .account-order-detail-meta__item span{
  font-size:.76rem;
  margin-bottom:5px;
}
.history-inline-detail .account-order-detail-meta__item strong{
  font-size:.96rem;
  line-height:1.45;
  font-weight:700;
}
.history-inline-detail .account-order-detail-meta__icon{
  right:14px;
  font-size:1.6rem;
  color:rgba(255,255,255,.08);
}
.history-inline-detail .account-order-detail-note{
  margin-top:2px;
  padding:12px 14px;
  border-radius:16px;
  font-size:.88rem;
}
.history-inline-detail .account-order-delivery-item{
  padding:16px;
  border-radius:18px;
}
.history-inline-detail .account-order-delivery-item__head strong{
  font-size:.92rem;
  font-weight:800;
}
.history-inline-detail .account-order-delivery-item__head .btn{
  padding:8px 12px;
  border-radius:12px;
  font-size:.82rem;
}
.history-inline-detail .account-order-delivery-item__textarea{
  min-height:180px;
  padding:16px;
  border-radius:14px;
  font-size:.92rem;
  line-height:1.7;
}
.history-inline-detail .account-order-detail-empty{
  min-height:220px;
  padding:28px 18px;
}
.history-inline-detail .account-order-detail-empty strong{font-size:.98rem}
.history-inline-detail .account-order-detail-empty span{font-size:.88rem}

body.light .history-inline-detail{
  background:#fff;
  border-color:rgba(0,0,0,.08);
}
body.light .history-inline-detail__header{border-bottom-color:rgba(0,0,0,.08)}
body.light .history-inline-detail .metric-pill{background:#fff;border-color:rgba(0,0,0,.08);color:#111}
body.light .history-inline-detail__title, body.light .history-inline-detail__card-title{color:#111}
body.light .history-inline-detail .account-order-detail-meta__icon{color:rgba(0,0,0,.08)}

@media (max-width:1100px){
  .history-inline-detail__grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .history-inline-detail{padding:16px}
  .history-inline-detail__title{font-size:1.12rem}
  .history-inline-detail__subtitle{font-size:.84rem}
  .history-inline-detail .metric-pill{font-size:.78rem;padding:7px 11px}
  .history-inline-detail .account-order-detail-card{padding:16px}
  .history-inline-detail .account-order-detail-meta__item{padding-right:50px;min-height:68px}
  .history-inline-detail .account-order-delivery-item__textarea{min-height:150px;font-size:.88rem}
}

.likes-admin-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0 0}.likes-admin-stat-card{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 36px rgba(0,0,0,.16)}.likes-admin-stat-card.emphasis{background:linear-gradient(135deg,rgba(227,24,55,.18),rgba(255,255,255,.03));border-color:rgba(227,24,55,.24)}
.likes-admin-stat-icon{width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:rgba(227,24,55,.16);color:#ff4d70;font-size:1.18rem}.likes-admin-stat-icon.blue{background:rgba(56,139,253,.16);color:#5ea3ff}.likes-admin-stat-icon.green{background:rgba(32,201,151,.16);color:#2ee0ab}.likes-admin-stat-icon.gold{background:rgba(255,193,7,.16);color:#ffce47}.likes-admin-stat-icon.purple{background:rgba(161,98,255,.16);color:#b388ff}.likes-admin-stat-icon.cyan{background:rgba(13,202,240,.16);color:#55daf9}.likes-admin-stat-icon.orange{background:rgba(255,133,27,.16);color:#ff9d52}
.likes-admin-stat-label{font-size:.84rem;color:var(--text-secondary);margin-bottom:4px}.likes-admin-stat-value{font-size:1.55rem;font-weight:900;line-height:1.15;letter-spacing:-.02em}.likes-admin-stat-value small{font-size:.9rem;font-weight:700;color:var(--text-secondary)}.likes-admin-stat-meta{font-size:.82rem;color:var(--text-muted);margin-top:6px;line-height:1.6}
.likes-provider-showcase-grid-rich{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.likes-provider-rich-card{padding:18px 18px 16px}.likes-provider-rich-top{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 12px}.likes-provider-rich-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.likes-provider-rich-grid>div{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.likes-provider-rich-grid small{display:block;font-size:.78rem;color:var(--text-muted);margin-bottom:4px}.likes-provider-rich-grid strong{font-size:1rem;font-weight:800;line-height:1.35}.likes-provider-rich-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.likes-group-pill.active{background:rgba(32,201,151,.16);border-color:rgba(32,201,151,.28);color:#8ff2cf}
.likes-provider-stat-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
.likes-group-toggle-icon .bi-twitter-x{font-size:.95rem}
body.light .likes-admin-stat-card{background:linear-gradient(180deg,#fff,#faf5f6);border-color:rgba(227,24,55,.10);box-shadow:0 14px 28px rgba(15,23,42,.06)}body.light .likes-admin-stat-card.emphasis{background:linear-gradient(135deg,rgba(227,24,55,.10),#fff)}body.light .likes-provider-rich-grid>div{background:#fff;border-color:rgba(227,24,55,.10)}
@media (max-width:1280px){.likes-admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.likes-provider-rich-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.likes-provider-stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.likes-admin-stat-grid,.likes-provider-showcase-grid-rich,.likes-provider-rich-grid,.likes-provider-stat-strip{grid-template-columns:1fr}.likes-provider-rich-foot{align-items:flex-start}.likes-provider-rich-foot .btn{width:100%;justify-content:center}}

.likes-admin-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.likes-metric-stack{display:grid;gap:10px}
.likes-metric-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(255,255,255,.02)}
.likes-metric-row strong{display:block;font-size:.96rem;color:var(--text-primary)}
.likes-metric-row small{display:block;margin-top:3px;font-size:.78rem;color:var(--text-secondary)}
.likes-provider-rich-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.likes-provider-rich-card .subcell{max-width:none}
@media (max-width: 980px){.likes-admin-two-col{grid-template-columns:1fr}.likes-provider-rich-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 640px){.likes-provider-rich-grid{grid-template-columns:1fr}}
.state-warning{border-color:rgba(255,183,77,.28)}
.health-warning{background:#ffb74d}

.likes-category-nav-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
}

.likes-category-nav-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 18px;
  text-decoration: none;
  color: inherit;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.likes-category-nav-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 59, 92, 0.35);
  background: linear-gradient(180deg, rgba(255, 59, 92, 0.08), rgba(255,255,255,0.02));
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24);
}

.likes-category-nav-icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 28, 68, 0.12);
  color: #ff4067;
  flex: 0 0 42px;
}

.likes-category-nav-content {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.likes-category-nav-content strong {
  font-size: 0.96rem;
  line-height: 1.35;
}

.likes-category-nav-content small {
  color: rgba(255, 255, 255, 0.62);
  margin-top: 2px;
}

.likes-category-nav-arrow {
  margin-left: auto;
  color: rgba(255, 255, 255, 0.5);
}

.exact-front-form textarea {
  min-height: 170px;
  resize: vertical;
  width: 100%;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.38);
  color: #fff;
  padding: 14px 16px;
  line-height: 1.65;
}

.exact-front-form textarea:focus {
  outline: none;
  border-color: rgba(255, 52, 88, 0.55);
  box-shadow: 0 0 0 3px rgba(255, 52, 88, 0.12);
}

.likes-group-card {
  scroll-margin-top: 90px;
}


.likes-settings-section-nav{display:flex;flex-wrap:wrap;gap:10px}.likes-settings-section-nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.03);color:#d9d9df;text-decoration:none;font-size:.92rem}.likes-settings-section-nav a:hover{border-color:rgba(255,59,92,.35);background:rgba(255,59,92,.08);color:#fff}.likes-simple-note-card{border-style:dashed}.likes-simple-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.likes-simple-note-grid strong{display:block;margin-bottom:6px}.likes-simple-note-grid p{margin:0;color:#a8adbb;line-height:1.6}.likes-name-tools-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.likes-name-tool-box h4{margin:0 0 8px 0;display:flex;align-items:center;gap:8px}.likes-name-tool-box p{margin:0;color:#a8adbb;line-height:1.6}.likes-provider-stat-strip .premium-api-card strong{font-size:.92rem}.likes-provider-stat-strip .premium-api-card div{font-size:.9rem}@media (max-width: 960px){.likes-simple-note-grid,.likes-name-tools-grid{grid-template-columns:1fr}}

/* Likes provider page polish */
.likes-admin-grid-compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.likes-admin-grid-compact .admin-table-card{height:100%}
.likes-provider-filter-bar{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr auto;gap:12px;align-items:end;padding:16px 18px;border:1px solid rgba(227,24,55,.12);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02))}
.likes-provider-filter-bar label{display:flex;flex-direction:column;gap:8px}.likes-provider-filter-bar label span{font-size:.82rem;font-weight:700;color:var(--text-secondary)}
.likes-provider-filter-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.likes-service-quick-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.likes-quick-nav-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid rgba(227,24,55,.14);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));color:var(--text);text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.likes-quick-nav-card:hover{transform:translateY(-2px);border-color:rgba(227,24,55,.26);background:linear-gradient(180deg,rgba(227,24,55,.10),rgba(227,24,55,.04))}.likes-quick-nav-card strong{display:block;font-size:.96rem}.likes-quick-nav-card small{display:block;color:var(--text-secondary);margin-top:2px}.likes-quick-nav-icon{width:40px;height:40px;border-radius:14px;background:rgba(227,24,55,.14);border:1px solid rgba(227,24,55,.18);display:flex;align-items:center;justify-content:center;color:var(--red);flex:0 0 auto}
.likes-service-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.likes-service-toolbar-note{color:var(--text-secondary);font-size:.9rem;display:flex;align-items:center;gap:8px}
.likes-name-tools-grid-simple{grid-template-columns:1.15fr .85fr}.likes-group-toolbar-wide{justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap}.likes-group-toolbar-wide .settings-editor-actions{margin-left:auto}
.likes-group-card{scroll-margin-top:90px}.likes-group-card .likes-group-body{padding:16px 18px 18px}.likes-group-rename-form{flex:1 1 540px}
.likes-group-toggle-main strong{font-size:.98rem}.likes-inline-table-compact tbody td{vertical-align:top}.likes-inline-detail-grid label span{font-size:.8rem;font-weight:700}.likes-inline-strong{font-size:.93rem}.likes-inline-sub{font-size:.78rem}.likes-service-summary-clean{align-items:center}
.likes-import-note h4{margin-bottom:6px}
body.light .likes-provider-filter-bar,body.light .likes-quick-nav-card{background:linear-gradient(180deg,#fff,#fff7f8);border-color:rgba(227,24,55,.10)}
body.light .likes-quick-nav-card small,body.light .likes-provider-filter-bar label span,body.light .likes-service-toolbar-note{color:#666}
@media (max-width:1200px){.likes-admin-grid-compact{grid-template-columns:1fr}.likes-provider-filter-bar{grid-template-columns:1fr 1fr 1fr 1fr}.likes-provider-filter-actions{grid-column:1/-1;justify-content:flex-start}}
@media (max-width:820px){.likes-provider-filter-bar{grid-template-columns:1fr}.likes-name-tools-grid-simple{grid-template-columns:1fr}.likes-service-quick-nav{grid-template-columns:1fr}.likes-service-toolbar{align-items:flex-start;flex-direction:column}.likes-group-toolbar-wide .settings-editor-actions{margin-left:0}}

.likes-group-pill.all{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.09);color:var(--text)}
.likes-group-pill.all .bi{color:#d8dee8}
.likes-group-pill.active .bi{color:#8ff2cf}

/* ─── Likes Tab Bar ─── */
.likes-tab-bar{display:flex;gap:6px;padding:6px;margin-top:18px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);overflow-x:auto}
.likes-tab{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:14px;font-size:.9rem;font-weight:700;color:var(--text-secondary);white-space:nowrap;transition:all .18s ease;border:1px solid transparent}
.likes-tab:hover{color:#fff;background:rgba(255,255,255,.04)}
.likes-tab.active{background:linear-gradient(180deg,rgba(227,24,55,.18),rgba(227,24,55,.08));border-color:rgba(227,24,55,.24);color:#fff}
.likes-tab i{font-size:1rem}
.likes-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:rgba(227,24,55,.2);color:#ff8fa3;font-size:.75rem;font-weight:800}
body.light .likes-tab-bar{background:#fff;border-color:rgba(0,0,0,.07)}
body.light .likes-tab{color:#666}
body.light .likes-tab:hover{color:#111;background:rgba(0,0,0,.03)}
body.light .likes-tab.active{background:rgba(227,24,55,.08);border-color:rgba(227,24,55,.16);color:#c31232}
body.light .likes-tab-count{background:rgba(227,24,55,.12);color:#c31232}

/* ─── Likes Settings Duo Grid ─── */
.likes-settings-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.likes-settings-duo .admin-table-card{height:100%}
@media (max-width:1100px){.likes-settings-duo{grid-template-columns:1fr}}

/* ─── History Mobile Cards ─── */
.history-cards-mobile{display:none;flex-direction:column;gap:12px}
.history-card-m{padding:16px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)}
.history-card-m__row{display:flex;align-items:flex-start;gap:12px}
.history-card-m__copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.history-card-m__copy strong{font-size:.95rem;color:#fff;line-height:1.45}
.history-card-m__copy small{font-size:.82rem;color:var(--text-muted)}
.history-card-m__foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}
.history-card-m__ref{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-muted)}
body.light .history-card-m{background:#fff;border-color:rgba(0,0,0,.07)}
body.light .history-card-m__copy strong{color:#111}
body.light .history-card-m__foot{border-top-color:rgba(0,0,0,.06)}
@media (max-width:860px){
  .history-cards-mobile{display:flex}
  .history-table-wrap{display:none}
}

/* ═══════════════════════════════════════════════════════════════
   HV2 — History Page V2 Redesign
   ═══════════════════════════════════════════════════════════════ */

/* ── Page & Grid ── */
.hv2-page{max-width:1280px;margin:0 auto;padding:24px 20px 60px}
.hv2-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}

/* ── Sidebar ── */
.hv2-side{position:sticky;top:80px;display:flex;flex-direction:column;gap:16px}
.hv2-profile{padding:24px;border-radius:22px;background:radial-gradient(circle at 50% 0%,rgba(227,24,55,.14),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));border:1px solid var(--bd);text-align:center;box-shadow:var(--shadow)}
.hv2-avatar{width:76px;height:76px;margin:0 auto 14px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(227,24,55,.24),rgba(227,24,55,.08));border:2px solid rgba(227,24,55,.28);font-size:1.8rem;font-weight:900;color:#fff;position:relative}
.hv2-avatar::after{content:'';position:absolute;inset:-4px;border-radius:26px;background:conic-gradient(from 0deg,rgba(227,24,55,.25),transparent 40%,rgba(227,24,55,.25));z-index:-1;filter:blur(6px);opacity:.6}
.hv2-user{font-size:1.05rem;font-weight:800}.hv2-email{font-size:.82rem;color:var(--tm);margin-top:4px;word-break:break-all}
.hv2-kpi{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.hv2-kpi-box{padding:14px 12px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid var(--bd)}
.hv2-kpi-box small{display:block;font-size:.72rem;color:var(--tm);font-weight:500;margin-bottom:5px}
.hv2-kpi-box strong{display:block;font-size:1.1rem;font-weight:800;line-height:1.2}
.hv2-kpi-box--accent strong{color:var(--r)}

/* ── Nav ── */
.hv2-nav{padding:8px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));border:1px solid var(--bd);box-shadow:var(--shadow)}
.hv2-nav__title{display:flex;align-items:center;gap:8px;padding:10px 14px 8px;font-size:.78rem;font-weight:700;color:var(--tm);text-transform:uppercase;letter-spacing:.06em}
.hv2-nav-item{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:16px;border:1px solid transparent;transition:all .18s;color:inherit}
.hv2-nav-item:hover{background:rgba(255,255,255,.03);border-color:var(--bd)}
.hv2-nav-item.active{background:linear-gradient(135deg,rgba(227,24,55,.14),rgba(227,24,55,.06));border-color:rgba(227,24,55,.22)}
.hv2-nav-ico{width:40px;height:40px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0;transition:all .18s}
.hv2-nav-item.active .hv2-nav-ico{background:rgba(227,24,55,.16);color:var(--r)}
.hv2-nav-item:not(.active) .hv2-nav-ico{background:rgba(255,255,255,.04);color:var(--ts)}
.hv2-nav-copy{flex:1;min-width:0}
.hv2-nav-copy strong{display:block;font-size:.88rem;font-weight:700;color:#fff;line-height:1.4}
.hv2-nav-copy small{display:block;font-size:.74rem;color:var(--tm);line-height:1.5;margin-top:1px}
.hv2-nav-badge{min-width:28px;height:28px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:.75rem;font-weight:800;background:rgba(255,255,255,.05);border:1px solid var(--bd);color:var(--ts)}
.hv2-nav-item.active .hv2-nav-badge{background:rgba(227,24,55,.16);border-color:rgba(227,24,55,.22);color:#ff8fa3}

/* ── Main Card ── */
.hv2-main{display:flex;flex-direction:column;gap:0}
.hv2-card{border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.015));border:1px solid var(--bd);box-shadow:var(--shadow);overflow:hidden}
.hv2-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 28px 20px;flex-wrap:wrap}
.hv2-header__title{font-size:1.15rem;font-weight:800;display:flex;align-items:center;gap:10px}
.hv2-header__title i{color:var(--r)}
.hv2-header__sub{font-size:.85rem;color:var(--tm);margin-top:6px;line-height:1.6}
.hv2-pills{display:flex;flex-wrap:wrap;gap:8px}
.hv2-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;font-size:.8rem;font-weight:700;background:rgba(255,255,255,.04);border:1px solid var(--bd);color:var(--ts);white-space:nowrap}
.hv2-pill i{color:var(--r);font-size:.88rem}

/* ── Order Cards ── */
.hv2-orders{padding:0 16px 20px;display:flex;flex-direction:column;gap:12px}
.hv2-order{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.018);border:1px solid var(--bd);transition:all .2s;position:relative;overflow:hidden;color:inherit}
.hv2-order::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:0 3px 3px 0;transition:background .2s}
.hv2-order:hover{border-color:rgba(227,24,55,.2);background:rgba(255,255,255,.03);transform:translateY(-1px);box-shadow:0 12px 32px rgba(0,0,0,.2)}
.hv2-order:hover::before{background:var(--r)}
.hv2-order--success::before{background:var(--ok)}.hv2-order--pending::before{background:var(--warn)}.hv2-order--error::before{background:#ff4d6a}
.hv2-order::after{content:'';position:absolute;right:0;top:0;bottom:0;width:120px;pointer-events:none;border-radius:0 18px 18px 0;opacity:0;transition:opacity .25s}
.hv2-order--success::after{background:radial-gradient(ellipse at right center,rgba(0,200,100,.06),transparent 70%);opacity:1}
.hv2-order--pending::after{background:radial-gradient(ellipse at right center,rgba(255,200,0,.05),transparent 70%);opacity:1}
.hv2-order--error::after{background:radial-gradient(ellipse at right center,rgba(255,77,106,.05),transparent 70%);opacity:1}
.hv2-order:hover::after{opacity:1}

/* Order icon colors per module */
.hv2-order__ico{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}
.hv2-ico--game{background:rgba(59,130,246,.12);color:#4D9FFF}
.hv2-ico--premium{background:rgba(168,85,247,.12);color:#a855f7}
.hv2-ico--likes{background:rgba(227,24,55,.12);color:#ff6b8a}
.hv2-ico--account{background:rgba(249,115,22,.12);color:#f97316}
.hv2-ico--shop{background:rgba(34,197,94,.12);color:#00C864}
.hv2-ico--default{background:rgba(255,255,255,.06);color:var(--ts)}

.hv2-order__body{display:flex;flex-direction:column;gap:3px;min-width:0}
.hv2-order__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.hv2-order__name{font-size:.95rem;font-weight:700;color:#fff;line-height:1.45;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hv2-order__ref{margin-top:1px}
.hv2-order__ref code{font-family:'Prompt',sans-serif;font-size:.72rem;padding:2px 8px;border-radius:6px;background:rgba(255,255,255,.04);border:1px solid var(--bd);color:var(--ts);letter-spacing:.01em}
.hv2-order__meta{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:.76rem;color:var(--tm);flex-wrap:wrap}
.hv2-order__meta i{font-size:.72rem}
.hv2-order__note{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:.76rem;color:#ccc}
.hv2-order__note i{color:#ff8fa3;font-size:.72rem}
.hv2-order__amount{font-size:1.05rem;font-weight:800;color:#fff;white-space:nowrap;flex-shrink:0}
.hv2-order__date{font-size:.72rem;color:var(--tm);white-space:nowrap;margin-left:auto}

.hv2-order__watermark{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:6.5rem;pointer-events:none;opacity:.06;line-height:1;transition:opacity .25s}
.hv2-order:hover .hv2-order__watermark{opacity:.11}
.hv2-order__watermark--success{color:var(--ok)}
.hv2-order__watermark--pending{color:var(--warn)}
.hv2-order__watermark--error{color:#ff4d6a}

/* Status chip */
.hv2-status{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:capitalize;white-space:nowrap}
.hv2-status--success{background:rgba(0,200,100,.1);border:1px solid rgba(0,200,100,.18);color:var(--ok)}
.hv2-status--pending,.hv2-status--warning{background:rgba(255,200,0,.1);border:1px solid rgba(255,200,0,.18);color:var(--warn)}
.hv2-status--error,.hv2-status--danger{background:rgba(227,24,55,.1);border:1px solid rgba(227,24,55,.18);color:#ff6b8a}

/* ── Empty State ── */
.hv2-empty{padding:48px 24px;text-align:center}
.hv2-empty--compact{padding:32px 20px}
.hv2-empty__ico{width:72px;height:72px;margin:0 auto 16px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:var(--rg);border:1px solid rgba(227,24,55,.18);font-size:1.5rem;color:var(--r)}
.hv2-empty__title{font-size:1.05rem;font-weight:800;margin-bottom:6px}
.hv2-empty__text{font-size:.88rem;color:var(--tm);max-width:340px;margin:0 auto;line-height:1.7}

/* ── Back Button ── */
.hv2-back{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:11px;font-size:.85rem;font-weight:600;color:var(--ts);border:1px solid var(--bd);background:rgba(255,255,255,.02);transition:all .18s;margin-bottom:20px}
.hv2-back:hover{border-color:rgba(227,24,55,.22);color:#fff}

/* ── Detail Hero ── */
.hv2-detail-hero{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start;padding:28px 32px;border-radius:22px;background:radial-gradient(ellipse at top right,rgba(227,24,55,.1),transparent 50%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));border:1px solid var(--bd);box-shadow:var(--shadow);margin-bottom:20px}
.hv2-detail-hero__eyebrow{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--tm);font-weight:600;margin-bottom:8px}
.hv2-detail-hero__eyebrow i{color:var(--r)}
.hv2-detail-hero__title{font-size:1.4rem;font-weight:900;line-height:1.25;margin-bottom:8px}
.hv2-detail-hero__sub{font-size:.88rem;color:var(--tm);line-height:1.7;max-width:560px}
.hv2-detail-hero__right{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.hv2-detail-hero__amount{font-size:2rem;font-weight:900;letter-spacing:-.02em;line-height:1}
.hv2-detail-hero__amount small{font-size:1rem;font-weight:700;color:var(--tm);margin-right:2px}
.hv2-detail-hero__date{font-size:.82rem;color:var(--tm)}

/* ── Detail Grid ── */
.hv2-detail-grid{display:grid;grid-template-columns:380px minmax(0,1fr);gap:20px;align-items:start}

/* ── Detail Card ── */
.hv2-dcard{border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.015));border:1px solid var(--bd);overflow:hidden;box-shadow:var(--shadow)}
.hv2-dcard__head{display:flex;align-items:center;gap:10px;padding:18px 22px 14px;font-size:.92rem;font-weight:800;border-bottom:1px solid var(--bd)}
.hv2-dcard__head i{color:var(--r)}
.hv2-dcard__body{padding:16px 22px 22px}
.hv2-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.hv2-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;font-size:.82rem;font-weight:700;background:rgba(255,255,255,.03);border:1px solid var(--bd);color:var(--ts)}
.hv2-chip i{color:var(--r)}

/* ── Meta Items ── */
.hv2-meta-list{display:flex;flex-direction:column;gap:10px}
.hv2-meta{position:relative;padding:16px 60px 16px 16px;border-radius:16px;background:rgba(255,255,255,.02);border:1px solid var(--bd);min-height:72px;display:flex;flex-direction:column;justify-content:center;transition:border-color .18s}
.hv2-meta:hover{border-color:rgba(255,255,255,.1)}
.hv2-meta span{font-size:.76rem;color:var(--tm);font-weight:500;margin-bottom:4px}
.hv2-meta strong{font-size:.95rem;font-weight:700;color:#fff;word-break:break-word;line-height:1.5}
.hv2-meta__watermark{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:1.6rem;color:rgba(255,255,255,.06);pointer-events:none}

/* ── Note ── */
.hv2-note{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:rgba(227,24,55,.06);border:1px solid rgba(227,24,55,.14);color:#ffd7de;font-size:.88rem;margin-top:12px;line-height:1.7}
.hv2-note i{margin-top:3px;flex-shrink:0;color:#ff8fa3}

/* ── Delivery Items ── */
.hv2-delivery-list{display:flex;flex-direction:column;gap:14px}
.hv2-delivery-item{padding:18px;border-radius:18px;background:rgba(255,255,255,.02);border:1px solid var(--bd);box-shadow:0 14px 28px rgba(0,0,0,.12)}
.hv2-delivery-item__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.hv2-delivery-item__head strong{font-size:.95rem;font-weight:700;display:flex;align-items:center;gap:8px}
.hv2-delivery-item__head strong i{color:var(--r)}
.hv2-delivery-textarea{width:100%;min-height:140px;padding:14px 16px;border-radius:14px;border:1px solid var(--bd);background:#0b0d12;color:#fff;resize:vertical;font:500 .9rem/1.8 'Prompt',sans-serif;outline:none;transition:border-color .18s}
.hv2-delivery-textarea:focus{border-color:rgba(227,24,55,.3)}

/* ── Animations ── */
@keyframes hv2FadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.hv2-order{animation:hv2FadeUp .35s ease-out both}
.hv2-order:nth-child(1){animation-delay:.04s}.hv2-order:nth-child(2){animation-delay:.08s}.hv2-order:nth-child(3){animation-delay:.12s}.hv2-order:nth-child(4){animation-delay:.16s}.hv2-order:nth-child(5){animation-delay:.20s}.hv2-order:nth-child(6){animation-delay:.24s}.hv2-order:nth-child(7){animation-delay:.28s}.hv2-order:nth-child(8){animation-delay:.32s}
.hv2-detail-hero{animation:hv2FadeUp .4s ease-out}
.hv2-dcard{animation:hv2FadeUp .4s ease-out both}
.hv2-dcard:nth-child(2){animation-delay:.1s}

/* ── Light Theme ── */
body.light .hv2-profile{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(246,248,251,.96));border-color:rgba(227,24,55,.1);box-shadow:0 16px 30px rgba(15,23,42,.06)}
body.light .hv2-profile .hv2-avatar{background:linear-gradient(135deg,rgba(227,24,55,.16),rgba(227,24,55,.06));border-color:rgba(227,24,55,.2)}
body.light .hv2-profile .hv2-avatar::after{opacity:.3}
body.light .hv2-user,body.light .hv2-nav-copy strong{color:#111}
body.light .hv2-kpi-box{background:#fff;border-color:rgba(0,0,0,.06)}
body.light .hv2-kpi-box strong{color:#111}
body.light .hv2-nav{background:#fff;border-color:rgba(0,0,0,.06)}
body.light .hv2-nav-item.active{background:rgba(227,24,55,.06);border-color:rgba(227,24,55,.14)}
body.light .hv2-nav-item:not(.active) .hv2-nav-ico{background:rgba(0,0,0,.04);color:#666}
body.light .hv2-nav-copy strong{color:#111}
body.light .hv2-nav-badge{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.06);color:#666}
body.light .hv2-nav-item.active .hv2-nav-badge{background:rgba(227,24,55,.08);border-color:rgba(227,24,55,.14);color:#c31232}
body.light .hv2-card,body.light .hv2-dcard,body.light .hv2-detail-hero{background:#fff;border-color:rgba(0,0,0,.06);box-shadow:0 16px 30px rgba(15,23,42,.06)}
body.light .hv2-header__title{color:#111}
body.light .hv2-pill{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.06);color:#555}
body.light .hv2-order{background:#fff;border-color:rgba(0,0,0,.06)}
body.light .hv2-order:hover{border-color:rgba(227,24,55,.18);background:#fff;box-shadow:0 12px 32px rgba(0,0,0,.08)}
body.light .hv2-order__name{color:#111}
body.light .hv2-order__ref code{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.06);color:#555}
body.light .hv2-order__amount{color:#111}
body.light .hv2-order__watermark{opacity:.04}
body.light .hv2-order:hover .hv2-order__watermark{opacity:.07}
body.light .hv2-order--success::after{background:radial-gradient(ellipse at right center,rgba(0,200,100,.04),transparent 70%)}
body.light .hv2-order--pending::after{background:radial-gradient(ellipse at right center,rgba(180,140,0,.04),transparent 70%)}
body.light .hv2-order--error::after{background:radial-gradient(ellipse at right center,rgba(227,24,55,.03),transparent 70%)}
body.light .hv2-empty__title{color:#111}
body.light .hv2-detail-hero{background:linear-gradient(180deg,#fff,#faf6f7);border-color:rgba(227,24,55,.08)}
body.light .hv2-detail-hero__title{color:#111}
body.light .hv2-detail-hero__amount{color:#111}
body.light .hv2-dcard{background:#fff;border-color:rgba(0,0,0,.06)}
body.light .hv2-dcard__head{color:#111;border-bottom-color:rgba(0,0,0,.06)}
body.light .hv2-chip{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.06);color:#555}
body.light .hv2-meta{background:#fafbfc;border-color:rgba(0,0,0,.06)}
body.light .hv2-meta strong{color:#111}
body.light .hv2-meta__watermark{color:rgba(0,0,0,.05)}
body.light .hv2-note{background:rgba(227,24,55,.05);border-color:rgba(227,24,55,.1);color:#8f1026}
body.light .hv2-note i{color:#c31232}
body.light .hv2-delivery-item{background:#fff;border-color:rgba(0,0,0,.06);box-shadow:0 14px 28px rgba(0,0,0,.04)}
body.light .hv2-delivery-item__head strong{color:#111}
body.light .hv2-delivery-textarea{background:#f8fafc;border-color:#dbe1ea;color:#111}
body.light .hv2-back{background:#fff;border-color:rgba(0,0,0,.08);color:#555}
body.light .hv2-back:hover{border-color:rgba(227,24,55,.2);color:#111}

/* ── Responsive ── */
@media(max-width:960px){
  .hv2-grid{grid-template-columns:1fr}
  .hv2-side{position:static}
  .hv2-detail-grid{grid-template-columns:1fr}
  .hv2-detail-hero{grid-template-columns:1fr}
  .hv2-detail-hero__right{flex-direction:row;align-items:center;gap:16px}
}
@media(max-width:640px){
  .hv2-page{padding:16px 12px 48px}
  .hv2-order{grid-template-columns:44px minmax(0,1fr);gap:12px}
  .hv2-order__ico{width:44px;height:44px;border-radius:13px;font-size:1rem}
  .hv2-order__watermark{font-size:4.5rem;right:8px}
  .hv2-header{padding:20px;flex-direction:column}
  .hv2-detail-hero{padding:20px}
  .hv2-detail-hero__title{font-size:1.15rem}
  .hv2-detail-hero__amount{font-size:1.5rem}
  .hv2-dcard__body{padding:14px 16px 18px}
  .hv2-meta{padding-right:50px}
  .hv2-meta__watermark{font-size:1.3rem;right:14px}
}

/* ═══════════════════════════════════════════════════════════════
   GLOBAL TYPOGRAPHY — Normalize font sizes across all pages
   ═══════════════════════════════════════════════════════════════ */

/* Base text sizing */
body{font-size:14px}

/* Section titles — uniform across every page */
.section-title{font-size:1.08rem;font-weight:800;line-height:1.4}
.section-subtitle,.section-sub{font-size:.84rem;color:var(--ts);line-height:1.65}
.admin-title{font-size:1.15rem}
.admin-title span{font-size:.84rem;font-weight:400;color:var(--ts)}

/* Breadcrumb */
.breadcrumb{font-size:.82rem}

/* Table text normalization */
.data-table{font-size:.88rem}
.data-table th{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.data-table td{font-size:.86rem}
.table-sub{font-size:.76rem}

/* Form labels */
.form-grid label span,.settings-section-head p,.settings-section-head h4,.check-tile span{font-size:.86rem}
.form-grid label span i,.check-tile span i{font-size:.82rem}

/* Card text */
.admin-table-card .section-header-demo .section-title{font-size:1.02rem}
.admin-table-card .section-header-demo .section-subtitle{font-size:.82rem}

/* Buttons - normalize */
.btn{font-size:.88rem}
.btn-sm{font-size:.82rem}
.btn-lg{font-size:.92rem}

/* Input fields */
.input,input[type="text"],input[type="number"],input[type="password"],input[type="email"],select,textarea{font-size:.88rem}

/* Badges & pills */
.badge{font-size:.76rem}
.metric-pill{font-size:.82rem}
.hv2-pill{font-size:.8rem}

/* Dashboard KPI cards */
.premium-api-card{font-size:.86rem}
.premium-api-card strong{font-size:.9rem}

/* Navbar */
.nav-link{font-size:.88rem}

/* ═══════════════════════════════════════════════════════════════
   BLOG PAGE V2 — Compact magazine-style cards
   ═══════════════════════════════════════════════════════════════ */

.blog-page{max-width:1120px;margin:0 auto;padding:24px 0 48px}
.blog-page__header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:22px 24px;margin-bottom:20px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.014));border:1px solid var(--bd);box-shadow:var(--shadow)}
.blog-page__eyebrow{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:rgba(227,24,55,.1);border:1px solid rgba(227,24,55,.16);color:var(--rl);font-size:.78rem;font-weight:700;margin-bottom:10px}
.blog-page__title{font-size:1.35rem;font-weight:900;line-height:1.15;margin-bottom:6px}
.blog-page__sub{font-size:.86rem;color:var(--ts);line-height:1.7;max-width:480px}
.blog-page__empty{padding:48px 24px;text-align:center;border-radius:20px;background:var(--cd);border:1px solid var(--bd)}

/* ── Blog Grid ── */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}

/* ── Blog Card ── */
.blog-card{display:flex;flex-direction:column;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));border:1px solid var(--bd);overflow:hidden;transition:all .22s;color:inherit;animation:hv2FadeUp .35s ease-out both}
.blog-card:hover{border-color:rgba(227,24,55,.2);transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,0,0,.22)}

.blog-card__cover{height:160px;overflow:hidden;background:var(--sf);border-bottom:1px solid var(--bd);position:relative}
.blog-card__cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.blog-card:hover .blog-card__cover img{transform:scale(1.04)}
.blog-card__cover--placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(227,24,55,.08),rgba(227,24,55,.02));font-size:2rem;color:rgba(227,24,55,.25)}

.blog-card__body{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column;gap:6px}
.blog-card__tag{display:inline-flex;align-self:flex-start;padding:3px 10px;border-radius:999px;font-size:.68rem;font-weight:700;background:rgba(227,24,55,.08);border:1px solid rgba(227,24,55,.14);color:#ff8fa3;text-transform:uppercase;letter-spacing:.04em}
.blog-card__title{font-size:.95rem;font-weight:800;line-height:1.45;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}
.blog-card__excerpt{font-size:.82rem;color:var(--ts);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.blog-card__foot{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:10px;border-top:1px solid var(--bd);font-size:.74rem;color:var(--tm)}
.blog-card__foot i{font-size:.7rem;color:var(--r)}

/* ── Blog Light Theme ── */
body.light .blog-page__header{background:#fff;border-color:rgba(0,0,0,.06)}
body.light .blog-page__title{color:#111}
body.light .blog-page__empty{background:#fff;border-color:rgba(0,0,0,.06)}
body.light .blog-card{background:#fff;border-color:rgba(0,0,0,.06)}
body.light .blog-card:hover{border-color:rgba(227,24,55,.16);box-shadow:0 16px 36px rgba(0,0,0,.08)}
body.light .blog-card__tag{background:rgba(227,24,55,.06);border-color:rgba(227,24,55,.1);color:#c31232}
body.light .blog-card__title{color:#111}
body.light .blog-card__cover{border-bottom-color:rgba(0,0,0,.06)}
body.light .blog-card__foot{border-top-color:rgba(0,0,0,.06)}

/* ── Blog Article (single post) tweaks ── */
.blog-article-head h1{font-size:clamp(1.4rem,3.5vw,2.2rem);line-height:1.15}
.blog-article-head p{font-size:.9rem}
.blog-article-content{font-size:.94rem;line-height:1.85}
.blog-article-meta{font-size:.78rem}

/* ── Blog Responsive ── */
@media(max-width:768px){
  .blog-page__header{flex-direction:column;align-items:flex-start;padding:18px}
  .blog-grid{grid-template-columns:1fr}
  .blog-card__cover{height:140px}
}
@media(max-width:480px){
  .blog-grid{grid-template-columns:1fr}
  .blog-card__body{padding:14px 16px 16px}
}

/* ═══ Fix: Popup button styling ═══ */
.account-result-popup__topup-btn{border-radius:9px;padding:7px 14px;font-size:.86rem;font-weight:700;background:var(--r);box-shadow:0 8px 16px rgba(227,24,55,.18)}
.account-result-popup__topup-btn:hover{background:#CC1530;transform:translateY(-1px)}
.account-result-popup__actions .btn-outline-red[data-account-result-close],.account-result-popup__actions .btn[data-account-result-close]{background:var(--r);border-color:var(--r);color:#fff;border-radius:9px;box-shadow:0 8px 16px rgba(227,24,55,.14)}
.account-result-popup__actions .btn-outline-red[data-account-result-close]:hover,.account-result-popup__actions .btn[data-account-result-close]:hover{background:#CC1530;border-color:#CC1530;transform:translateY(-1px)}

/* ═══ Fix: History order card product image ═══ */
.hv2-ico--img{background:rgba(255,255,255,.04);border:1px solid var(--bd);overflow:hidden;padding:0}
.hv2-ico--img img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
body.light .hv2-ico--img{background:#fff;border-color:rgba(0,0,0,.08)}

/* ═══ Detail hero product thumbnail ═══ */
.hv2-detail-hero__title-row{display:flex;align-items:flex-start;gap:16px}
.hv2-detail-hero__thumb{width:72px;height:72px;border-radius:18px;overflow:hidden;flex-shrink:0;background:rgba(255,255,255,.04);border:1px solid var(--bd);box-shadow:0 8px 20px rgba(0,0,0,.16)}
.hv2-detail-hero__thumb img{width:100%;height:100%;object-fit:cover;display:block}
body.light .hv2-detail-hero__thumb{background:#fff;border-color:rgba(0,0,0,.08);box-shadow:0 8px 20px rgba(0,0,0,.06)}
@media(max-width:640px){.hv2-detail-hero__thumb{width:56px;height:56px;border-radius:14px}}

/* ═══════════════════════════════════════════════════════════════
   LIKES ORDER — Enhanced Timeline & Status Tracking
   ═══════════════════════════════════════════════════════════════ */

/* ── Likes Hero: separated info rows ── */
.hv2-lk-hero{border-radius:22px;background:radial-gradient(ellipse at top right,rgba(227,24,55,.1),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));border:1px solid var(--bd);box-shadow:var(--shadow);padding:0;margin-bottom:20px;overflow:hidden;animation:hv2FadeUp .4s ease-out}

/* Top bar */
.hv2-lk-hero__top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 24px 16px;flex-wrap:wrap}
.hv2-lk-hero__pills{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hv2-lk-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:999px;font-size:.78rem;font-weight:700;background:rgba(255,255,255,.04);border:1px solid var(--bd);color:var(--ts);white-space:nowrap}
.hv2-lk-pill i{color:var(--r);font-size:.82rem}
.hv2-lk-hero__amount{font-size:1.8rem;font-weight:900;letter-spacing:-.02em;line-height:1;white-space:nowrap}
.hv2-lk-hero__amount small{font-size:.9rem;font-weight:700;color:var(--tm);margin-right:2px}

/* Service name block */
.hv2-lk-hero__service{display:flex;align-items:flex-start;gap:14px;padding:0 24px 18px;border-bottom:1px solid var(--bd)}
.hv2-lk-hero__service-ico{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(227,24,55,.12);border:1px solid rgba(227,24,55,.18);color:#ff6b8a;font-size:1.05rem;flex-shrink:0;margin-top:2px}
.hv2-lk-hero__service-ico.hv2-lk-ico--account{background:rgba(249,115,22,.12);border-color:rgba(249,115,22,.18);color:#f97316}
.hv2-lk-hero__service-ico.hv2-lk-ico--premium{background:rgba(168,85,247,.12);border-color:rgba(168,85,247,.18);color:#a855f7}
.hv2-lk-hero__service-ico.hv2-lk-ico--game{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.18);color:#4D9FFF}
.hv2-lk-hero__service-ico.hv2-lk-ico--shop{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.18);color:#00C864}
.hv2-lk-hero__service-label{font-size:.72rem;color:var(--tm);font-weight:600;margin-bottom:3px;text-transform:uppercase;letter-spacing:.04em}
.hv2-lk-hero__service-img{width:52px;height:52px;border-radius:14px;overflow:hidden;flex-shrink:0;margin-top:2px;background:rgba(255,255,255,.04);border:1px solid var(--bd);box-shadow:0 6px 16px rgba(0,0,0,.14)}
.hv2-lk-hero__service-img img{width:100%;height:100%;object-fit:cover;display:block}
.hv2-lk-hero__service-name{font-size:1.05rem;font-weight:800;color:#fff;line-height:1.45;word-break:break-word}

/* Info rows */
.hv2-lk-rows{display:flex;flex-direction:column;gap:0}
.hv2-lk-row{display:grid;grid-template-columns:42px 120px 1fr;align-items:center;gap:0;padding:13px 24px;border-bottom:1px solid var(--bd);transition:background .15s}
.hv2-lk-row:last-child{border-bottom:none}
.hv2-lk-row:hover{background:rgba(255,255,255,.015)}
.hv2-lk-row__ico{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);border:1px solid var(--bd);font-size:.78rem;color:var(--ts);flex-shrink:0}
.hv2-lk-row__label{font-size:.78rem;color:var(--tm);font-weight:600;padding-right:8px}
.hv2-lk-row__value{font-size:.88rem;font-weight:700;color:#fff;word-break:break-all;line-height:1.5}

/* Note */
.hv2-lk-hero__note{display:flex;gap:10px;align-items:flex-start;padding:14px 24px;background:rgba(227,24,55,.05);border-top:1px solid rgba(227,24,55,.12);color:#ffd7de;font-size:.84rem;line-height:1.7}
.hv2-lk-hero__note i{margin-top:3px;flex-shrink:0;color:#ff8fa3;font-size:.88rem}

/* ── Light theme ── */
body.light .hv2-lk-hero{background:linear-gradient(180deg,#fff,#faf6f7);border-color:rgba(227,24,55,.08);box-shadow:0 16px 30px rgba(15,23,42,.06)}
body.light .hv2-lk-pill{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.06);color:#555}
body.light .hv2-lk-hero__amount{color:#111}
body.light .hv2-lk-hero__service{border-bottom-color:rgba(0,0,0,.06)}
body.light .hv2-lk-hero__service-ico{background:rgba(227,24,55,.08);border-color:rgba(227,24,55,.12);color:#c31232}
body.light .hv2-lk-hero__service-img{background:#fff;border-color:rgba(0,0,0,.08);box-shadow:0 6px 16px rgba(0,0,0,.06)}
body.light .hv2-lk-hero__service-ico.hv2-lk-ico--account{background:rgba(249,115,22,.08);border-color:rgba(249,115,22,.12);color:#c2410c}
body.light .hv2-lk-hero__service-ico.hv2-lk-ico--premium{background:rgba(168,85,247,.08);border-color:rgba(168,85,247,.12);color:#7e22ce}
body.light .hv2-lk-hero__service-ico.hv2-lk-ico--game{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.12);color:#1d4ed8}
body.light .hv2-lk-hero__service-ico.hv2-lk-ico--shop{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.12);color:#059f45}
body.light .hv2-lk-hero__service-name{color:#111}
body.light .hv2-lk-row{border-bottom-color:rgba(0,0,0,.05)}
body.light .hv2-lk-row:hover{background:rgba(0,0,0,.015)}
body.light .hv2-lk-row__ico{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.06);color:#666}
body.light .hv2-lk-row__value{color:#111}
body.light .hv2-lk-hero__note{background:rgba(227,24,55,.04);border-top-color:rgba(227,24,55,.08);color:#8f1026}
body.light .hv2-lk-hero__note i{color:#c31232}

/* ── Responsive ── */
@media(max-width:640px){
  .hv2-lk-hero__top{padding:16px 16px 12px}
  .hv2-lk-hero__amount{font-size:1.4rem}
  .hv2-lk-hero__service{padding:0 16px 14px;gap:10px}
  .hv2-lk-hero__service-ico{width:36px;height:36px;border-radius:11px;font-size:.9rem}
  .hv2-lk-hero__service-img{width:44px;height:44px;border-radius:11px}
  .hv2-lk-hero__service-name{font-size:.92rem}
  .hv2-lk-row{grid-template-columns:34px 100px 1fr;padding:11px 16px}
  .hv2-lk-row__ico{width:26px;height:26px;border-radius:7px;font-size:.72rem}
  .hv2-lk-row__label{font-size:.72rem}
  .hv2-lk-row__value{font-size:.82rem}
  .hv2-lk-hero__note{padding:12px 16px;font-size:.8rem}
}

/* Badge in header */
.hv2-lt-badge{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:.74rem;font-weight:700;letter-spacing:.01em}
.hv2-lt-badge__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.hv2-lt-badge--active{background:rgba(255,200,0,.1);border:1px solid rgba(255,200,0,.18);color:var(--warn)}
.hv2-lt-badge--active .hv2-lt-badge__dot{background:var(--warn);box-shadow:0 0 8px rgba(255,200,0,.5);animation:hv2LtPulse 2s ease-in-out infinite}
.hv2-lt-badge--success{background:rgba(0,200,100,.1);border:1px solid rgba(0,200,100,.18);color:var(--ok)}
.hv2-lt-badge--success .hv2-lt-badge__dot{background:var(--ok)}
.hv2-lt-badge--error{background:rgba(227,24,55,.1);border:1px solid rgba(227,24,55,.18);color:#ff6b8a}
.hv2-lt-badge--error .hv2-lt-badge__dot{background:#ff6b8a}

@keyframes hv2LtPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}

/* ── Progress Stepper ── */
.hv2-lt-stepper{display:flex;align-items:flex-start;justify-content:center;gap:0;padding:8px 0 28px;position:relative}

.hv2-lt-step{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1;flex-shrink:0}
.hv2-lt-step__circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .3s;border:2px solid transparent}
.hv2-lt-step__label{font-size:.74rem;font-weight:600;color:var(--tm);white-space:nowrap;transition:color .3s}

/* Step states */
.hv2-lt-step--done .hv2-lt-step__circle{background:rgba(0,200,100,.14);border-color:rgba(0,200,100,.3);color:var(--ok)}
.hv2-lt-step--done .hv2-lt-step__label{color:var(--ok)}
.hv2-lt-step--active .hv2-lt-step__circle{background:rgba(255,200,0,.14);border-color:rgba(255,200,0,.35);color:var(--warn);box-shadow:0 0 20px rgba(255,200,0,.18);animation:hv2StepGlow 2.5s ease-in-out infinite}
.hv2-lt-step--active .hv2-lt-step__label{color:var(--warn);font-weight:700}
.hv2-lt-step--waiting .hv2-lt-step__circle{background:rgba(255,255,255,.03);border-color:var(--bd);color:var(--tm)}

@keyframes hv2StepGlow{0%,100%{box-shadow:0 0 20px rgba(255,200,0,.18)}50%{box-shadow:0 0 28px rgba(255,200,0,.3)}}

/* Connector between steps */
.hv2-lt-connector{flex:1;height:2px;min-width:28px;margin-top:22px;background:var(--bd);border-radius:2px;overflow:hidden;position:relative}
.hv2-lt-connector__fill{position:absolute;inset:0;border-radius:inherit;background:var(--ok);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}
.hv2-lt-connector--done .hv2-lt-connector__fill{transform:scaleX(1)}

/* ── Failed Banner ── */
.hv2-lt-failed-banner{display:flex;align-items:center;gap:16px;padding:20px;border-radius:16px;background:rgba(227,24,55,.06);border:1px solid rgba(227,24,55,.14);margin-bottom:24px}
.hv2-lt-failed-banner__icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(227,24,55,.12);font-size:1.3rem;color:#ff6b8a;flex-shrink:0}
.hv2-lt-failed-banner strong{display:block;font-size:.95rem;font-weight:800;color:#ff8fa3;margin-bottom:2px}
.hv2-lt-failed-banner span{display:block;font-size:.82rem;color:var(--tm);line-height:1.6}

/* ── Vertical Timeline Events ── */
.hv2-lt-timeline{display:flex;flex-direction:column;gap:0;padding-top:8px;border-top:1px solid var(--bd);margin-top:4px}

.hv2-lt-event{display:grid;grid-template-columns:36px 1fr;gap:0;position:relative;min-height:60px}
.hv2-lt-event--latest{min-height:72px}

/* Rail (dot + vertical line) */
.hv2-lt-event__rail{display:flex;flex-direction:column;align-items:center;padding-top:16px;position:relative}
.hv2-lt-event__dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;position:relative;z-index:2;border:2px solid transparent;transition:all .25s}
.hv2-lt-event__dot--active{width:22px;height:22px;background:rgba(255,200,0,.16);border-color:rgba(255,200,0,.4);display:flex;align-items:center;justify-content:center}
.hv2-lt-event__dot--active i{font-size:.65rem;color:var(--warn)}
.hv2-lt-event__dot--success{width:22px;height:22px;background:rgba(0,200,100,.16);border-color:rgba(0,200,100,.4);display:flex;align-items:center;justify-content:center}
.hv2-lt-event__dot--success i{font-size:.65rem;color:var(--ok)}
.hv2-lt-event__dot--error{width:22px;height:22px;background:rgba(227,24,55,.16);border-color:rgba(227,24,55,.4);display:flex;align-items:center;justify-content:center}
.hv2-lt-event__dot--error i{font-size:.65rem;color:#ff6b8a}
.hv2-lt-event__dot--muted{width:10px;height:10px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);margin-top:4px}

.hv2-lt-event__line{width:2px;flex:1;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));margin:4px 0;min-height:16px}
.hv2-lt-event--last .hv2-lt-event__line{display:none}

/* Body */
.hv2-lt-event__body{padding:12px 0 20px 4px}
.hv2-lt-event--latest .hv2-lt-event__body{padding-top:8px}
.hv2-lt-event--last .hv2-lt-event__body{padding-bottom:4px}

.hv2-lt-event__header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hv2-lt-event__title{font-size:.92rem;font-weight:700;color:#fff}
.hv2-lt-event--latest .hv2-lt-event__title{font-size:.98rem;font-weight:800}
.hv2-lt-event:not(.hv2-lt-event--latest) .hv2-lt-event__title{color:var(--ts);font-weight:600;font-size:.86rem}

.hv2-lt-event__status-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:.7rem;font-weight:700}
.hv2-lt-event__status-pill--active{background:rgba(255,200,0,.1);border:1px solid rgba(255,200,0,.16);color:var(--warn)}
.hv2-lt-event__status-pill--success{background:rgba(0,200,100,.1);border:1px solid rgba(0,200,100,.16);color:var(--ok)}
.hv2-lt-event__status-pill--error{background:rgba(227,24,55,.1);border:1px solid rgba(227,24,55,.16);color:#ff6b8a}
.hv2-lt-event__status-pill--muted{background:rgba(255,255,255,.03);border:1px solid var(--bd);color:var(--tm)}

.hv2-lt-event__time{display:flex;align-items:center;gap:5px;font-size:.76rem;color:var(--tm);margin-top:5px}
.hv2-lt-event__time i{font-size:.7rem}

.hv2-lt-event__note{margin-top:6px;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.02);border:1px solid var(--bd);font-size:.8rem;color:var(--ts);line-height:1.6}

/* ── Likes timeline card specific ── */
.hv2-likes-timeline-card .hv2-dcard__head{display:flex;align-items:center;gap:10px}

/* ── Stepper animation ── */
.hv2-lt-stepper{animation:hv2FadeUp .45s ease-out}
.hv2-lt-timeline{animation:hv2FadeUp .5s ease-out .1s both}

/* ── Light theme ── */
body.light .hv2-lt-badge--active{background:rgba(180,140,0,.08);border-color:rgba(180,140,0,.14);color:#a07800}
body.light .hv2-lt-badge--success{background:rgba(5,159,69,.08);border-color:rgba(5,159,69,.14);color:#059f45}
body.light .hv2-lt-badge--error{background:rgba(227,24,55,.06);border-color:rgba(227,24,55,.1);color:#c31232}
body.light .hv2-lt-step--done .hv2-lt-step__circle{background:rgba(5,159,69,.1);border-color:rgba(5,159,69,.25);color:#059f45}
body.light .hv2-lt-step--done .hv2-lt-step__label{color:#059f45}
body.light .hv2-lt-step--active .hv2-lt-step__circle{background:rgba(180,140,0,.1);border-color:rgba(180,140,0,.25);color:#a07800;box-shadow:0 0 16px rgba(180,140,0,.12)}
body.light .hv2-lt-step--active .hv2-lt-step__label{color:#a07800}
body.light .hv2-lt-step--waiting .hv2-lt-step__circle{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.08);color:#bbb}
body.light .hv2-lt-connector{background:rgba(0,0,0,.06)}
body.light .hv2-lt-connector--done .hv2-lt-connector__fill{background:#059f45}
body.light .hv2-lt-failed-banner{background:rgba(227,24,55,.04);border-color:rgba(227,24,55,.1)}
body.light .hv2-lt-failed-banner__icon{background:rgba(227,24,55,.08);color:#c31232}
body.light .hv2-lt-failed-banner strong{color:#c31232}
body.light .hv2-lt-timeline{border-top-color:rgba(0,0,0,.06)}
body.light .hv2-lt-event__dot--active{background:rgba(180,140,0,.1);border-color:rgba(180,140,0,.3)}
body.light .hv2-lt-event__dot--active i{color:#a07800}
body.light .hv2-lt-event__dot--success{background:rgba(5,159,69,.1);border-color:rgba(5,159,69,.3)}
body.light .hv2-lt-event__dot--success i{color:#059f45}
body.light .hv2-lt-event__dot--error{background:rgba(227,24,55,.1);border-color:rgba(227,24,55,.3)}
body.light .hv2-lt-event__dot--error i{color:#c31232}
body.light .hv2-lt-event__dot--muted{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.1)}
body.light .hv2-lt-event__line{background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.02))}
body.light .hv2-lt-event__title{color:#111}
body.light .hv2-lt-event:not(.hv2-lt-event--latest) .hv2-lt-event__title{color:#666}
body.light .hv2-lt-event__status-pill--active{background:rgba(180,140,0,.08);border-color:rgba(180,140,0,.14);color:#a07800}
body.light .hv2-lt-event__status-pill--success{background:rgba(5,159,69,.08);border-color:rgba(5,159,69,.14);color:#059f45}
body.light .hv2-lt-event__status-pill--error{background:rgba(227,24,55,.06);border-color:rgba(227,24,55,.1);color:#c31232}
body.light .hv2-lt-event__status-pill--muted{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.06);color:#999}
body.light .hv2-lt-event__note{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.06);color:#555}

/* ── Responsive ── */
@media(max-width:640px){
  .hv2-lt-stepper{gap:0;padding:4px 0 22px}
  .hv2-lt-step__circle{width:36px;height:36px;font-size:.88rem}
  .hv2-lt-step__label{font-size:.68rem}
  .hv2-lt-connector{min-width:16px}
  .hv2-lt-event{grid-template-columns:30px 1fr}
  .hv2-lt-event__dot--active,.hv2-lt-event__dot--success,.hv2-lt-event__dot--error{width:18px;height:18px}
  .hv2-lt-event__dot--active i,.hv2-lt-event__dot--success i,.hv2-lt-event__dot--error i{font-size:.55rem}
  .hv2-lt-badge{font-size:.68rem;padding:4px 10px}
  .hv2-lt-failed-banner{flex-direction:column;gap:10px;text-align:center}
}

/* ═══ Fix: Stock pill inside premium image ═══ */
.premium-img .account-stock-pill{z-index:2}

.btn[disabled],
.btn:disabled{
  opacity:.58;
  cursor:not-allowed;
  transform:none !important;
  filter:saturate(.78);
  box-shadow:none;
}

.btn.is-captcha-locked{
  background:rgba(227,24,55,.78) !important;
  border-color:rgba(227,24,55,.22) !important;
}

.captcha-shell{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:var(--captcha-shell-padding,14px);
  border-radius:var(--captcha-shell-radius,18px);
  border:1px solid var(--captcha-shell-border,rgba(255,255,255,.08));
  background:var(--captcha-shell-bg,rgba(255,255,255,.03));
  overflow:auto;
}

.captcha-help{
  margin-top:8px;
  font-size:.88rem;
  color:var(--tm);
  line-height:1.55;
}

.captcha-shell .g-recaptcha,
.captcha-shell iframe{
  max-width:100%;
}

/* ═══ ZEEDTOPUP Footer V4 — Decorated ═══ */
.zt-footer{position:relative;margin-top:60px;background:#08080c;overflow:hidden}
.zt-footer__glow{position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:600px;height:160px;border-radius:50%;background:radial-gradient(ellipse,rgba(227,24,55,.08),transparent 70%);pointer-events:none}
.zt-footer__inner{max-width:1280px;margin:0 auto;padding:0 32px}

/* Section 1: Links */
.zt-footer__main{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;padding:48px 0 40px;border-top:1px solid rgba(227,24,55,.12)}
.zt-footer__main:has(.zt-footer__col--fb){grid-template-columns:1.4fr 1fr 1fr 1fr 1fr}

/* Brand column */
.zt-footer__col--brand{padding-right:20px}
.zt-footer__brand-logo{height:52px;width:auto;border-radius:12px;margin-bottom:14px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(227,24,55,.2))}
.zt-footer__brand-name{font-size:1.5rem;font-weight:900;color:#fff;letter-spacing:-.5px;margin-bottom:10px}
.zt-footer__brand-desc{font-size:.84rem;color:#555;line-height:1.7;margin-bottom:18px}
.zt-footer__socials{display:flex;gap:8px;flex-wrap:wrap}
.zt-footer__social{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;color:#777;font-size:1.05rem;text-decoration:none;transition:all .2s}
.zt-footer__social:hover{background:rgba(255,255,255,.08);color:var(--sc,#fff);border-color:var(--sc,rgba(255,255,255,.2));transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.3)}

/* Link columns */
.zt-footer__col-title{font-size:.88rem;font-weight:700;color:#eee;margin-bottom:16px;display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:2px solid rgba(227,24,55,.2)}
.zt-footer__col-title i{color:var(--rl,#e31837);font-size:1rem}
.zt-footer__col a{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#666;text-decoration:none;padding:6px 0;transition:all .15s;position:relative}
.zt-footer__col a i{font-size:.8rem;color:#444;transition:color .15s;width:16px;text-align:center;flex-shrink:0}
.zt-footer__col a:hover{color:var(--rl,#e31837);padding-left:4px}
.zt-footer__col a:hover i{color:var(--rl,#e31837)}

/* FB column */
.zt-footer__col--fb .zt-footer__fb-box{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}

/* Bottom wrap */
.zt-footer__bottom-wrap{background:rgba(0,0,0,.4);border-top:1px solid rgba(255,255,255,.05)}
.zt-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;flex-wrap:wrap}
.zt-footer__bottom-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}
.zt-footer__bottom-logo{height:40px;width:auto;border-radius:10px;object-fit:contain;flex-shrink:0;opacity:.7}
.zt-footer__bottom-name{font-size:.92rem;font-weight:700;color:#aaa}
.zt-footer__bottom-desc{font-size:.78rem;color:#555;line-height:1.5;max-width:500px}
.zt-footer__bottom-copy{font-size:.82rem;color:#666;font-weight:600;white-space:nowrap}

/* Responsive */
@media(max-width:1024px){
  .zt-footer__main,.zt-footer__main:has(.zt-footer__col--fb){grid-template-columns:1fr 1fr}
  .zt-footer__col--brand{grid-column:1/-1}
  .zt-footer__col--fb{grid-column:1/-1}
}
@media(max-width:640px){
  .zt-footer__inner{padding:0 18px}
  .zt-footer__main{grid-template-columns:1fr;gap:28px;padding:32px 0 28px}
  .zt-footer__bottom{flex-direction:column;text-align:center;gap:14px}
  .zt-footer__bottom-left{flex-direction:column;align-items:center;text-align:center}
  .zt-footer__bottom-desc{max-width:100%}
  .zt-footer__glow{width:300px;height:80px;top:-40px}
}

/* ═══ Home Product Strips — V2 ═══ */
.home-strip{margin-bottom:36px;position:relative}
.home-strip__scroll{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:6px 2px 16px;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 92%,transparent)}
.home-strip__scroll::-webkit-scrollbar{display:none}

.home-strip__card{flex:0 0 180px;scroll-snap-align:start;border-radius:16px;background:#111114;border:1px solid rgba(255,255,255,.06);overflow:hidden;text-decoration:none;transition:all .28s;position:relative}
.home-strip__card:hover{transform:translateY(-5px) scale(1.02);border-color:rgba(227,24,55,.25);box-shadow:0 16px 48px rgba(0,0,0,.4),0 0 0 1px rgba(227,24,55,.1)}

.home-strip__thumb{height:140px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#161619,#0e0e11)}
.home-strip__media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.home-strip__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.home-strip__card:hover .home-strip__thumb img{transform:scale(1.08)}
.home-strip__thumb i{font-size:2.4rem;color:rgba(227,24,55,.25);filter:drop-shadow(0 0 20px rgba(227,24,55,.1))}
.home-strip__brand-ico{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,color-mix(in srgb,var(--bc) 15%,#0a0a0e),color-mix(in srgb,var(--bc) 6%,#0a0a0e))}
.home-strip__brand-ico span{font-size:3.2rem;font-weight:900;color:var(--bc);opacity:.7;text-shadow:0 0 40px var(--bc)}
.home-strip__thumb::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(transparent,rgba(0,0,0,.4));pointer-events:none}

.home-strip__tag{position:absolute;top:10px;right:10px;padding:4px 12px;border-radius:8px;font-size:.7rem;font-weight:700;background:var(--rl,#e31837);color:#fff;letter-spacing:.3px;box-shadow:0 4px 12px rgba(227,24,55,.3);z-index:2}

.home-strip__info{padding:14px 14px 16px;position:relative}
.home-strip__info h4{font-size:.9rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}
.home-strip__price{font-size:.92rem;font-weight:800;color:var(--rl,#e31837);letter-spacing:-.3px}
.home-strip__sub{font-size:.76rem;color:#666;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media(max-width:768px){
  .home-strip__card{flex:0 0 155px}
  .home-strip__thumb{height:115px}
  .home-strip__info{padding:10px 12px 13px}
  .home-strip__info h4{font-size:.84rem}
}

/* Page Editor: hide sections for non-editing users */
[data-pe-section].pe-hidden{display:none!important}
body.pe-editing [data-pe-section].pe-hidden{display:block!important}

/* Home notice marquee upgrade */
.home-notice-marquee{position:relative;overflow:hidden;margin-bottom:20px;padding:18px 20px;border-radius:24px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,rgba(9,11,18,.96),rgba(17,8,12,.94) 72%,rgba(54,6,16,.78) 100%);box-shadow:0 14px 34px rgba(0,0,0,.22)}
.home-notice-marquee__glow{position:absolute;inset:auto -8% -34% auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(227,24,55,.14),rgba(227,24,55,0) 70%);pointer-events:none}
.home-notice-marquee__head{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:14px}
.home-notice-marquee__badge{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;background:rgba(227,24,55,.08);border:1px solid rgba(227,24,55,.14);font-size:.74rem;font-weight:700;letter-spacing:.05em;color:rgba(255,236,240,.92);text-transform:uppercase;white-space:nowrap}
.home-notice-marquee__head h3{margin:0;font-size:1.03rem;font-weight:700;letter-spacing:0;color:rgba(255,255,255,.96)}
.home-notice-marquee__icon{width:50px;height:50px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(227,24,55,.14),rgba(227,24,55,.08));border:1px solid rgba(227,24,55,.12);color:#ff6c85;font-size:1.12rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.home-notice-marquee__lane{position:relative;overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.018));padding:10px 0;mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
.home-notice-marquee__track{display:flex;align-items:center;gap:12px;width:max-content;animation:homeNoticeTicker var(--notice-speed,42s) linear infinite}
.home-notice-marquee__item{display:inline-flex;align-items:center;gap:9px;min-width:max-content;padding:8px 14px;border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.055);color:#f3f5f9;font-size:.96rem;font-weight:400;letter-spacing:0;line-height:1.45}
.home-notice-marquee__item i{color:#ff5c79;font-size:.86rem}
.home-notice-marquee__item.is-link{transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}
.home-notice-marquee__item.is-link:hover{transform:translateY(-1px);border-color:rgba(227,24,55,.18);background:linear-gradient(180deg,rgba(227,24,55,.08),rgba(255,255,255,.03));color:#fff}
@keyframes homeNoticeTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.mobile-notice-marquee{padding:15px 15px;border-radius:18px;background:linear-gradient(135deg,rgba(9,11,18,.97),rgba(18,8,12,.95));border:1px solid rgba(255,255,255,.06);display:grid;gap:12px}
.mobile-notice-marquee__eyebrow{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:7px 11px;border-radius:999px;background:rgba(227,24,55,.1);border:1px solid rgba(227,24,55,.14);font-size:.72rem;font-weight:700;letter-spacing:.05em;color:rgba(255,236,240,.92);text-transform:uppercase}
.mobile-notice-marquee__list{display:grid;gap:9px}
.mobile-notice-marquee__item{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);color:#f4f7fb;font-size:.9rem;font-weight:600;line-height:1.65}
.mobile-notice-marquee__item i{color:#ff5c79;font-size:.84rem;transform:translateY(3px)}
.mobile-notice-marquee__item:hover{border-color:rgba(227,24,55,.16)}

.settings-home-notice-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
.settings-home-notice-builder{display:grid;gap:14px}
.settings-home-notice-builder__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(227,24,55,.04))}
.settings-home-notice-builder__head h5{margin:0 0 6px;font-size:1rem}
.settings-home-notice-builder__head p{margin:0;color:var(--text-secondary);line-height:1.7}
.settings-home-notice-list{display:grid;gap:12px}
.settings-home-notice-item{padding:16px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}
.settings-home-notice-item__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.settings-home-notice-item__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(227,24,55,.12);border:1px solid rgba(227,24,55,.18);font-size:.82rem;font-weight:800;color:#ffb5c1}
.settings-home-notice-item__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width: 1100px){.settings-home-notice-meta-grid,.settings-home-notice-item__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 768px){.home-notice-marquee{padding:18px}.home-notice-marquee__head{grid-template-columns:1fr;align-items:flex-start}.home-notice-marquee__icon{display:none}.settings-home-notice-meta-grid,.settings-home-notice-item__grid{grid-template-columns:1fr}.settings-home-notice-builder__head{flex-direction:column}.home-notice-marquee__lane{mask-image:none;-webkit-mask-image:none}}

/* ═══════════════════════════════════════════════════
   FEATURE CONTROLS — Toggle Card UI (v2)
   ═══════════════════════════════════════════════════ */

/* Summary Bar */
.fc-summary-bar{display:flex;align-items:center;gap:18px;padding:16px 20px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.07);margin-bottom:8px;flex-wrap:wrap}
.fc-summary-stat{display:flex;align-items:center;gap:8px;font-size:.92rem;color:var(--text-secondary)}.fc-summary-stat strong{color:#fff;font-weight:800}
.fc-summary-total{margin-left:auto}
body.light .fc-summary-bar{background:linear-gradient(135deg,#fff5f6,#faf8f9);border-color:rgba(227,24,55,.10)}
body.light .fc-summary-stat strong{color:#111}

/* Group */
.fc-group{margin-top:14px}
.fc-group-head{display:flex;align-items:center;gap:10px;padding:6px 4px 10px;font-size:.88rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.06em}
.fc-group-head i{font-size:.82rem;color:var(--red)}
body.light .fc-group-head{color:#222}

/* Card Grid */
.fc-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:900px){.fc-card-grid{grid-template-columns:1fr}}

/* Card */
.fc-card{border-radius:18px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));transition:border-color .25s ease,box-shadow .25s ease}
.fc-card.is-on{border-color:rgba(227,24,55,.18);box-shadow:0 0 0 1px rgba(227,24,55,.04)}
.fc-card.is-off{border-color:rgba(227,24,55,.18);background:linear-gradient(180deg,rgba(227,24,55,.04),rgba(255,255,255,.015))}

/* Card Main */
.fc-card-main{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px}
.fc-card-info{display:flex;align-items:flex-start;gap:12px;min-width:0}
.fc-card-info > i{font-size:1.15rem;margin-top:3px;color:var(--red);flex:0 0 auto}
.fc-card-info > div{min-width:0}
.fc-card-info strong{display:block;font-size:.98rem;font-weight:800;color:#fff;line-height:1.3}
.fc-card-info span{display:block;margin-top:2px;font-size:.82rem;color:var(--text-secondary);line-height:1.5}

/* Toggle Switch (iOS-style) */
.fc-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer;flex:0 0 auto}
.fc-switch input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.fc-switch-track{position:relative;display:block;width:52px;height:28px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);transition:all .25s cubic-bezier(.4,.0,.2,1)}
.fc-switch-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.28);transition:all .25s cubic-bezier(.4,.0,.2,1)}
.fc-switch input:checked + .fc-switch-track{background:linear-gradient(135deg,#E31837 0%,#c4142e 100%);border-color:rgba(227,24,55,.5)}
.fc-switch input:checked + .fc-switch-track .fc-switch-thumb{left:27px}
.fc-switch input:focus-visible + .fc-switch-track{outline:2px solid #E31837;outline-offset:2px}

/* Expandable Extra */
.fc-card-extra{max-height:0;overflow:hidden;transition:max-height .3s ease}
.fc-card-extra.is-open{max-height:300px}
.fc-card-extra-inner{padding:0 18px 16px;display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(227,24,55,.12);margin:0 8px;padding-top:14px}
.fc-extra-field label{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;color:var(--text-secondary);margin-bottom:5px}
.fc-extra-field label i{font-size:.78rem;color:var(--red)}
.fc-extra-field input,.fc-extra-field textarea{width:100%;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.2);color:#fff;font-size:.9rem;font-family:inherit;resize:vertical}
.fc-extra-field input::placeholder,.fc-extra-field textarea::placeholder{color:rgba(255,255,255,.22)}
.fc-extra-field input:focus,.fc-extra-field textarea:focus{border-color:rgba(227,24,55,.35);outline:none}

/* Light mode */
body.light .fc-card{background:linear-gradient(180deg,#fff,#fafbfd);border-color:rgba(59,130,246,.10)}
body.light .fc-card.is-on{border-color:rgba(227,24,55,.20);box-shadow:0 2px 12px rgba(227,24,55,.04)}
body.light .fc-card.is-off{border-color:rgba(227,24,55,.18);background:linear-gradient(180deg,#fffbfb,#fff)}
body.light .fc-card-info strong{color:#111}
body.light .fc-card-info span{color:#666}
body.light .fc-switch-track{background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.12)}
body.light .fc-switch input:checked + .fc-switch-track{background:linear-gradient(135deg,#E31837,#c4142e);border-color:rgba(227,24,55,.5)}
body.light .fc-extra-field input,body.light .fc-extra-field textarea{background:#f5f6f8;border-color:rgba(0,0,0,.08);color:#111}
body.light .fc-extra-field input::placeholder,body.light .fc-extra-field textarea::placeholder{color:rgba(0,0,0,.3)}
body.light .fc-card-extra-inner{border-top-color:rgba(227,24,55,.10)}

/* ═══════════════════════════════════════════════════
   MAINTENANCE PAGE — Enhanced v2
   ═══════════════════════════════════════════════════ */

/* Animated background orbs */
.maint-orb{position:fixed;border-radius:50%;filter:blur(80px);opacity:.18;pointer-events:none;z-index:0}
.maint-orb--1{width:400px;height:400px;background:radial-gradient(circle,rgba(227,24,55,.6),transparent 70%);top:-100px;left:-100px;animation:maintOrb1 12s ease-in-out infinite}
.maint-orb--2{width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.4),transparent 70%);bottom:-60px;right:-60px;animation:maintOrb2 15s ease-in-out infinite}
.maint-orb--3{width:250px;height:250px;background:radial-gradient(circle,rgba(227,24,55,.3),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:maintOrb3 18s ease-in-out infinite}
@keyframes maintOrb1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(60px,40px) scale(1.15)}}
@keyframes maintOrb2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-50px,-30px) scale(1.1)}}
@keyframes maintOrb3{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}

/* Status pill pulse */
.maint-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff4d6a;animation:maintPulse 2s ease-in-out infinite;margin-right:2px}
@keyframes maintPulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(227,24,55,.5)}50%{opacity:.6;box-shadow:0 0 0 8px rgba(227,24,55,0)}}

/* Gear SVG animation */
.maint-icon-wrap{display:flex;justify-content:center;margin:24px 0 8px}
.maint-gear-svg{filter:drop-shadow(0 0 20px rgba(227,24,55,.3))}
.maint-gear-spin{animation:gearSpin 8s linear infinite}
@keyframes gearSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/* Maintenance buttons */
.maint-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:14px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none}
.maint-btn--outline{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff}
.maint-btn--outline:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff;text-decoration:none}
.maint-btn--red{background:linear-gradient(135deg,#e31837,#c4142e);color:#fff;border:1px solid rgba(227,24,55,.4)}
.maint-btn--red:hover{background:linear-gradient(135deg,#ff2848,#e31837);box-shadow:0 6px 24px rgba(227,24,55,.3);color:#fff;text-decoration:none}

/* Card entrance animation */
.maintenance-card{animation:maintCardIn .6s cubic-bezier(.22,1,.36,1) both}
@keyframes maintCardIn{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.maintenance-meta-card{animation:maintMetaIn .5s cubic-bezier(.22,1,.36,1) both}
.maintenance-meta-card:nth-child(1){animation-delay:.15s}
.maintenance-meta-card:nth-child(2){animation-delay:.25s}
.maintenance-meta-card:nth-child(3){animation-delay:.35s}
@keyframes maintMetaIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

/* ═══════════════════════════════════════════════════
   404 PAGE — Clean & Bold
   ═══════════════════════════════════════════════════ */
.error-404-shell{text-align:center;padding:80px 22px 100px;max-width:800px;margin:0 auto}
.error-404-big{font-size:clamp(10rem,22vw,16rem);font-weight:900;line-height:.85;letter-spacing:-.06em;color:var(--rg);user-select:none;margin-bottom:-8px}
.error-404-label{display:inline-block;font-size:.82rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--r);margin-bottom:14px}
.error-404-heading{font-size:clamp(1.8rem,4.5vw,2.8rem);font-weight:800;color:var(--tx);line-height:1.15;letter-spacing:-.03em;margin-bottom:12px}
.error-404-desc{font-size:1rem;color:var(--ts);line-height:1.8;max-width:560px;margin:0 auto 32px;font-weight:300}
.error-404-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.error-404-btn-home.btn{min-width:180px;border-radius:14px;font-weight:700}
.error-404-btn-blog.btn{min-width:180px;border-radius:14px;font-weight:700}

/* Light mode override */
body.light .error-404-big{color:rgba(227,24,55,.08)}

/* ═══════════════════════════════════════════════════
   MAINTENANCE PAGE — Simple & Clean v3
   ═══════════════════════════════════════════════════ */
.maintenance-card--simple{max-width:620px;padding:48px 34px 38px}

/* Hero icon: gear + wrench overlay */
.maint-hero-icon{position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;width:160px;height:160px}
.maint-gear-outer{filter:drop-shadow(0 0 30px rgba(227,24,55,.2))}
.maint-gear-spin{animation:gearSpin 12s linear infinite}
.maint-wrench-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:3.2rem;color:rgba(227,24,55,.7);animation:wrenchPulse 3s ease-in-out infinite}
@keyframes wrenchPulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.06);opacity:1}}

/* Simplify card heading for this mode */
.maintenance-card--simple h1{font-size:clamp(1.6rem,3.5vw,2.4rem);letter-spacing:-.03em;margin-bottom:4px}
.maintenance-card--simple .maintenance-copy{font-size:.98rem;max-width:480px}
.maintenance-card--simple .maintenance-actions{margin-top:24px}
.maintenance-card--simple .maintenance-footnote{margin-top:28px}

@media (max-width:600px){
  .maint-hero-icon{width:120px;height:120px}
  .maint-gear-outer{width:120px;height:120px}
  .maint-wrench-overlay{font-size:2.4rem}
  .maintenance-card--simple{padding:32px 20px 28px}
}

/* ═══════════════════════════════════════════════════
   IN-PAGE MAINTENANCE — Within front layout
   ═══════════════════════════════════════════════════ */
.page-maint-shell{text-align:center;padding:160px 22px 100px;max-width:680px;margin:0 auto}

/* Spinning gear */
.page-maint-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;margin-bottom:18px}
.page-maint-spin{animation:pageMaintSpin 10s linear infinite}
@keyframes pageMaintSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.page-maint-wrench{position:absolute;font-size:2.2rem;color:var(--r);opacity:.7;animation:pageMaintPulse 3s ease-in-out infinite}
@keyframes pageMaintPulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.08);opacity:1}}

/* Text */
.page-maint-label{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--r);margin-bottom:12px}
.page-maint-heading{font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:800;color:var(--tx);line-height:1.2;letter-spacing:-.03em;margin-bottom:10px}
.page-maint-desc{font-size:.95rem;color:var(--ts);line-height:1.8;max-width:480px;margin:0 auto 28px;font-weight:300}
.page-maint-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}

/* ═══════════════════════════════════════════════════
   MAINTENANCE — Interlocking Gears v4
   ═══════════════════════════════════════════════════ */
.maint-gears-stage{display:flex;justify-content:center;margin:0 auto 6px;pointer-events:none}
.maint-gears-svg{width:280px;height:auto;filter:drop-shadow(0 4px 24px rgba(227,24,55,.12))}
.maint-gear-cw{animation:gearCW 20s linear infinite}
.maint-gear-ccw{animation:gearCCW 25s linear infinite}
@keyframes gearCW{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes gearCCW{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
@media(max-width:600px){.maint-gears-svg{width:220px}}

/* ═══════════════════════════════════════════════════
   INTERLOCKING GEARS — Feature Control Maintenance
   ═══════════════════════════════════════════════════ */
.maint-gears-wrap{display:flex;justify-content:center;margin:0 auto 10px}
.maint-gears-svg{filter:drop-shadow(0 4px 30px rgba(227,24,55,.18));max-width:100%}
.maint-gear-lg{animation:gearCW 15s linear infinite}
.maint-gear-sm{animation:gearCCW 10s linear infinite}
@keyframes gearCW{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes gearCCW{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}

/* ═══════════════════════════════════════════════════
   SINGLE ICON — Feature Control Maintenance
   ═══════════════════════════════════════════════════ */
.maint-single-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 24px}
.maint-single-icon i{font-size:14rem;line-height:1;color:var(--r);opacity:.85}
@media(max-width:600px){.maint-single-icon i{font-size:9rem}}

/* ═══════════════════════════════════════════════════
   SETTINGS DASHBOARD — Grouped & Searchable (V67)
   ═══════════════════════════════════════════════════ */
.stg-search-bar{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--border);margin-bottom:24px;transition:border-color .2s}
.stg-search-bar:focus-within{border-color:rgba(227,24,55,.3)}
.stg-search-bar i{color:var(--text-muted);font-size:1rem}
.stg-search-bar input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:.95rem;font-family:inherit}
.stg-search-bar input::placeholder{color:var(--text-muted)}
.stg-group{margin-bottom:32px}
.stg-group-head{display:flex;align-items:center;gap:10px;font-size:.78rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.08em;padding:10px 16px;border-radius:12px;background:linear-gradient(135deg,rgba(227,24,55,.10),rgba(227,24,55,.03));border:1px solid rgba(227,24,55,.12);margin-bottom:14px}
.stg-group-head i{font-size:.82rem;color:var(--red);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(227,24,55,.14)}
body.light .stg-search-bar{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.08)}
body.light .stg-search-bar:focus-within{border-color:rgba(227,24,55,.25)}
body.light .stg-search-bar input{color:#111}
body.light .stg-group-head{background:linear-gradient(135deg,rgba(227,24,55,.06),rgba(227,24,55,.02));border-color:rgba(227,24,55,.10);color:#333}
body.light .stg-group-head i{background:rgba(227,24,55,.08)}