:root{
  --bg:#040914;
  --bg2:#081224;
  --bg3:#0e1b34;
  --card:rgba(10,20,38,.75);
  --card-2:rgba(15,26,48,.80);
  --line:rgba(0,180,255,.16);
  --line-strong:rgba(255,140,0,.26);
  --text:#f0f6ff;
  --muted:#9cb5d9;
  --primary:#00a3ff;
  --primary2:#ff8a00;
  --primary3:#00d2ff;
  --success:#22c55e;
  --warning:#ff9d00;
  --danger:#ef4444;
  --glow-blue:rgba(0,163,255,.38);
  --glow-violet:rgba(255,138,0,.35);
  --glow-cyan:rgba(0,210,255,.22);
  --shadow-sm:0 10px 30px rgba(0,0,0,.26);
  --shadow:0 18px 60px rgba(0,0,0,.45);
  --shadow-lg:0 28px 80px rgba(0,0,0,.52);
  --radius-xl:28px;
  --radius-lg:22px;
  --radius-md:16px;
  --anim-fast:.22s;
  --anim-mid:.35s;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Kantumruy Pro",system-ui,sans-serif;
  color:var(--text);
  min-height:100vh;
  background:
    radial-gradient(circle at 12% 18%, rgba(0,163,255,.18), transparent 0 25%),
    radial-gradient(circle at 86% 14%, rgba(255,138,0,.20), transparent 0 24%),
    radial-gradient(circle at 50% 100%, rgba(0,210,255,.10), transparent 0 28%),
    linear-gradient(180deg,var(--bg),var(--bg2) 45%,var(--bg3));
  position:relative;
  overflow-x:hidden;
}
body::before,
body::after{
  content:"";
  position:fixed;
  inset:auto;
  pointer-events:none;
  z-index:0;
  filter:blur(26px);
  opacity:.7;
}
body::before{
  width:320px;
  height:320px;
  top:78px;
  left:-70px;
  background:radial-gradient(circle, rgba(0,163,255,.24) 0%, rgba(0,163,255,.06) 42%, transparent 72%);
  animation:floatGlow 16s ease-in-out infinite;
}
body::after{
  width:360px;
  height:360px;
  right:-90px;
  top:180px;
  background:radial-gradient(circle, rgba(255,138,0,.22) 0%, rgba(255,138,0,.05) 42%, transparent 72%);
  animation:floatGlow 18s ease-in-out infinite reverse;
}

a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
.hidden{display:none !important}
.container{width:min(1180px,calc(100% - 28px));margin:0 auto;position:relative;z-index:1}
.main-wrap{padding:26px 0 90px;position:relative;z-index:1}
.section{margin-top:28px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}
.section-head h3{margin:0 0 6px;font-size:1.35rem;letter-spacing:.2px}
.section-head p{margin:0;color:var(--muted)}

.glass,
.product-card,
.panel-block,
.form-card,
.mini-card,
.admin-product-card,
.card-row,
.compact-form,
.modal-card,
.stat-card,
.inventory-box,
.inventory-item,
.info-item,
.empty,
.toolbar,
.site-header,
.mobile-menu,
.auth-gate{
  background:linear-gradient(180deg, rgba(17,27,50,.84), rgba(10,18,35,.76));
  border:1px solid var(--line);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 0 1px rgba(255,255,255,.02),
    var(--shadow);
  backdrop-filter:blur(18px);
}

.glass{
  border-radius:var(--radius-xl);
  position:relative;
  overflow:hidden;
}
.glass::before,
.product-card::before,
.panel-block::before,
.form-card::before,
.mini-card::before,
.admin-product-card::before,
.compact-form::before,
.modal-card::before,
.stat-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.24), transparent);
  opacity:.7;
  pointer-events:none;
}
.glass::after,
.product-card::after,
.panel-block::after,
.form-card::after,
.mini-card::after,
.admin-product-card::after,
.compact-form::after,
.stat-card::after{
  content:"";
  position:absolute;
  inset:-40% auto auto -20%;
  width:180px;
  height:180px;
  background:radial-gradient(circle, rgba(91,140,255,.12), transparent 70%);
  pointer-events:none;
}

.site-header{
  position:sticky;
  top:0;
  z-index:15;
  background:rgba(7,13,26,.76);
  border-bottom:1px solid rgba(151,184,255,.10);
  box-shadow:0 14px 38px rgba(0,0,0,.20);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}
.brand{display:flex;align-items:center;gap:14px}
.brand-logo{
  width:52px;
  height:52px;
  border-radius:18px;
  background:linear-gradient(135deg,var(--primary),var(--primary2));
  display:grid;
  place-items:center;
  font-size:1.2rem;
  font-weight:700;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.08),
    0 12px 36px rgba(91,140,255,.36),
    0 0 24px rgba(127,92,255,.20);
  animation:pulseLogo 5s ease-in-out infinite;
}
.brand h1{margin:0;font-size:1.15rem}
.brand p{margin:2px 0 0;color:var(--muted);font-size:.92rem}
.desktop-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.desktop-nav a:not(.btn),
.mobile-menu-inner a{
  position:relative;
  transition:transform var(--anim-fast) ease, background var(--anim-fast) ease, box-shadow var(--anim-fast) ease, color var(--anim-fast) ease;
}
.desktop-nav a:not(.btn){padding:9px 10px;border-radius:12px;color:#d8e4fb}
.desktop-nav a:not(.btn):hover,
.mobile-menu-inner a:hover{
  background:rgba(91,140,255,.10);
  color:#fff;
  transform:translateY(-1px);
  box-shadow:0 0 0 1px rgba(91,140,255,.16), 0 8px 24px rgba(0,0,0,.18);
}
.mobile-menu-btn{display:none}
.mobile-menu{border-top:1px solid rgba(255,255,255,.06);padding-bottom:14px}
.mobile-menu-inner{display:grid;gap:10px;padding-top:14px}

.btn{
  border:none;
  cursor:pointer;
  border-radius:14px;
  padding:12px 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  transition:transform var(--anim-fast) ease, box-shadow var(--anim-fast) ease, filter var(--anim-fast) ease, background var(--anim-fast) ease;
  background:rgba(255,255,255,.08);
  color:#fff;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  position:relative;
  overflow:hidden;
}
.btn::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent 15%, rgba(255,255,255,.18) 48%, transparent 78%);
  transform:translateX(-140%);
  transition:transform .8s ease;
}
.btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.02);
}
.btn:hover::before{transform:translateX(140%)}
.btn:active{transform:translateY(0)}
.btn.small{padding:9px 13px;border-radius:12px}
.btn.primary{
  background:linear-gradient(135deg,var(--primary),var(--primary2));
  box-shadow:0 10px 28px rgba(91,140,255,.24), 0 0 18px rgba(127,92,255,.12);
}
.btn.primary:hover{box-shadow:0 16px 38px rgba(91,140,255,.28), 0 0 28px rgba(127,92,255,.16)}
.btn.success{background:linear-gradient(135deg,#16a34a,#22c55e)}
.btn.warning{background:linear-gradient(135deg,#d97706,#f59e0b)}
.btn.danger{background:linear-gradient(135deg,#dc2626,#ef4444)}
.btn.ghost{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.btn.full{width:100%}

.hero{
  padding:28px;
  display:grid;
  grid-template-columns:1.2fr .85fr;
  gap:20px;
  align-items:center;
  position:relative;
}
.hero::before{
  content:"";
  position:absolute;
  inset:auto -60px -80px auto;
  width:260px;
  height:260px;
  background:radial-gradient(circle, rgba(127,92,255,.16), transparent 68%);
  pointer-events:none;
}
.pill-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.pill{
  font-size:.85rem;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(151,184,255,.14);
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}
.hero h2{
  margin:0 0 12px;
  font-size:2rem;
  line-height:1.15;
  text-shadow:0 0 18px rgba(91,140,255,.10);
}
.hero p{margin:0;color:var(--muted);line-height:1.7}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.hero-right{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.stat-card{
  padding:18px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  transition:transform var(--anim-mid) ease, box-shadow var(--anim-mid) ease, border-color var(--anim-mid) ease;
}
.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--line-strong)}
.stat-card span{display:block;color:var(--muted);font-size:.9rem;margin-bottom:8px}
.stat-card strong{font-size:1.2rem}

.toolbar{padding:14px;display:flex;gap:12px;align-items:center;margin-bottom:16px;border-radius:20px}
.grow{flex:1}.narrow{width:220px}
.input{
  width:100%;
  padding:13px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  outline:none;
  background:rgba(255,255,255,.05);
  color:#fff;
  transition:border-color var(--anim-fast) ease, box-shadow var(--anim-fast) ease, background var(--anim-fast) ease, transform var(--anim-fast) ease;
}
.input::placeholder{color:#8fa5cb}
.input:focus{
  border-color:rgba(91,140,255,.42);
  box-shadow:0 0 0 4px rgba(91,140,255,.12), 0 0 22px rgba(91,140,255,.10);
  background:rgba(255,255,255,.07);
}
.textarea{resize:vertical;min-height:110px}

.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.product-card{
  padding:16px;
  border-radius:24px;
  position:relative;
  overflow:hidden;
  transition:transform var(--anim-mid) ease, box-shadow var(--anim-mid) ease, border-color var(--anim-mid) ease, background var(--anim-mid) ease;
}
.product-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-lg), 0 0 26px rgba(91,140,255,.10);
  border-color:var(--line-strong);
}
.product-cover{
  height:170px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(91,140,255,.34),rgba(127,92,255,.22));
  display:grid;
  place-items:center;
  overflow:hidden;
  margin-bottom:14px;
  border:1px solid rgba(255,255,255,.07);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04), 0 14px 34px rgba(0,0,0,.18);
  position:relative;
}
.product-cover::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.08), transparent 45%, rgba(0,0,0,.10));
  pointer-events:none;
}
.product-cover img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.product-card:hover .product-cover img{transform:scale(1.04)}
.product-cover span{font-size:2rem;font-weight:700;opacity:.86}
.product-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.badge{
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(151,184,255,.12);
  font-size:.82rem;
  color:#dce7ff;
  box-shadow:0 8px 18px rgba(0,0,0,.10);
}
.product-card h4{margin:0 0 8px;font-size:1.1rem}
.product-card p{margin:0 0 14px;color:var(--muted);line-height:1.65;min-height:52px}
.price-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.price-row strong{
  font-size:1.16rem;
  padding:9px 12px;
  border-radius:14px;
  background:linear-gradient(135deg, rgba(91,140,255,.12), rgba(127,92,255,.14));
  border:1px solid rgba(151,184,255,.14);
  box-shadow:0 10px 22px rgba(0,0,0,.12);
}

.wallet-grid,.admin-panel-grid.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.panel-block,.form-card{padding:18px;border-radius:24px;transition:transform var(--anim-mid) ease, box-shadow var(--anim-mid) ease, border-color var(--anim-mid) ease}
.panel-block:hover,.form-card:hover,.mini-card:hover,.admin-product-card:hover,.card-row:hover,.compact-form:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-lg);
  border-color:var(--line-strong);
}
.info-list{display:grid;gap:10px}
.info-item{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05)}
.info-item span{color:var(--muted)}
.divider{height:1px;background:linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);margin:16px 0}
.list{display:grid;gap:12px}
.empty{text-align:center;padding:20px;border-radius:18px;background:rgba(255,255,255,.03);border:1px dashed rgba(151,184,255,.16);color:var(--muted)}
.card-row{padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.row-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.row-top h5{margin:0;font-size:1rem}
.muted{color:var(--muted)}
.small-text{font-size:.9rem}
.status{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;font-size:.82rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.06)}
.status.pending{background:rgba(245,158,11,.16);color:#ffd089}
.status.confirmed,.status.completed,.status.active{background:rgba(34,197,94,.16);color:#8cf0af}
.status.rejected,.status.blocked{background:rgba(239,68,68,.16);color:#ff9c9c}
.copy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.admin-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.tab{
  border:none;
  border-radius:14px;
  padding:11px 14px;
  cursor:pointer;
  background:rgba(255,255,255,.06);
  color:#fff;
  font-weight:600;
  transition:transform var(--anim-fast) ease, box-shadow var(--anim-fast) ease, background var(--anim-fast) ease;
}
.tab:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.16)}
.tab.active{background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 12px 30px rgba(91,140,255,.22)}
.tab-panel.hidden{display:none}
.admin-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.mini-card{padding:18px;border-radius:20px}
.mini-card span{display:block;color:var(--muted);margin-bottom:10px}
.mini-card strong{font-size:1.5rem}
.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.admin-form-grid .full{grid-column:1/-1}
.admin-products{display:grid;gap:14px;margin-top:14px}
.admin-product-card{padding:16px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.admin-product-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}
.inventory-box{margin-top:14px;padding:14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.inventory-list{display:grid;gap:10px;max-height:260px;overflow:auto;padding-right:4px;margin-top:12px}
.inventory-item{padding:12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06)}
.inventory-item .top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.inventory-item .inv-cred{margin-top:8px;line-height:1.55;color:#dce6ff;font-size:.92rem}
.compact-form{padding:14px;margin-bottom:14px}
.user-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}

.modal{
  position:fixed;
  inset:0;
  background:rgba(2,6,16,.72);
  display:grid;
  place-items:center;
  z-index:30;
  padding:16px;
  animation:fadeIn .22s ease;
}
.modal-card{
  position:relative;
  width:min(580px,100%);
  padding:22px;
  border-radius:24px;
  background:linear-gradient(180deg, #0f1930, #0b1427);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--shadow-lg), 0 0 30px rgba(91,140,255,.08);
  animation:popIn .24s ease;
}
.modal-card.large{width:min(920px,100%)}
.modal-card h4{margin:0 0 14px}
.modal-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:none;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;transition:transform var(--anim-fast) ease, background var(--anim-fast) ease}
.modal-close:hover{background:rgba(255,255,255,.12);transform:rotate(90deg)}
.modal-tabs{display:flex;gap:10px;margin-bottom:14px}
.stack{display:grid}.gap12{gap:12px}.gap10{gap:10px}
.scroll-card{max-height:min(88vh,860px);overflow:auto}
.deposit-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.qr-box{padding:16px;border-radius:18px;background:#fff;display:grid;place-items:center;box-shadow:0 18px 38px rgba(0,0,0,.22)}
.qr-box img{max-width:100%;height:auto;border-radius:12px}
.hidden-file{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.file-name{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.08);color:var(--muted)}
.receipt-preview{min-height:140px;border-radius:18px;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.08);display:grid;place-items:center;color:var(--muted);overflow:hidden}
.receipt-preview img{width:100%;height:100%;object-fit:cover}
.buy-summary{padding:14px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);margin-bottom:14px;line-height:1.7}
.switch{display:flex;align-items:center;gap:10px;color:#fff}
.toast{
  position:fixed;
  left:50%;
  bottom:22px;
  transform:translateX(-50%) translateY(20px);
  padding:12px 16px;
  border-radius:14px;
  background:#0e1728;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--shadow-lg), 0 0 24px rgba(91,140,255,.10);
  opacity:0;
  pointer-events:none;
  transition:.25s;
  z-index:50;
}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

.buy-actions{display:grid;grid-template-columns:1fr;gap:10px}
.payment-layout{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:18px;align-items:start}
.dynamic-qr-box{min-height:260px}
.dynamic-qr-box img{width:100%;height:auto;display:block;border-radius:18px;background:#fff;padding:10px}
.payment-title{font-size:1.05rem;font-weight:700}
.small-text{font-size:.85rem}
.deposit-layout.single-column{grid-template-columns:1fr;max-width:560px;margin:0 auto}
.status.cancelled,.status.payment_timeout,.status.payment_failed{background:rgba(239,68,68,.16);color:#fecaca;border:1px solid rgba(248,113,113,.35)}
.status.awaiting_payment,.status.pending{background:rgba(59,130,246,.16);color:#bfdbfe;border:1px solid rgba(96,165,250,.35)}
.deposit-upload-label{font-weight:600;color:#fff}
.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.empty-actions{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:12px}
.empty .btn{margin-top:8px}
.shop-note{margin:0 0 18px;color:rgba(255,255,255,.82);font-size:14px}

.auth-gate{
  display:grid;
  grid-template-columns:1.25fr .85fr;
  gap:18px;
  padding:22px;
  align-items:center;
  position:relative;
  overflow:hidden;
}
.auth-gate::after{
  content:"";
  position:absolute;
  width:240px;
  height:240px;
  right:-60px;
  bottom:-90px;
  background:radial-gradient(circle, rgba(91,140,255,.14), transparent 72%);
  pointer-events:none;
}
.auth-gate h3{margin:8px 0 10px;font-size:1.45rem}
.auth-gate p{margin:0;color:var(--muted);line-height:1.7}
.auth-gate-actions{display:grid;gap:12px}
.protected-section.hidden{display:none !important}
.desktop-nav .hidden{display:none !important}
.mobile-menu .hidden{display:none !important}
.hero-actions .btn,.mobile-menu-inner .btn{min-height:48px}
.mobile-menu-inner a{
  padding:14px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.06);
}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg, rgba(91,140,255,.44), rgba(127,92,255,.36));border-radius:999px;border:2px solid rgba(5,11,22,.4)}
::-webkit-scrollbar-track{background:rgba(255,255,255,.03)}

@keyframes floatGlow{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(18px,16px,0) scale(1.06)}
}
@keyframes pulseLogo{
  0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.08),0 12px 36px rgba(91,140,255,.36),0 0 24px rgba(127,92,255,.20)}
  50%{box-shadow:0 0 0 1px rgba(255,255,255,.10),0 16px 42px rgba(91,140,255,.40),0 0 34px rgba(127,92,255,.24)}
}
@keyframes popIn{
  from{opacity:0;transform:translateY(10px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes fadeIn{
  from{opacity:0}
  to{opacity:1}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
}

@media (max-width:960px){
  .hero,.wallet-grid,.admin-panel-grid.two-col,.deposit-layout{grid-template-columns:1fr}
}
@media (max-width:768px){
  .payment-layout{grid-template-columns:1fr}
}
@media (max-width:760px){
  .desktop-nav{display:none}
  .mobile-menu-btn{display:inline-flex}
  .main-wrap{padding:18px 0 72px}
  .brand-logo{width:48px;height:48px;border-radius:16px}
  .brand h1{font-size:1.05rem}
  .brand p{font-size:.86rem}
  .mobile-menu{background:rgba(7,13,26,.96);backdrop-filter:blur(18px)}
  .mobile-menu-inner{padding-top:12px;padding-bottom:6px}
  .toolbar{flex-direction:column}
  .narrow{width:100%}
  .copy-grid{grid-template-columns:1fr}
  .hero{padding:20px;gap:16px}
  .hero-actions{display:grid;grid-template-columns:1fr}
  .hero-actions .btn{width:100%}
  .section-head{align-items:flex-start}
  .product-grid{grid-template-columns:1fr;gap:14px}
  .product-card p{min-height:0}
  .wallet-grid{gap:14px}
  .auth-gate{grid-template-columns:1fr;padding:18px}
  body::before{width:260px;height:260px;top:90px;left:-90px}
  body::after{width:300px;height:300px;top:240px;right:-120px}
}
@media (max-width:560px){
  .container{width:min(100% - 18px,1180px)}
  .site-header{top:0}
  .header-inner{padding:12px 0;gap:10px}
  .mobile-menu-btn{min-width:48px;min-height:48px;padding:0 14px}
  .pill-row{gap:8px}
  .pill{font-size:.78rem}
  .hero h2{font-size:1.42rem;line-height:1.2}
  .auth-gate h3{font-size:1.25rem}
  .btn{min-height:46px}
  .product-card,.panel-block,.form-card,.modal-card{padding:16px}
  .hero-right{grid-template-columns:1fr}
  .price-row strong{font-size:1.05rem;padding:8px 11px}
}


/* ===== GRAVITYKH PRODUCT ROW + GAMING EFFECT OVERRIDES ===== */
body{
  background:
    radial-gradient(circle at 10% 12%, rgba(91,140,255,.20), transparent 0 26%),
    radial-gradient(circle at 88% 16%, rgba(127,92,255,.24), transparent 0 24%),
    radial-gradient(circle at 52% 82%, rgba(51,209,255,.11), transparent 0 28%),
    linear-gradient(180deg, #040913 0%, #07101f 30%, #08172a 58%, #0a1b34 100%);
}
body::before{
  filter:blur(6px);
  opacity:.96;
  animation:floatOrb 14s ease-in-out infinite;
}
body::after{
  filter:blur(10px);
  opacity:.92;
  animation:floatOrb2 17s ease-in-out infinite;
}
.main-wrap::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, transparent 0%, rgba(255,255,255,.02) 50%, transparent 100%),
    repeating-linear-gradient(90deg, rgba(91,140,255,.05) 0 1px, transparent 1px 74px),
    repeating-linear-gradient(180deg, rgba(127,92,255,.04) 0 1px, transparent 1px 74px);
  mask-image:radial-gradient(circle at center, rgba(0,0,0,.98), rgba(0,0,0,.65) 60%, transparent 100%);
  opacity:.32;
  z-index:0;
}
.main-wrap::after{
  content:"";
  position:fixed;
  inset:-20% -10%;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 24%, rgba(255,255,255,.05), transparent 0 18%),
    radial-gradient(circle at 78% 18%, rgba(91,140,255,.08), transparent 0 20%),
    radial-gradient(circle at 50% 78%, rgba(127,92,255,.09), transparent 0 22%),
    linear-gradient(120deg, transparent 20%, rgba(255,255,255,.035) 48%, transparent 76%);
  mix-blend-mode:screen;
  opacity:.42;
  animation:auroraSweep 18s ease-in-out infinite;
  z-index:0;
}
.site-header::before{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(91,140,255,.55), rgba(127,92,255,.55), transparent);
  opacity:.75;
  pointer-events:none;
}
@keyframes floatOrb{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(28px,18px,0) scale(1.08)}
}
@keyframes floatOrb2{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(-24px,14px,0) scale(1.06)}
}
@keyframes auroraSweep{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(2%, -1.5%, 0) scale(1.03)}
}
.product-grid{
  grid-template-columns:1fr !important;
  gap:14px !important;
}
.product-card{
  display:grid !important;
  grid-template-columns:92px minmax(0,1fr) 108px;
  align-items:center;
  gap:14px;
  padding:14px !important;
}
.product-cover{
  width:92px;
  height:92px;
  min-width:92px;
  margin-bottom:0 !important;
  border-radius:20px;
}
.product-content{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.product-meta{
  gap:8px;
  margin-bottom:7px;
}
.badge{
  padding:5px 9px;
  font-size:.78rem;
}
.product-card h4{
  margin:0 0 6px;
  font-size:1rem;
  line-height:1.3;
}
.product-card p{
  margin:0;
  min-height:0 !important;
  font-size:.88rem;
  line-height:1.5;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.price-row{
  margin:0 !important;
  min-width:108px;
  display:flex !important;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  gap:8px;
}
.price-box{width:100%;}
.price-row strong{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  font-size:1rem;
  padding:8px 8px;
  border-radius:12px;
}
.buy-btn.btn,
.price-row .btn{
  width:100%;
  min-height:40px;
  border-radius:12px;
  font-size:.88rem;
  padding:0 10px;
  box-shadow:0 10px 22px rgba(0,0,0,.18), 0 0 16px rgba(91,140,255,.08);
}
.product-card:hover{
  transform:translateY(-4px) scale(1.003);
}
@media (max-width:760px){
  .product-card{
    grid-template-columns:80px minmax(0,1fr) 96px;
    gap:12px;
    padding:12px !important;
    border-radius:22px;
  }
  .product-cover{
    width:80px;
    height:80px;
    min-width:80px;
    border-radius:18px;
  }
  .product-meta{margin-bottom:6px;gap:6px;}
  .badge{padding:4px 8px;font-size:.72rem;}
  .product-card h4{font-size:.95rem;margin:0 0 4px;}
  .product-card p{font-size:.8rem;line-height:1.42;-webkit-line-clamp:2;}
  .price-row{min-width:96px;gap:7px;}
  .price-row strong{font-size:.92rem;padding:7px 7px;border-radius:11px;}
  .buy-btn.btn,
  .price-row .btn{min-height:36px;font-size:.8rem;padding:0 8px;border-radius:11px;}
}
@media (max-width:420px){
  .product-card{
    grid-template-columns:72px minmax(0,1fr) 88px;
    gap:10px;
  }
  .product-cover{
    width:72px;
    height:72px;
    min-width:72px;
    border-radius:16px;
  }
  .product-card h4{font-size:.9rem;}
  .product-card p{font-size:.76rem;}
  .price-row{min-width:88px;}
  .price-row strong{font-size:.86rem;padding:7px 6px;}
  .buy-btn.btn,
  .price-row .btn{min-height:34px;font-size:.76rem;}
}


.turnstile-box{min-height:65px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:16px;}
.turnstile-box:empty{display:none;}


.desktop-nav a.nav-active,
.mobile-menu-inner a.nav-active{
  background:rgba(91,140,255,.16);
  color:#fff;
  box-shadow:0 0 0 1px rgba(91,140,255,.22), 0 10px 24px rgba(0,0,0,.18);
}


/* Deposit auto payment visual upgrade - UI only */
.deposit-payment-panel{
  position:relative;
  padding:16px;
  border-radius:22px;
  background:
    radial-gradient(circle at 18% 0%, rgba(91,140,255,.18), transparent 35%),
    radial-gradient(circle at 88% 18%, rgba(127,92,255,.18), transparent 38%),
    linear-gradient(180deg, rgba(18,30,58,.88), rgba(8,15,30,.84));
  border:1px solid rgba(151,184,255,.18);
  box-shadow:0 18px 50px rgba(0,0,0,.30), 0 0 28px rgba(91,140,255,.10);
  overflow:hidden;
}
.deposit-payment-panel::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
}
.deposit-payment-panel::after{
  content:"";
  position:absolute;
  width:160px;
  height:160px;
  right:-70px;
  bottom:-90px;
  background:radial-gradient(circle, rgba(51,209,255,.18), transparent 70%);
  pointer-events:none;
}
.deposit-payment-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:14px;
}
.deposit-status-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 11px;
  border-radius:999px;
  font-size:.84rem;
  font-weight:700;
  border:1px solid rgba(255,255,255,.10);
}
.deposit-status-badge::before{content:"";width:8px;height:8px;border-radius:999px;background:currentColor;box-shadow:0 0 12px currentColor;}
.deposit-status-badge.waiting{color:#fde68a;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.28)}
.deposit-status-badge.success{color:#86efac;background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.26)}
.deposit-status-badge.expired{color:#fecaca;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.28)}
.deposit-secure-note{
  color:var(--muted);
  font-size:.78rem;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
}
.deposit-timer-wrap{
  display:grid;
  place-items:center;
  gap:4px;
  padding:14px 12px;
  border-radius:18px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(151,184,255,.14);
}
.deposit-timer-label{color:var(--muted);font-size:.86rem;}
.deposit-timer-value{
  font-size:2.25rem;
  line-height:1;
  letter-spacing:1px;
  color:#fff;
  text-shadow:0 0 18px rgba(91,140,255,.45), 0 0 34px rgba(127,92,255,.24);
}
.deposit-payment-details{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:12px;
}
.deposit-payment-details div{
  padding:11px 12px;
  border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
}
.deposit-payment-details span{display:block;color:var(--muted);font-size:.78rem;margin-bottom:4px;}
.deposit-payment-details strong{font-size:.98rem;color:#eef4ff;}
.deposit-payment-panel.is-warning .deposit-timer-value{color:#fde68a;text-shadow:0 0 18px rgba(245,158,11,.45)}
.deposit-payment-panel.is-expired .deposit-timer-value{color:#fecaca;text-shadow:0 0 18px rgba(239,68,68,.45)}
.deposit-payment-panel.is-success .deposit-timer-value{color:#bbf7d0;text-shadow:0 0 18px rgba(34,197,94,.45)}
.qr-box.qr-box-active{
  border-color:rgba(91,140,255,.30);
  box-shadow:0 20px 46px rgba(0,0,0,.34), 0 0 30px rgba(91,140,255,.18);
  animation:qrSoftFloat 4s ease-in-out infinite;
}
.qr-box.qr-box-expired{border-color:rgba(239,68,68,.34);box-shadow:0 20px 46px rgba(0,0,0,.34),0 0 28px rgba(239,68,68,.16)}
.qr-box.qr-box-success{border-color:rgba(34,197,94,.34);box-shadow:0 20px 46px rgba(0,0,0,.34),0 0 28px rgba(34,197,94,.16)}
@keyframes qrSoftFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media (max-width:640px){
  .deposit-payment-panel{padding:14px;border-radius:20px}
  .deposit-timer-value{font-size:2rem}
  .deposit-payment-details{grid-template-columns:1fr}
}


/* ===== Mobile KHQR Deposit UI final: designed to match the reference image ===== */
.gravity-deposit-modal{
  padding:8px;
  align-items:flex-start;
  overflow:auto;
  background:rgba(0,0,0,.72);
}
.mobile-khqr-sheet{
  width:min(560px,100%);
  margin:18px auto;
  padding:20px;
  border-radius:26px;
  background:
    radial-gradient(circle at 14% 14%, rgba(125,68,255,.18), transparent 34%),
    radial-gradient(circle at 92% 82%, rgba(39,163,255,.10), transparent 30%),
    linear-gradient(180deg,rgba(9,16,33,.98),rgba(4,10,21,.98));
  border:1px solid rgba(156,134,255,.38);
  box-shadow:0 28px 80px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(92,58,255,.16);
  max-height:none;
  overflow:visible;
}
.mobile-khqr-sheet .khqr-x{
  top:20px;
  right:20px;
  width:42px;
  height:42px;
  z-index:8;
  background:transparent;
  color:#c9bdff;
  font-size:28px;
  box-shadow:none;
  border:none;
}
.mobile-khqr-sheet .khqr-x:hover{background:rgba(139,92,246,.12);transform:none}
.khqr-title-row{display:flex;gap:16px;align-items:flex-start;padding:2px 4px 0 4px;margin-bottom:22px;padding-right:48px}
.khqr-bank-icon{flex:0 0 64px;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(139,92,246,.30),rgba(54,28,119,.28));border:1px solid rgba(139,92,246,.16);color:#9b5cff;font-size:34px;box-shadow:0 0 34px rgba(139,92,246,.18)}
.khqr-title-row h4{margin:4px 0 6px;font-size:1.45rem;line-height:1.25;font-weight:800;color:#fff;text-shadow:0 0 16px rgba(139,92,246,.18)}
.khqr-title-row p{margin:0;color:#aab5d6;line-height:1.65;font-size:1rem}
.khqr-line{height:1px;background:linear-gradient(90deg,transparent,rgba(151,184,255,.18),transparent);margin:4px 0 22px}
.khqr-amount-label{display:block;color:#dbe5ff;font-weight:700;margin:0 0 10px;font-size:1.05rem}
.khqr-amount-box{height:62px;display:flex;align-items:center;gap:10px;border-radius:16px;border:1px solid rgba(151,184,255,.22);background:rgba(3,10,24,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);padding:0 10px 0 16px;margin-bottom:22px}
.khqr-amount-box input{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;height:100%;font-size:1.18rem;color:#fff;outline:none}.khqr-amount-box span{padding:12px 15px;border-radius:12px;background:rgba(255,255,255,.07);font-weight:800;color:#fff}.khqr-slip-btn,.khqr-slip-name,.khqr-receipt-help{display:none!important}.khqr-main-btn{height:64px;border-radius:17px;font-size:1.15rem;font-weight:800;letter-spacing:.1px;background:linear-gradient(135deg,#7c3cff,#4b18c9)!important;box-shadow:0 18px 38px rgba(111,54,255,.30),0 0 34px rgba(111,54,255,.18)!important;margin-bottom:24px}.khqr-grid-icon{font-size:1.4em;line-height:1}.khqr-info-box{border-radius:18px;border:1px solid rgba(151,184,255,.14);background:rgba(6,18,37,.68);padding:18px 20px;margin-bottom:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.khqr-info-box h5{margin:0 0 12px;color:#a65cff;font-size:1.05rem}.khqr-info-box ul{margin:0;padding-left:22px;color:#aebadb;line-height:1.95}.khqr-support-card{min-height:62px;display:grid;grid-template-columns:auto auto 1fr auto;gap:12px;align-items:center;border-radius:16px;border:1px solid rgba(151,184,255,.14);background:rgba(6,16,34,.74);padding:12px 16px;margin-bottom:70px;color:#c7d2ef}.khqr-support-card .headphone{font-size:26px;color:#a65cff}.khqr-support-card b{color:#a65cff;font-weight:800;text-align:right}.khqr-support-card i{font-size:32px;color:#a65cff;font-style:normal}.khqr-safe-bottom{border-radius:16px;border:1px solid rgba(151,184,255,.11);background:rgba(4,13,29,.60);color:#b9c6e5;text-align:center;padding:16px;margin-top:auto}.khqr-safe-bottom span{color:#9b5cff;font-size:24px;vertical-align:middle;margin-right:8px}.khqr-active-body{display:none}.mobile-khqr-sheet.has-qr .khqr-create-body{display:none}.mobile-khqr-sheet.has-qr .khqr-active-body{display:block}.mobile-khqr-sheet.has-qr{padding:20px 18px 22px}.active-title{margin-bottom:16px}.active-title .khqr-bank-icon{width:56px;height:56px;flex-basis:56px;font-size:30px}.active-title h4{font-size:1.3rem}.active-title p{font-size:.95rem}.khqr-countdown-card{display:grid!important;place-items:center;text-align:center;border-radius:18px;border:1px solid rgba(151,184,255,.18);background:linear-gradient(180deg,rgba(22,32,59,.70),rgba(8,15,32,.75));padding:18px 12px;margin-bottom:14px}.khqr-count-label{color:#b4c0dd;font-weight:700}.deposit-timer-value{font-size:3.15rem;line-height:1.05;letter-spacing:1px;color:#8f55ff;text-shadow:0 0 24px rgba(143,85,255,.38);margin:4px 0}.khqr-pill-mini{border-radius:999px;background:rgba(255,255,255,.09);color:#e5ecff;padding:5px 13px;font-weight:700}.khqr-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.khqr-status-box{border:1px solid rgba(151,184,255,.16);background:rgba(7,16,34,.82);border-radius:16px;min-height:92px;padding:15px;display:grid;align-content:center;grid-template-columns:auto 1fr;column-gap:10px}.khqr-status-box .status-ico{grid-row:1/3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#9b5cff;border:1px solid rgba(155,92,255,.45);font-weight:900}.khqr-status-box small{color:#aab6d5;font-size:.95rem}.khqr-status-box strong{font-size:1.07rem;color:#fff;margin-top:3px}.khqr-status-box.status-waiting strong{color:#ffd84d}.khqr-card-shell{border-radius:18px;overflow:hidden;background:#fff;margin:0 8px 14px;box-shadow:0 18px 44px rgba(0,0,0,.35),0 0 28px rgba(139,92,246,.22)}.khqr-card-head{height:48px;display:grid;place-items:center;background:linear-gradient(135deg,#7a36ff,#4d18c7);font-weight:900;font-size:1.55rem;color:#fff}.khqr-card-white{background:#fff;color:#101828;padding:14px 22px 16px;text-align:left}.khqr-card-white>b{font-size:1.3rem;color:#111;display:block}.khqr-card-line{height:1px;background:#d9deea;margin:10px 0 12px}.khqr-card-white img{display:block;width:min(310px,92%);height:auto;margin:0 auto 8px;border-radius:0}.khqr-card-white small{display:block;text-align:center;color:#424b5f;font-weight:700}.khqr-bank-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;align-items:center}.khqr-bank-row span{height:34px;border-radius:8px;display:grid;place-items:center;font-size:.72rem;font-weight:900;color:#fff;background:#0c6b9c}.khqr-bank-row span:nth-child(2){background:#9bc51d}.khqr-bank-row span:nth-child(3){background:#0d1d3c}.khqr-bank-row span:nth-child(4){background:#d53345}.khqr-secure-card{display:flex;gap:14px;align-items:center;border-radius:16px;border:1px solid rgba(151,184,255,.14);background:rgba(7,16,34,.78);padding:14px 16px;margin-bottom:14px}.khqr-secure-card>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(139,92,246,.13);color:#9b5cff;font-size:25px}.khqr-secure-card b{display:block;color:#b262ff;font-size:1.05rem}.khqr-secure-card p{margin:3px 0 0;color:#aebadb;line-height:1.55}.khqr-refresh-btn{height:52px;border-radius:14px;background:rgba(255,255,255,.04)!important;border:1px solid rgba(151,184,255,.16)!important;font-weight:800}.khqr-expire-note{text-align:center;color:#aab6d5;margin-top:12px}.khqr-expire-note b{color:#a65cff}@media (max-width: 620px){.gravity-deposit-modal{padding:0 8px 14px;display:block}.mobile-khqr-sheet{margin:10px auto 0;border-radius:24px;padding:18px 16px;width:100%;max-width:430px}.khqr-title-row{gap:14px;padding-right:46px}.khqr-bank-icon{width:58px;height:58px;flex-basis:58px}.khqr-title-row h4{font-size:1.28rem}.khqr-title-row p{font-size:.96rem}.khqr-support-card{margin-bottom:60px;grid-template-columns:auto 1fr auto}.khqr-support-card b{grid-column:2/3;text-align:left}.khqr-support-card i{grid-row:1/3;grid-column:3}.deposit-timer-value{font-size:3rem}.khqr-card-shell{margin-left:0;margin-right:0}.khqr-card-white{padding-left:18px;padding-right:18px}.khqr-card-white img{width:92%}.khqr-status-grid{gap:10px}.khqr-status-box{padding:13px;min-height:88px}.khqr-status-box strong{font-size:1rem}}@media (max-width: 380px){.mobile-khqr-sheet{padding:16px 14px}.khqr-title-row h4{font-size:1.15rem}.deposit-timer-value{font-size:2.55rem}.khqr-status-box{grid-template-columns:1fr}.khqr-status-box .status-ico{display:none}.khqr-card-white img{width:100%}}

/* ===== Safety fix: orphan old deposit form must never show outside modal ===== */
body > #depositAmount,
body > #depositReceipt,
body > #depositReceiptButton,
body > #depositReceiptName,
body > #submitDepositBtn{
  display:none!important;
}
.gravity-deposit-modal.hidden{display:none!important;}
.gravity-deposit-modal:not(.hidden){display:grid!important;}
#depositModal .khqr-x{z-index:5;pointer-events:auto;touch-action:manipulation;}


/* ===== RONG2 STORE final fixes: desktop 2-column + compact product cards ===== */
@media (min-width: 761px){
  .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px !important;
  }
  .product-card{
    grid-template-columns:96px minmax(0,1fr) 112px !important;
    min-height:124px;
  }
  .product-cover{
    width:96px !important;
    height:96px !important;
    min-width:96px !important;
  }
}
@media (min-width: 1180px){
  .product-grid{gap:18px !important;}
}


/* ===== KHQR popup v2: reference-style centered QR after generate ===== */
.amount-presets{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:-4px 0 20px;
}
.preset-btn{
  min-height:70px;
  border-radius:17px;
  border:1px solid rgba(139,92,246,.30);
  background:linear-gradient(180deg,rgba(26,34,67,.76),rgba(14,20,45,.82));
  color:#fff;
  cursor:pointer;
  display:grid;
  place-items:center;
  gap:3px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 24px rgba(0,0,0,.18);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.preset-btn b{font-size:1.45rem;line-height:1;font-weight:900;}
.preset-btn small{font-size:.78rem;color:#b9c6e7;font-weight:700;}
.preset-btn:hover{transform:translateY(-2px);border-color:rgba(162,111,255,.80);box-shadow:0 14px 34px rgba(0,0,0,.24),0 0 22px rgba(139,92,246,.16)}
.preset-btn.active{background:linear-gradient(135deg,#8b5cff,#4b18d9);border-color:rgba(211,197,255,.88);box-shadow:0 16px 38px rgba(111,54,255,.30),0 0 30px rgba(139,92,246,.30)}

.mobile-khqr-sheet.has-qr{
  width:min(560px,calc(100% - 16px));
  padding:0!important;
  overflow:hidden;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(13,24,46,.98),rgba(8,14,31,.98));
  border:1px solid rgba(105,125,190,.45);
  box-shadow:0 26px 85px rgba(0,0,0,.66),0 0 0 1px rgba(91,140,255,.10),0 0 44px rgba(91,140,255,.10);
}
.mobile-khqr-sheet.has-qr .khqr-x{display:none!important;}
.khqr-scan-header{
  min-height:118px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:28px 36px;
  background:linear-gradient(135deg,rgba(13,29,53,.98),rgba(8,35,43,.92));
  border-bottom:1px solid rgba(116,137,203,.35);
}
.khqr-scan-title{display:flex;align-items:center;gap:18px;min-width:0;}
.khqr-scan-icon{font-size:2.35rem;font-weight:900;color:#fff;line-height:1;text-shadow:0 0 22px rgba(91,140,255,.25)}
.khqr-scan-title h4{margin:0;color:#fff;font-size:2rem;font-weight:900;line-height:1.1;}
.khqr-scan-title p{margin:5px 0 0;color:#aebcda;font-weight:700;}
.khqr-popup-close{
  width:54px;height:54px;border:0;border-radius:16px;background:transparent;color:#fff;font-size:3rem;line-height:1;cursor:pointer;
  display:grid;place-items:center;transition:.18s ease;
}
.khqr-popup-close:hover{background:rgba(255,255,255,.08);}
.khqr-scan-area{
  padding:20px 18px 22px;
  background:
    linear-gradient(120deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(58deg,rgba(255,255,255,.035) 1px,transparent 1px),
    radial-gradient(circle at 20% 15%,rgba(91,140,255,.11),transparent 38%),
    rgba(12,20,39,.96);
  background-size:180px 180px,210px 210px,auto,auto;
  border-bottom:1px solid rgba(116,137,203,.28);
}
.mobile-khqr-sheet.has-qr .khqr-countdown-card{
  width:max-content;
  margin:0 auto 18px;
  display:flex!important;
  grid-template-columns:none!important;
  place-items:unset!important;
  align-items:center;
  gap:14px;
  padding:8px 14px;
  min-height:54px;
  border:0;
  background:transparent;
  box-shadow:none;
}
.timer-ring{width:43px;height:43px;border-radius:50%;display:inline-block;background:conic-gradient(#28d7ff 0 72deg,rgba(255,255,255,.88) 72deg 360deg);position:relative;box-shadow:0 0 18px rgba(40,215,255,.18)}
.timer-ring::after{content:"";position:absolute;inset:8px;border-radius:50%;background:#111c33;}
.mobile-khqr-sheet.has-qr .khqr-count-label{display:block;color:#aebcda;font-size:.84rem;line-height:1;font-weight:800;margin-bottom:3px;}
.mobile-khqr-sheet.has-qr .deposit-timer-value{display:block;margin:0;color:#05070d;font-size:2rem;line-height:1;font-weight:900;text-shadow:none;letter-spacing:.3px;filter:drop-shadow(0 0 10px rgba(255,255,255,.12));}
.khqr-card-shell{
  width:min(370px,88%);
  margin:0 auto!important;
  border-radius:26px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 26px 55px rgba(0,0,0,.42),0 0 28px rgba(33,177,255,.14);
}
.khqr-card-head{
  height:58px;
  background:#1189bf!important;
  color:#fff;
  font-size:1.5rem;
  letter-spacing:.5px;
  display:grid;
  place-items:center;
  font-weight:900;
}
.khqr-card-white{padding:24px 26px 26px!important;background:#fff;color:#111827;text-align:left;}
.khqr-merchant-name{display:block;font-size:1.15rem!important;color:#111!important;line-height:1.2;margin-bottom:4px;}
.khqr-card-amount{display:block;font-size:2rem!important;color:#111!important;line-height:1.1;margin-bottom:20px;}
.khqr-card-line{height:1px;background:#d9dde7;margin:0 -26px 22px!important;}
.khqr-image-wrap{position:relative;display:grid;place-items:center;margin:0 auto 12px;width:100%;}
.khqr-card-white img{width:min(290px,100%)!important;max-width:100%;display:block;margin:0 auto!important;border-radius:0!important;padding:0!important;background:#fff;}
.khqr-dollar-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#050505;color:#fff;border:5px solid #fff;font-size:1.6rem;font-weight:900;box-shadow:0 4px 16px rgba(0,0,0,.24)}
.khqr-card-white small{display:block;text-align:center;color:#5a6270;font-weight:800;margin-top:2px;}
.mobile-khqr-sheet.has-qr .khqr-status-grid{padding:16px 18px 0;margin:0;}
.mobile-khqr-sheet.has-qr .khqr-secure-card{margin:16px 18px 12px;}
.mobile-khqr-sheet.has-qr .khqr-refresh-btn{margin:0 18px 10px;width:calc(100% - 36px);}
.khqr-close-bottom{height:68px;margin:8px 18px 18px;width:calc(100% - 36px);border-radius:16px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.18)!important;font-size:1.28rem;font-weight:800;color:#fff!important;}
.mobile-khqr-sheet.has-qr .khqr-expire-note{padding:0 18px 18px;margin-top:-8px;}

@media (max-width:620px){
  .amount-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px;}
  .preset-btn{min-height:66px;}
  .mobile-khqr-sheet.has-qr{width:calc(100% - 16px);margin:8px auto 14px;border-radius:24px;}
  .khqr-scan-header{min-height:104px;padding:24px 26px;}
  .khqr-scan-title{gap:14px;}
  .khqr-scan-icon{font-size:2rem;}
  .khqr-scan-title h4{font-size:1.62rem;}
  .khqr-scan-title p{font-size:.9rem;}
  .khqr-popup-close{width:44px;height:44px;font-size:2.5rem;}
  .khqr-scan-area{padding:18px 12px 18px;}
  .khqr-card-shell{width:min(350px,86%);border-radius:22px;}
  .khqr-card-head{height:50px;font-size:1.32rem;}
  .khqr-card-white{padding:20px 20px 22px!important;}
  .khqr-card-line{margin-left:-20px!important;margin-right:-20px!important;}
  .khqr-card-amount{font-size:1.8rem!important;}
  .khqr-card-white img{width:min(260px,100%)!important;}
  .khqr-dollar-badge{width:48px;height:48px;font-size:1.35rem;}
  .mobile-khqr-sheet.has-qr .deposit-timer-value{font-size:1.75rem;}
}
@media (max-width:380px){
  .khqr-scan-header{padding:20px 20px;}
  .khqr-scan-title h4{font-size:1.35rem;}
  .khqr-card-shell{width:92%;}
  .khqr-card-white img{width:100%!important;}
}

/* Small compact close button for KHQR popup */
.khqr-close-bottom{
  width: 152px !important;
  max-width: 48% !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 14px auto 16px !important;
  border-radius: 16px !important;
  padding: 0 18px !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}
@media (max-width: 620px){
  .khqr-close-bottom{
    width: 136px !important;
    max-width: 46% !important;
    height: 44px !important;
    min-height: 44px !important;
    font-size: .96rem !important;
    margin: 12px auto 14px !important;
    border-radius: 15px !important;
  }
}

/* Spinning countdown ring for KHQR payment popup */
.timer-ring,
.deposit-timer-icon,
.countdown-icon,
.timer-circle{
  animation: gravitySpinTimer 1.15s linear infinite !important;
  transform-origin: center center !important;
  will-change: transform;
  filter: drop-shadow(0 0 10px rgba(40,215,255,.35));
}

@keyframes gravitySpinTimer{
  from{ transform: rotate(0deg); }
  to{ transform: rotate(360deg); }
}

/* Compact mobile KHQR popup: shorter height for iPhone/Telegram browser */
.mobile-khqr-sheet.has-qr{
  max-height: calc(100vh - 18px) !important;
  overflow-y: auto !important;
}

.mobile-khqr-sheet.has-qr .khqr-scan-area{
  padding-top: 10px !important;
  padding-bottom: 12px !important;
}

.mobile-khqr-sheet.has-qr .khqr-countdown-card{
  min-height: 42px !important;
  margin-bottom: 10px !important;
  padding: 4px 10px !important;
  gap: 10px !important;
}

.mobile-khqr-sheet.has-qr .timer-ring{
  width: 34px !important;
  height: 34px !important;
}

.mobile-khqr-sheet.has-qr .timer-ring::after{
  inset: 7px !important;
}

.mobile-khqr-sheet.has-qr .deposit-timer-value{
  font-size: 1.55rem !important;
}

.mobile-khqr-sheet.has-qr .khqr-card-shell{
  width: min(320px, 82%) !important;
  border-radius: 20px !important;
}

.mobile-khqr-sheet.has-qr .khqr-card-head{
  height: 44px !important;
  font-size: 1.18rem !important;
}

.mobile-khqr-sheet.has-qr .khqr-card-white{
  padding: 16px 18px 18px !important;
}

.mobile-khqr-sheet.has-qr .khqr-merchant-name{
  font-size: .98rem !important;
  margin-bottom: 2px !important;
}

.mobile-khqr-sheet.has-qr .khqr-card-amount{
  font-size: 1.55rem !important;
  margin-bottom: 12px !important;
}

.mobile-khqr-sheet.has-qr .khqr-card-line{
  margin: 0 -18px 14px !important;
}

.mobile-khqr-sheet.has-qr .khqr-card-white img{
  width: min(230px, 100%) !important;
}

.mobile-khqr-sheet.has-qr .khqr-dollar-badge{
  width: 42px !important;
  height: 42px !important;
  border-width: 4px !important;
  font-size: 1.15rem !important;
}

.mobile-khqr-sheet.has-qr .khqr-card-white small{
  font-size: .82rem !important;
  margin-top: 0 !important;
}

.mobile-khqr-sheet.has-qr .khqr-status-grid{
  padding: 12px 14px 0 !important;
  gap: 10px !important;
}

.mobile-khqr-sheet.has-qr .khqr-status-card,
.mobile-khqr-sheet.has-qr .khqr-secure-card{
  min-height: auto !important;
  padding: 12px !important;
  border-radius: 16px !important;
}

.mobile-khqr-sheet.has-qr .khqr-status-card strong{
  font-size: 1rem !important;
}

.mobile-khqr-sheet.has-qr .khqr-status-card span,
.mobile-khqr-sheet.has-qr .khqr-secure-card p{
  font-size: .78rem !important;
  line-height: 1.25 !important;
}

.mobile-khqr-sheet.has-qr .khqr-secure-card{
  margin: 12px 14px 10px !important;
}

.mobile-khqr-sheet.has-qr .khqr-refresh-btn{
  height: 46px !important;
  margin: 0 14px 8px !important;
  width: calc(100% - 28px) !important;
  border-radius: 15px !important;
  font-size: .92rem !important;
}

.mobile-khqr-sheet.has-qr .khqr-close-bottom{
  width: 120px !important;
  max-width: 42% !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 8px auto 10px !important;
  font-size: .9rem !important;
}

.mobile-khqr-sheet.has-qr .khqr-expire-note{
  padding: 0 14px 12px !important;
  margin-top: 0 !important;
  font-size: .82rem !important;
}

@media (max-width: 380px){
  .mobile-khqr-sheet.has-qr .khqr-card-shell{
    width: min(292px, 84%) !important;
  }
  .mobile-khqr-sheet.has-qr .khqr-card-white img{
    width: min(208px, 100%) !important;
  }
  .mobile-khqr-sheet.has-qr .khqr-status-grid{
    grid-template-columns: 1fr 1fr !important;
  }
}


/* ===== Deposit history compact + hide slip/photos button (2026-05-09) ===== */
#depositList{
  gap:10px;
}

#depositList .card-row{
  padding:12px 14px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.026));
}

#depositList .row-top{
  gap:8px;
  align-items:flex-start;
}

#depositList h5{
  font-size:1rem;
  line-height:1.25;
  margin:0 0 4px;
}

#depositList .muted.small-text{
  font-size:.82rem;
  line-height:1.45;
}

#depositList .status{
  padding:5px 10px;
  font-size:.78rem;
  line-height:1.15;
}

#depositList .user-actions{
  margin-top:8px;
  gap:8px;
}

#depositList .user-actions:empty{
  display:none;
}

#depositList .btn[href*="receipts"],
#depositList a[href*="/api/receipts/"]{
  display:none!important;
}

@media (max-width:768px){
  #depositList{
    gap:8px;
  }
  #depositList .card-row{
    padding:11px 12px;
    border-radius:16px;
  }
  #depositList h5{
    font-size:.96rem;
  }
  #depositList .muted.small-text{
    font-size:.78rem;
    line-height:1.38;
  }
  #depositList .status{
    padding:4px 9px;
    font-size:.74rem;
  }
}


/* ===== RONG2 STORE Deposit Easy UI v3: clean, compact, user friendly ===== */
.gravity-deposit-modal:not(.hidden){
  display:grid!important;
  place-items:center!important;
  padding:14px!important;
  background:rgba(1,5,15,.76)!important;
}

.mobile-khqr-sheet:not(.has-qr){
  width:min(480px,100%)!important;
  max-height:calc(100vh - 28px)!important;
  overflow-y:auto!important;
  margin:0 auto!important;
  padding:18px!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 10% 8%, rgba(139,92,246,.23), transparent 30%),
    radial-gradient(circle at 94% 78%, rgba(51,209,255,.10), transparent 34%),
    linear-gradient(180deg,rgba(12,18,39,.98),rgba(5,12,28,.98))!important;
  border:1px solid rgba(130,104,255,.35)!important;
  box-shadow:0 24px 78px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.05)!important;
}

.mobile-khqr-sheet:not(.has-qr) .khqr-x{
  top:16px!important;
  right:16px!important;
  width:38px!important;
  height:38px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.055)!important;
  color:#d8d0ff!important;
  font-size:23px!important;
  line-height:1!important;
}

.mobile-khqr-sheet:not(.has-qr) .khqr-title-row{
  display:grid!important;
  grid-template-columns:54px 1fr!important;
  gap:12px!important;
  align-items:center!important;
  padding:0 44px 0 0!important;
  margin-bottom:14px!important;
}

.mobile-khqr-sheet:not(.has-qr) .khqr-bank-icon{
  width:54px!important;
  height:54px!important;
  flex-basis:54px!important;
  font-size:28px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#745cff,#8b5cff)!important;
  color:#fff!important;
  box-shadow:0 12px 32px rgba(139,92,246,.28)!important;
}

.mobile-khqr-sheet:not(.has-qr) .khqr-title-row h4{
  margin:0 0 3px!important;
  font-size:1.18rem!important;
  line-height:1.2!important;
  letter-spacing:.1px!important;
}

.mobile-khqr-sheet:not(.has-qr) .khqr-title-row p{
  margin:0!important;
  font-size:.82rem!important;
  line-height:1.45!important;
  color:#aeb9d7!important;
}

.mobile-khqr-sheet:not(.has-qr) .khqr-line{
  margin:12px -18px 16px!important;
  opacity:.75!important;
}

.mobile-khqr-sheet:not(.has-qr) .khqr-amount-label{
  margin:0 0 8px!important;
  font-size:.94rem!important;
  color:#edf3ff!important;
}

.mobile-khqr-sheet:not(.has-qr) .khqr-amount-box{
  height:54px!important;
  margin-bottom:14px!important;
  border-radius:17px!important;
  padding:0 8px 0 14px!important;
  background:rgba(2,9,22,.72)!important;
  border:1px solid rgba(151,184,255,.19)!important;
}

.mobile-khqr-sheet:not(.has-qr) .khqr-amount-box input{
  font-size:1.08rem!important;
}

.mobile-khqr-sheet:not(.has-qr) .khqr-amount-box span{
  padding:9px 12px!important;
  border-radius:12px!important;
  font-size:.86rem!important;
}

.mobile-khqr-sheet:not(.has-qr) .amount-presets{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0 0 14px!important;
}

.mobile-khqr-sheet:not(.has-qr) .preset-btn{
  min-height:48px!important;
  height:48px!important;
  padding:5px 4px!important;
  border-radius:14px!important;
  gap:0!important;
  background:linear-gradient(180deg,rgba(27,35,68,.78),rgba(11,18,40,.82))!important;
  border:1px solid rgba(139,92,246,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 7px 16px rgba(0,0,0,.14)!important;
}

.mobile-khqr-sheet:not(.has-qr) .preset-btn b{
  font-size:1.08rem!important;
  line-height:1!important;
}

.mobile-khqr-sheet:not(.has-qr) .preset-btn small{
  margin-top:3px!important;
  font-size:.65rem!important;
  line-height:1!important;
  color:#b8c4e6!important;
}

.mobile-khqr-sheet:not(.has-qr) .preset-btn.active{
  background:linear-gradient(135deg,#8c5cff,#5226df)!important;
  border-color:rgba(220,212,255,.85)!important;
  box-shadow:0 10px 26px rgba(111,54,255,.26),0 0 18px rgba(139,92,246,.20)!important;
}

.mobile-khqr-sheet:not(.has-qr) .khqr-main-btn{
  height:54px!important;
  margin:0 0 13px!important;
  border-radius:17px!important;
  font-size:1.02rem!important;
  box-shadow:0 12px 30px rgba(111,54,255,.26)!important;
}

.mobile-khqr-sheet:not(.has-qr) .khqr-info-box{
  padding:0!important;
  margin:0 0 10px!important;
  border-radius:16px!important;
  background:rgba(7,16,34,.62)!important;
  overflow:hidden!important;
}

.mobile-khqr-sheet:not(.has-qr) .khqr-info-box h5{
  margin:0!important;
  padding:12px 14px!important;
  font-size:.9rem!important;
  color:#c9b8ff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}

.mobile-khqr-sheet:not(.has-qr) .khqr-info-box h5::after{
  content:'QR 10 នាទី';
  font-size:.78rem;
  color:#9fb0d4;
  font-weight:700;
}

.mobile-khqr-sheet:not(.has-qr) .khqr-info-box ul{
  display:none!important;
}

.mobile-khqr-sheet:not(.has-qr) .khqr-support-card{
  min-height:50px!important;
  margin:0 0 10px!important;
  padding:11px 13px!important;
  border-radius:16px!important;
  grid-template-columns:auto 1fr auto!important;
  background:rgba(7,16,34,.62)!important;
}

.mobile-khqr-sheet:not(.has-qr) .khqr-support-card .headphone{
  font-size:20px!important;
}

.mobile-khqr-sheet:not(.has-qr) .khqr-support-card span:not(.headphone),
.mobile-khqr-sheet:not(.has-qr) .khqr-support-card b{
  font-size:.82rem!important;
}

.mobile-khqr-sheet:not(.has-qr) .khqr-support-card i{
  font-size:22px!important;
}

.mobile-khqr-sheet:not(.has-qr) .khqr-safe-bottom{
  padding:11px 13px!important;
  border-radius:16px!important;
  font-size:.86rem!important;
  background:rgba(4,13,29,.54)!important;
}

.mobile-khqr-sheet:not(.has-qr) .khqr-safe-bottom span{
  font-size:18px!important;
}

/* Make the created QR view still compact and easy */
.mobile-khqr-sheet.has-qr .khqr-card-shell{
  width:min(300px,80%)!important;
}
.mobile-khqr-sheet.has-qr .khqr-card-white img{
  width:min(212px,100%)!important;
}
.mobile-khqr-sheet.has-qr .khqr-status-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

@media(max-width:430px){
  .gravity-deposit-modal:not(.hidden){padding:8px!important;align-items:start!important;}
  .mobile-khqr-sheet:not(.has-qr){padding:16px!important;border-radius:24px!important;}
  .mobile-khqr-sheet:not(.has-qr) .khqr-line{margin-left:-16px!important;margin-right:-16px!important;}
  .mobile-khqr-sheet:not(.has-qr) .amount-presets{gap:7px!important;}
  .mobile-khqr-sheet:not(.has-qr) .preset-btn{height:44px!important;min-height:44px!important;border-radius:13px!important;}
  .mobile-khqr-sheet:not(.has-qr) .preset-btn b{font-size:1rem!important;}
  .mobile-khqr-sheet:not(.has-qr) .preset-btn small{font-size:.6rem!important;}
  .mobile-khqr-sheet:not(.has-qr) .khqr-main-btn{height:52px!important;}
}

@media(max-width:360px){
  .mobile-khqr-sheet:not(.has-qr) .amount-presets{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;}
  .mobile-khqr-sheet:not(.has-qr) .preset-btn{height:42px!important;min-height:42px!important;}
  .mobile-khqr-sheet:not(.has-qr) .preset-btn b{font-size:.94rem!important;}
  .mobile-khqr-sheet:not(.has-qr) .preset-btn small{font-size:.56rem!important;}
}

/* === RONG2 STORE Premium Secure Deposit v5 === */
.premium-deposit-sheet,
.mobile-khqr-sheet{
  --pay-accent:#8b5cff;
  --pay-accent-2:#33d1ff;
  --pay-safe:#22c55e;
}
.gravity-deposit-modal{
  background:radial-gradient(circle at 50% 12%, rgba(139,92,246,.22), transparent 0 28%), rgba(2,6,18,.80);
  backdrop-filter:blur(14px);
}
.premium-deposit-sheet{
  border-radius:28px!important;
  border:1px solid rgba(139,92,246,.30)!important;
  background:
    linear-gradient(180deg, rgba(18,29,58,.96), rgba(7,12,27,.98))!important;
  box-shadow:0 28px 80px rgba(0,0,0,.58), 0 0 42px rgba(139,92,246,.16)!important;
}
.khqr-title-row{
  padding:4px 2px 0;
  align-items:center!important;
}
.khqr-bank-icon{
  width:48px!important;height:48px!important;border-radius:16px!important;
  background:linear-gradient(135deg,#8b5cff,#33d1ff)!important;
  box-shadow:0 0 26px rgba(139,92,246,.34)!important;
}
.khqr-title-row h4,
#depositModalTitle{
  font-size:1.35rem!important;
  font-weight:900!important;
  letter-spacing:.2px;
  margin-bottom:4px!important;
}
#depositLeadText{font-size:.91rem!important;line-height:1.55!important;color:#b8c7e8!important;}
.khqr-line{margin:16px 0!important;opacity:.55;}
.khqr-amount-label{font-weight:800!important;color:#eaf2ff!important;font-size:.92rem!important;}
.khqr-amount-box{
  height:54px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04))!important;
  border:1px solid rgba(139,92,246,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 12px 28px rgba(0,0,0,.18)!important;
}
.khqr-amount-box input{font-size:1.08rem!important;font-weight:800!important;}
.khqr-amount-box span{font-weight:900;color:#9ddcff!important;}
.premium-amount-presets,
.amount-presets{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  margin:12px 0 14px!important;
}
.premium-amount-presets .preset-btn,
.amount-presets .preset-btn{
  height:50px!important;
  min-height:50px!important;
  padding:6px 6px!important;
  border-radius:15px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  background:linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035))!important;
  border:1px solid rgba(151,184,255,.16)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.15)!important;
}
.premium-amount-presets .preset-btn b,
.amount-presets .preset-btn b{font-size:1.02rem!important;line-height:1!important;font-weight:950!important;}
.premium-amount-presets .preset-btn small,
.amount-presets .preset-btn small{font-size:.58rem!important;line-height:1!important;color:#9eb3d8!important;font-weight:800!important;}
.premium-amount-presets .preset-btn:hover,
.amount-presets .preset-btn:hover,
.premium-amount-presets .preset-btn.active,
.amount-presets .preset-btn.active{
  transform:translateY(-1px)!important;
  background:linear-gradient(135deg, rgba(139,92,246,.95), rgba(51,209,255,.72))!important;
  border-color:rgba(255,255,255,.26)!important;
  box-shadow:0 12px 26px rgba(78,64,255,.26), 0 0 22px rgba(51,209,255,.18)!important;
}
.premium-amount-presets .preset-btn.active small,
.amount-presets .preset-btn.active small{color:rgba(255,255,255,.82)!important;}
.khqr-main-btn{
  height:54px!important;
  border-radius:18px!important;
  font-size:1rem!important;
  font-weight:950!important;
  background:linear-gradient(135deg,#7c3aed,#2563eb 55%,#0891b2)!important;
  box-shadow:0 16px 38px rgba(91,140,255,.28), 0 0 28px rgba(139,92,246,.20)!important;
}
.premium-secure-flow{
  padding:12px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg, rgba(34,197,94,.10), rgba(51,209,255,.045))!important;
  border:1px solid rgba(34,197,94,.20)!important;
}
.premium-secure-flow h5{margin:0 0 9px!important;font-size:.96rem!important;color:#eafff2!important;}
.flow-step{display:flex;align-items:center;gap:9px;padding:7px 2px;color:#c7d7f4;font-size:.86rem;font-weight:700;}
.flow-step b{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#22c55e,#33d1ff);color:#03101d;font-size:.78rem;box-shadow:0 0 14px rgba(34,197,94,.25)}
.khqr-support-card,.khqr-safe-bottom{border-radius:16px!important;}
.khqr-safe-bottom{font-size:.86rem!important;padding:10px!important;color:#a7f3d0!important;background:rgba(34,197,94,.08)!important;border:1px solid rgba(34,197,94,.18)!important;}
.mobile-khqr-sheet.has-qr{
  max-width:430px!important;
  border-radius:30px!important;
}
.mobile-khqr-sheet.has-qr .khqr-active-body{padding:0!important;}
.mobile-khqr-sheet.has-qr .khqr-scan-header{
  min-height:auto!important;
  padding:18px 18px 12px!important;
  border-bottom:1px solid rgba(151,184,255,.12)!important;
}
.khqr-scan-title{gap:12px!important;}
.khqr-scan-title h4{font-size:1.24rem!important;font-weight:950!important;}
.khqr-scan-title p{font-size:.78rem!important;color:#b5c3e1!important;}
.khqr-popup-close{width:36px!important;height:36px!important;border-radius:12px!important;font-size:1.2rem!important;}
.mobile-khqr-sheet.has-qr .khqr-scan-area{padding:14px 12px 12px!important;gap:10px!important;}
.khqr-countdown-card,
.deposit-payment-panel{
  border-radius:18px!important;
  padding:11px!important;
  background:linear-gradient(180deg, rgba(51,209,255,.10), rgba(139,92,246,.08))!important;
  border:1px solid rgba(51,209,255,.20)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.25)!important;
}
.deposit-timer-wrap{gap:8px!important;justify-content:center!important;}
.deposit-timer-label,.khqr-count-label{font-size:.76rem!important;color:#b7c7e8!important;}
.deposit-timer-value{font-size:1.15rem!important;color:#fff!important;text-shadow:0 0 15px rgba(51,209,255,.28)!important;}
.khqr-card-shell{max-width:310px!important;margin:0 auto!important;border-radius:22px!important;box-shadow:0 18px 42px rgba(0,0,0,.38),0 0 30px rgba(139,92,246,.16)!important;}
.khqr-card-head{height:40px!important;font-size:1rem!important;letter-spacing:.4px!important;}
.khqr-card-white{padding:14px!important;}
.khqr-merchant-name{font-size:.92rem!important;color:#101827!important;}
.khqr-card-amount{font-size:1.20rem!important;color:#111827!important;}
.khqr-image-wrap{width:210px!important;height:210px!important;margin:10px auto!important;border-radius:16px!important;}
.khqr-image-wrap img{border-radius:13px!important;}
.khqr-dollar-badge{width:34px!important;height:34px!important;font-size:1.05rem!important;}
.khqr-status-grid{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:0!important;}
.khqr-status-box{padding:10px!important;border-radius:16px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(151,184,255,.14)!important;}
.khqr-status-box span{font-size:.72rem!important;color:#9eb3d8!important;}
.khqr-status-box strong{font-size:.9rem!important;}
.khqr-secure-card{padding:10px 12px!important;border-radius:16px!important;font-size:.78rem!important;color:#a7f3d0!important;background:rgba(34,197,94,.075)!important;border:1px solid rgba(34,197,94,.17)!important;}
.khqr-refresh-btn,.khqr-close-bottom{height:44px!important;border-radius:15px!important;font-size:.9rem!important;font-weight:900!important;}
.khqr-close-bottom{max-width:140px!important;margin:0 auto!important;background:rgba(255,255,255,.055)!important;}
.khqr-expire-note{font-size:.72rem!important;color:#9eb3d8!important;text-align:center!important;margin-top:0!important;}
.deposit-timer-icon,.countdown-icon,.timer-circle,.khqr-count-label::before{animation:spinTimer 1.25s linear infinite;filter:drop-shadow(0 0 9px rgba(51,209,255,.42));}
@keyframes spinTimer{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
#depositList .card-row{padding:10px 12px!important;border-radius:16px!important;}
#depositList .row-top{gap:8px!important;}
#depositList h5{font-size:.98rem!important;margin-bottom:3px!important;}
#depositList .small-text{font-size:.76rem!important;line-height:1.45!important;}
#depositList .user-actions a[href*="receipts"],#depositList .user-actions a[target="_blank"]{display:none!important;}
#depositList .btn.small{padding:7px 10px!important;border-radius:11px!important;font-size:.78rem!important;}
@media(max-width:768px){
  .premium-deposit-sheet{width:min(420px,calc(100vw - 18px))!important;padding:14px!important;max-height:92vh!important;}
  .khqr-title-row{gap:10px!important;}
  .khqr-bank-icon{width:42px!important;height:42px!important;}
  #depositModalTitle{font-size:1.15rem!important;}
  #depositLeadText{font-size:.80rem!important;}
  .khqr-amount-box{height:50px!important;}
  .premium-amount-presets,.amount-presets{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin:10px 0 12px!important;}
  .premium-amount-presets .preset-btn,.amount-presets .preset-btn{height:42px!important;min-height:42px!important;border-radius:13px!important;padding:4px!important;}
  .premium-amount-presets .preset-btn b,.amount-presets .preset-btn b{font-size:.92rem!important;}
  .premium-amount-presets .preset-btn small,.amount-presets .preset-btn small{font-size:.52rem!important;}
  .premium-secure-flow{padding:10px!important;}
  .flow-step{padding:5px 1px!important;font-size:.78rem!important;}
  .mobile-khqr-sheet.has-qr{width:min(410px,calc(100vw - 14px))!important;max-height:94vh!important;}
  .khqr-image-wrap{width:190px!important;height:190px!important;}
  .khqr-card-shell{max-width:288px!important;}
  .khqr-status-grid{gap:7px!important;}
  .khqr-secure-card{font-size:.74rem!important;}
}
@media(max-width:380px){
  .premium-deposit-sheet{padding:12px!important;}
  .premium-amount-presets .preset-btn,.amount-presets .preset-btn{height:39px!important;min-height:39px!important;}
  .khqr-image-wrap{width:174px!important;height:174px!important;}
  .khqr-card-shell{max-width:268px!important;}
  .khqr-card-white{padding:12px!important;}
}

/* ===== Style 3 Quick Dashboard Update (profile/balance + 3 action buttons only) ===== */
.quick-dashboard.hero{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  padding:22px;
  background:linear-gradient(180deg, rgba(9,17,34,.86), rgba(6,12,25,.78));
  border-color:rgba(127,92,255,.26);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 18px 60px rgba(0,0,0,.34);
}
.quick-dashboard.hero::before{display:none}
.profile-balance-card{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:22px;
  min-height:126px;
  padding:18px 22px;
  border-radius:26px;
  background:
    radial-gradient(circle at 14% 35%, rgba(127,92,255,.18), transparent 34%),
    linear-gradient(135deg, rgba(30,18,70,.62), rgba(7,14,31,.72) 48%, rgba(22,15,54,.66));
  border:1px solid rgba(151,64,255,.46);
  box-shadow:0 0 0 1px rgba(255,255,255,.03) inset, 0 0 28px rgba(127,92,255,.16), 0 18px 44px rgba(0,0,0,.24);
}
.profile-side,.balance-side{display:flex;align-items:center;gap:18px;min-width:0}
.profile-avatar{
  width:92px;height:92px;flex:0 0 92px;border-radius:50%;
  display:grid;place-items:center;position:relative;
  background:linear-gradient(145deg,#4f46e5,#7c3aed 55%,#111827);
  border:3px solid rgba(168,85,247,.92);
  box-shadow:0 0 26px rgba(147,51,234,.42), inset 0 0 22px rgba(255,255,255,.10);
}
.profile-avatar span{font-size:42px;font-weight:900;color:#fff;letter-spacing:.5px;text-shadow:0 0 18px rgba(255,255,255,.22)}
.profile-avatar i{position:absolute;right:3px;bottom:7px;width:22px;height:22px;border-radius:50%;background:#22c55e;border:3px solid #091122;box-shadow:0 0 12px rgba(34,197,94,.65)}
.profile-text span,.balance-text span{display:block;color:#b7c3e4;font-weight:700;font-size:1rem;margin-bottom:8px}
.profile-text strong{display:inline-flex;align-items:center;gap:8px;font-size:1.55rem;color:#fff;line-height:1.1;word-break:break-word}
.profile-text strong::after{content:"✓";display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;font-size:14px;background:linear-gradient(135deg,#7c3aed,#5b8cff);box-shadow:0 0 14px rgba(124,58,237,.42)}
.profile-divider{width:1px;height:72px;background:linear-gradient(180deg,transparent,rgba(151,184,255,.28),transparent)}
.balance-side{justify-content:space-between}
.balance-text strong{font-size:2.15rem;line-height:1;color:#b56cff;text-shadow:0 0 20px rgba(181,108,255,.28);font-weight:900}
.balance-icon{width:72px;height:72px;flex:0 0 72px;border-radius:20px;display:grid;place-items:center;color:#d9b8ff;font-size:30px;background:linear-gradient(145deg,rgba(64,20,116,.80),rgba(15,18,42,.86));border:1px solid rgba(151,64,255,.42);box-shadow:inset 0 0 24px rgba(127,92,255,.14),0 0 18px rgba(127,92,255,.12);transform:rotate(0deg)}
.quick-action-panel{padding:18px;border-radius:26px;background:linear-gradient(180deg,rgba(14,26,50,.72),rgba(8,16,33,.66));border:1px solid rgba(151,184,255,.10);box-shadow:0 14px 40px rgba(0,0,0,.22)}
.quick-announcement{margin:0 0 14px;color:#9eb3d8;font-size:.95rem;line-height:1.55}
.quick-actions.hero-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0}
.quick-action{min-height:92px;border-radius:22px;padding:18px 20px;display:flex;align-items:center;gap:14px;text-align:left;color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 32px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease;position:relative;overflow:hidden;background:rgba(255,255,255,.05);cursor:pointer}
.quick-action:hover{transform:translateY(-3px);filter:brightness(1.04);box-shadow:0 20px 44px rgba(0,0,0,.28),0 0 26px rgba(127,92,255,.14)}
.quick-action::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.13),transparent 32%);pointer-events:none}
.quick-icon{width:54px;height:54px;flex:0 0 54px;border-radius:50%;display:grid;place-items:center;font-size:23px;color:#fff;box-shadow:inset 0 0 22px rgba(255,255,255,.08),0 0 20px rgba(0,0,0,.18)}
.quick-action b{display:block;font-size:1.12rem;line-height:1.2;margin-bottom:4px;white-space:nowrap}
.quick-action small{display:block;color:#b8c6e7;font-size:.92rem;font-weight:600}
.quick-action em{margin-left:auto;font-style:normal;font-size:2rem;line-height:1;color:rgba(255,255,255,.76)}
.quick-deposit{background:linear-gradient(135deg,rgba(72,22,128,.88),rgba(26,18,55,.72));border-color:rgba(168,85,247,.42)}
.quick-deposit .quick-icon{background:linear-gradient(135deg,#6d28d9,#9333ea)}
.quick-account{background:linear-gradient(135deg,rgba(20,62,150,.76),rgba(13,25,58,.72));border-color:rgba(59,130,246,.46)}
.quick-account .quick-icon{background:linear-gradient(135deg,#1d4ed8,#2563eb)}
.quick-support{background:linear-gradient(135deg,rgba(16,103,54,.72),rgba(9,45,32,.72));border-color:rgba(34,197,94,.42)}
.quick-support .quick-icon{background:linear-gradient(135deg,#15803d,#22c55e)}

@media (max-width:760px){
  .quick-dashboard.hero{padding:14px;gap:14px;border-radius:24px}
  .profile-balance-card{grid-template-columns:1fr;gap:14px;min-height:0;padding:16px;border-radius:22px}
  .profile-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(151,184,255,.24),transparent)}
  .profile-avatar{width:74px;height:74px;flex-basis:74px;border-width:2px}.profile-avatar span{font-size:34px}.profile-avatar i{width:18px;height:18px;right:1px;bottom:5px}
  .profile-text strong{font-size:1.28rem}.balance-text strong{font-size:1.85rem}.balance-icon{width:58px;height:58px;flex-basis:58px;border-radius:17px;font-size:25px}
  .quick-action-panel{padding:12px;border-radius:22px}.quick-announcement{font-size:.9rem;margin-bottom:12px}
  .quick-actions.hero-actions{grid-template-columns:1fr;gap:10px}.quick-action{min-height:78px;border-radius:19px;padding:14px 16px}.quick-icon{width:48px;height:48px;flex-basis:48px}.quick-action b{font-size:1.02rem}.quick-action small{font-size:.85rem}
}
@media (max-width:430px){
  .profile-side,.balance-side{gap:12px}.profile-avatar{width:66px;height:66px;flex-basis:66px}.profile-avatar span{font-size:30px}.profile-text span,.balance-text span{font-size:.88rem}.profile-text strong{font-size:1.12rem}.balance-text strong{font-size:1.62rem}.balance-icon{width:52px;height:52px;flex-basis:52px}
  .quick-action{padding:12px 13px}.quick-action b{white-space:normal}.quick-action em{font-size:1.65rem}
}


/* safe v8 product gallery + admin image fields */
.product-detail-gallery.clean-gallery{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:0 0 14px;
}
.product-detail-thumb{
  aspect-ratio:1/1;
  border:1px solid rgba(151,184,255,.18);
  border-radius:14px;
  overflow:hidden;
  padding:0;
  background:rgba(255,255,255,.05);
  cursor:pointer;
  min-height:74px;
}
.product-detail-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.product-detail-thumb:hover{border-color:rgba(91,140,255,.72);box-shadow:0 0 18px rgba(91,140,255,.24);transform:translateY(-2px);}
.admin-gallery-fields{display:grid;gap:10px;padding:12px;border-radius:18px;border:1px solid rgba(151,184,255,.14);background:rgba(255,255,255,.035);}
.admin-gallery-title{font-weight:700;color:#eef4ff;}
.admin-image-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;}
.admin-upload-btn{min-width:92px;min-height:44px;}
@media(max-width:640px){.admin-image-row{grid-template-columns:1fr}.admin-upload-btn{width:100%}.product-detail-gallery.clean-gallery{gap:8px}.product-detail-thumb{border-radius:12px;min-height:62px}}


/* Public homepage stats: total users, sold accounts and top deposit users */
.public-stats-section{
  margin-top:18px;
}
.public-stats-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1.25fr;
  gap:14px;
}
.public-stat-card,
.public-leaderboard-card{
  min-height:150px;
  padding:18px;
  border-radius:24px;
  position:relative;
  overflow:hidden;
}
.public-stat-card{
  display:flex;
  align-items:center;
  gap:16px;
}
.public-stat-card::after,
.public-leaderboard-card::after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-64px;
  bottom:-84px;
  background:radial-gradient(circle, rgba(91,140,255,.22), transparent 70%);
  pointer-events:none;
}
.public-stat-card.stat-sold::after{
  background:radial-gradient(circle, rgba(127,92,255,.26), transparent 70%);
}

.public-stat-card.stat-online::after{
  background:radial-gradient(circle, rgba(34,197,94,.28), transparent 70%);
}
.public-stat-card.stat-online{
  border-color:rgba(34,197,94,.20);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 14px 38px rgba(0,0,0,.30),
    0 0 26px rgba(34,197,94,.10);
}
.public-stat-card.stat-online .public-stat-icon{
  background:
    radial-gradient(circle at 35% 25%, rgba(255,255,255,.24), transparent 0 36%),
    linear-gradient(135deg, rgba(34,197,94,.34), rgba(51,209,255,.18));
  box-shadow:0 12px 30px rgba(0,0,0,.22), 0 0 22px rgba(34,197,94,.16);
}
.online-stat-icon{
  position:relative;
}
.online-stat-icon i,
.online-live-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 0 0 rgba(34,197,94,.62), 0 0 14px rgba(34,197,94,.70);
  animation:onlinePulse 1.35s ease-out infinite;
}
.online-stat-icon i{
  position:absolute;
  top:9px;
  right:9px;
}
.online-live-dot{
  display:inline-block;
  margin-right:6px;
  vertical-align:-1px;
}
@keyframes onlinePulse{
  0%{box-shadow:0 0 0 0 rgba(34,197,94,.62), 0 0 14px rgba(34,197,94,.70)}
  70%{box-shadow:0 0 0 9px rgba(34,197,94,0), 0 0 14px rgba(34,197,94,.70)}
  100%{box-shadow:0 0 0 0 rgba(34,197,94,0), 0 0 14px rgba(34,197,94,.70)}
}
.public-stat-icon{
  width:74px;
  height:74px;
  flex:0 0 74px;
  display:grid;
  place-items:center;
  border-radius:24px;
  font-size:2rem;
  background:linear-gradient(135deg, rgba(91,140,255,.24), rgba(127,92,255,.22));
  border:1px solid rgba(151,184,255,.20);
  box-shadow:0 0 28px rgba(91,140,255,.18), inset 0 1px 0 rgba(255,255,255,.12);
}
.public-stat-copy{
  position:relative;
  z-index:1;
}
.public-stat-copy span,
.leaderboard-head span{
  display:block;
  color:#dce7ff;
  font-weight:700;
  font-size:.94rem;
}
.public-stat-copy strong{
  display:block;
  margin:8px 0 4px;
  font-size:2.15rem;
  line-height:1;
  letter-spacing:.5px;
  text-shadow:0 0 20px rgba(91,140,255,.24);
}
.public-stat-copy small,
.leaderboard-head small,
.top-user-name small{
  color:var(--muted);
}
.leaderboard-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:12px;
  position:relative;
  z-index:1;
}
.leaderboard-head strong{
  display:block;
  margin-top:4px;
  font-size:1.15rem;
}
.leaderboard-head small{
  padding:6px 10px;
  border-radius:999px;
  background:rgba(127,92,255,.14);
  border:1px solid rgba(151,184,255,.16);
}
.public-top-list{
  display:grid;
  gap:9px;
  position:relative;
  z-index:1;
}
.top-user-row{
  display:grid;
  grid-template-columns:34px 42px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:9px 10px;
  border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
}
.top-rank{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:12px;
  font-weight:800;
  background:rgba(255,255,255,.08);
  color:#dce7ff;
}
.top-rank.gold{background:linear-gradient(135deg,#f59e0b,#fde68a);color:#3b2600}
.top-rank.silver{background:linear-gradient(135deg,#94a3b8,#f8fafc);color:#172033}
.top-rank.bronze{background:linear-gradient(135deg,#b45309,#fdba74);color:#351600}
.top-user-avatar{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,var(--primary),var(--primary2));
  box-shadow:0 0 18px rgba(127,92,255,.20);
  font-weight:800;
}
.top-user-name{
  min-width:0;
}
.top-user-name strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.top-user-row b{
  color:#8cf0af;
  white-space:nowrap;
}
.top-empty{
  padding:18px;
  border-radius:18px;
  text-align:center;
  color:var(--muted);
  background:rgba(255,255,255,.035);
  border:1px dashed rgba(151,184,255,.16);
}

@media (max-width: 900px){
  .public-stats-grid{
    grid-template-columns:1fr;
  }
  .public-stat-card,
  .public-leaderboard-card{
    min-height:auto;
  }
}

@media (max-width: 520px){
  .public-stat-card{
    padding:15px;
    gap:12px;
  }
  .public-stat-icon{
    width:58px;
    height:58px;
    flex-basis:58px;
    border-radius:20px;
    font-size:1.55rem;
  }
  .public-stat-copy strong{
    font-size:1.75rem;
  }
  .top-user-row{
    grid-template-columns:30px 36px minmax(0,1fr) auto;
    gap:8px;
    padding:8px;
  }
  .top-user-avatar{width:34px;height:34px}
  .top-user-name small{display:none}
}


/* v1: Move public stats below Products */
#publicStatsSection{
  margin-top: 28px;
}


/* v4: Small compact Total cards + Top1000 scroll leaderboard */
.public-stats-grid{
  align-items:start;
}

.public-stat-card{
  min-height:112px;
  padding:16px 16px;
  display:flex;
  align-items:center;
  gap:14px;
  border-radius:24px;
  overflow:hidden;
  position:relative;
}

.public-stat-card .public-stat-icon{
  width:52px;
  height:52px;
  min-width:52px;
  border-radius:18px;
  display:grid;
  place-items:center;
  font-size:1.45rem;
  background:
    radial-gradient(circle at 35% 25%, rgba(255,255,255,.22), transparent 0 36%),
    linear-gradient(135deg, rgba(91,140,255,.30), rgba(127,92,255,.22));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 12px 30px rgba(0,0,0,.22), 0 0 22px rgba(91,140,255,.12);
}

.public-stat-copy span{
  display:block;
  color:#c9d8ff;
  font-size:.88rem;
  font-weight:700;
  margin-bottom:4px;
}

.public-stat-copy strong{
  display:block;
  font-size:2.15rem;
  line-height:1;
  letter-spacing:.3px;
  color:#fff;
  text-shadow:0 0 16px rgba(91,140,255,.22);
}

.public-stat-copy small{
  display:inline-flex;
  margin-top:7px;
  padding:5px 9px;
  border-radius:999px;
  color:#9eb3d8;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(151,184,255,.11);
  font-size:.78rem;
}

.public-stat-card.stat-users,
.public-stat-card.stat-sold,
.public-stat-card.stat-online{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 14px 38px rgba(0,0,0,.30),
    0 0 24px rgba(91,140,255,.08);
}

.public-leaderboard-card{
  max-height:650px;
  overflow:hidden;
}

.public-top-list{
  max-height:500px;
  overflow-y:auto;
  padding-right:7px;
  scrollbar-width:thin;
  scroll-behavior:smooth;
}

.public-top-list::-webkit-scrollbar{
  width:5px;
}

.public-top-list::-webkit-scrollbar-track{
  background:rgba(255,255,255,.04);
  border-radius:999px;
}

.public-top-list::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, rgba(91,140,255,.75), rgba(127,92,255,.75));
  border-radius:999px;
}

.public-top-row,
.top-user-row,
.leaderboard-row{
  min-height:68px;
}

.leaderboard-head small{
  min-width:max-content;
}

@media (max-width:760px){
  .public-stat-card{
    min-height:96px;
    padding:14px 14px;
    gap:12px;
  }
  .public-stat-card .public-stat-icon{
    width:48px;
    height:48px;
    min-width:48px;
    border-radius:17px;
    font-size:1.3rem;
  }
  .public-stat-copy strong{
    font-size:1.9rem;
  }
  .public-stat-copy span{
    font-size:.84rem;
  }
  .public-stat-copy small{
    font-size:.74rem;
  }
  .public-leaderboard-card{
    max-height:620px;
  }
  .public-top-list{
    max-height:450px;
    -webkit-overflow-scrolling:touch;
  }
}



/* v5: Public stats section shows on Home only */
#publicStatsSection.hidden{
  display:none !important;
}

/* ===== RONG2 STORE Premium Effects v1: glow background + looping particles + loader ===== */
:root{
  --gravity-gold: #ffd76a;
  --gravity-gold-soft: rgba(255,215,106,.22);
  --gravity-neon-blue: rgba(91,140,255,.42);
  --gravity-neon-cyan: rgba(51,209,255,.22);
  --gravity-neon-violet: rgba(127,92,255,.34);
}

body.gravity-loading{
  overflow:hidden;
}

.rong2-vfx{
  position:fixed;
  inset:0;
  pointer-events:none;
  overflow:hidden;
  z-index:0;
  contain:strict;
}

.rong2-orb{
  position:absolute;
  display:block;
  width:340px;
  height:340px;
  border-radius:999px;
  filter:blur(18px);
  opacity:.62;
  mix-blend-mode:screen;
  transform:translate3d(0,0,0);
  will-change:transform, opacity;
}

.rong2-orb-left{
  left:-130px;
  top:18vh;
  background:radial-gradient(circle at 35% 35%, rgba(51,209,255,.34), rgba(91,140,255,.16) 46%, transparent 72%);
  animation:gravityOrbFloatA 18s ease-in-out infinite;
}

.rong2-orb-right{
  right:-140px;
  top:6vh;
  width:390px;
  height:390px;
  background:radial-gradient(circle at 42% 35%, rgba(255,215,106,.22), rgba(127,92,255,.20) 44%, transparent 74%);
  animation:gravityOrbFloatB 22s ease-in-out infinite;
}

.rong2-orb-bottom{
  left:32%;
  bottom:-210px;
  width:520px;
  height:520px;
  background:radial-gradient(circle, rgba(91,140,255,.18), rgba(51,209,255,.10) 42%, transparent 72%);
  animation:gravityOrbFloatC 26s ease-in-out infinite;
}

.rong2-grid-light{
  position:absolute;
  inset:-2px;
  opacity:.20;
  background-image:
    linear-gradient(rgba(151,184,255,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(151,184,255,.07) 1px, transparent 1px);
  background-size:58px 58px;
  transform:perspective(700px) rotateX(62deg) translateY(13vh) scale(1.55);
  transform-origin:center bottom;
  mask-image:linear-gradient(to bottom, transparent 0 12%, #000 36%, transparent 92%);
  animation:gravityGridDrift 20s linear infinite;
}

.rong2-star-field{
  position:absolute;
  inset:0;
  opacity:.36;
  background:
    radial-gradient(circle at 12% 22%, rgba(255,255,255,.44) 0 1px, transparent 2px),
    radial-gradient(circle at 24% 72%, rgba(91,140,255,.55) 0 1px, transparent 2px),
    radial-gradient(circle at 48% 34%, rgba(255,215,106,.46) 0 1px, transparent 2px),
    radial-gradient(circle at 69% 62%, rgba(51,209,255,.50) 0 1px, transparent 2px),
    radial-gradient(circle at 86% 18%, rgba(255,255,255,.42) 0 1px, transparent 2px),
    radial-gradient(circle at 92% 82%, rgba(127,92,255,.50) 0 1px, transparent 2px);
  background-size:320px 320px;
  animation:gravityStarTwinkle 8s ease-in-out infinite alternate;
}

.rong2-particles{
  position:absolute;
  inset:0;
  overflow:hidden;
}

.gravity-particle{
  position:absolute;
  left:var(--x,50%);
  bottom:-9vh;
  width:var(--size,4px);
  height:var(--size,4px);
  border-radius:999px;
  background:radial-gradient(circle, rgba(255,255,255,.98), rgba(51,209,255,.62) 42%, transparent 74%);
  box-shadow:0 0 12px rgba(91,140,255,.46), 0 0 22px rgba(255,215,106,.14);
  opacity:0;
  animation:gravityParticleRise var(--duration,16s) linear infinite;
  animation-delay:var(--delay,0s);
  will-change:transform, opacity;
}

.rong2-preloader{
  position:fixed;
  inset:0;
  display:grid;
  place-items:center;
  z-index:9999;
  background:
    radial-gradient(circle at 50% 42%, rgba(91,140,255,.24), transparent 0 34%),
    radial-gradient(circle at 65% 58%, rgba(255,215,106,.12), transparent 0 22%),
    rgba(3,8,18,.96);
  transition:opacity .42s ease, visibility .42s ease;
}

.rong2-preloader.is-hiding{
  opacity:0;
  visibility:hidden;
}

.gravity-loader-card{
  width:min(320px, calc(100vw - 46px));
  padding:26px 24px 24px;
  border-radius:30px;
  text-align:center;
  color:#fff;
  background:linear-gradient(180deg, rgba(16,28,55,.86), rgba(8,16,32,.76));
  border:1px solid rgba(151,184,255,.22);
  box-shadow:0 26px 80px rgba(0,0,0,.45), 0 0 46px rgba(91,140,255,.16), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(20px);
  position:relative;
  overflow:hidden;
  animation:gravityLoaderFloat 2.8s ease-in-out infinite;
}

.gravity-loader-card::before{
  content:"";
  position:absolute;
  inset:-80px auto auto -80px;
  width:180px;
  height:180px;
  background:radial-gradient(circle, rgba(255,215,106,.24), transparent 68%);
  filter:blur(8px);
}

.gravity-loader-logo{
  width:82px;
  height:82px;
  margin:0 auto 14px;
  border-radius:28px;
  display:grid;
  place-items:center;
  position:relative;
  isolation:isolate;
  background:linear-gradient(135deg, rgba(91,140,255,.96), rgba(127,92,255,.88));
  box-shadow:0 14px 38px rgba(91,140,255,.32), 0 0 36px rgba(255,215,106,.14);
}

.gravity-loader-logo span{
  position:relative;
  z-index:2;
  font-size:2.2rem;
  font-weight:800;
}

.gravity-loader-logo i{
  position:absolute;
  inset:-7px;
  border-radius:32px;
  border:2px solid rgba(255,215,106,.55);
  border-top-color:transparent;
  border-left-color:rgba(51,209,255,.25);
  animation:gravitySpin 1.15s linear infinite;
}

.gravity-loader-card strong{
  display:block;
  font-size:1.15rem;
  letter-spacing:.4px;
}

.gravity-loader-card p{
  margin:6px 0 18px;
  color:#aebee2;
  font-size:.92rem;
}

.gravity-loader-line{
  height:9px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
}

.gravity-loader-line span{
  display:block;
  height:100%;
  width:42%;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(91,140,255,.95), rgba(51,209,255,.88), rgba(255,215,106,.88));
  box-shadow:0 0 24px rgba(91,140,255,.45);
  animation:gravityLoadLine 1.25s ease-in-out infinite;
}

.site-header{
  box-shadow:0 14px 38px rgba(0,0,0,.20), 0 0 24px rgba(91,140,255,.06);
}

.brand-logo,
.profile-avatar,
.public-stat-icon,
.quick-icon{
  position:relative;
  overflow:hidden;
}

.brand-logo::after,
.profile-avatar::after,
.public-stat-icon::after,
.quick-icon::after{
  content:"";
  position:absolute;
  inset:-45%;
  background:conic-gradient(from 0deg, transparent, rgba(255,215,106,.36), transparent, rgba(51,209,255,.24), transparent);
  animation:gravitySoftSpin 7s linear infinite;
  opacity:.48;
}

.brand-logo > *,
.profile-avatar > *,
.public-stat-icon > *,
.quick-icon > *{
  position:relative;
  z-index:1;
}

.btn::after,
.quick-action::after{
  content:"";
  position:absolute;
  inset:auto;
  left:var(--mx,50%);
  top:var(--my,50%);
  width:0;
  height:0;
  border-radius:999px;
  background:radial-gradient(circle, rgba(255,255,255,.22), transparent 64%);
  transform:translate(-50%,-50%);
  opacity:0;
  pointer-events:none;
  transition:width .35s ease, height .35s ease, opacity .35s ease;
}

.btn:hover::after,
.quick-action:hover::after{
  width:220px;
  height:220px;
  opacity:1;
}

.product-card,
.public-stat-card,
.public-leaderboard-card,
.profile-balance-card,
.quick-action-panel,
.panel-block,
.form-card,
.mini-card,
.admin-product-card,
.card-row{
  transform-style:preserve-3d;
}

.product-card:hover,
.public-stat-card:hover,
.public-leaderboard-card:hover{
  box-shadow:var(--shadow-lg), 0 0 34px rgba(91,140,255,.14), 0 0 22px rgba(255,215,106,.06);
}

.product-card::before,
.public-stat-card::before,
.public-leaderboard-card::before,
.profile-balance-card::before,
.quick-action-panel::before{
  background:linear-gradient(90deg, transparent, rgba(255,215,106,.22), rgba(51,209,255,.16), transparent);
}

.gv-reveal{
  opacity:0;
  transform:translateY(18px) scale(.985);
  transition:opacity .62s ease, transform .62s cubic-bezier(.2,.8,.2,1), box-shadow .28s ease, border-color .28s ease;
}

.gv-reveal.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}

@keyframes gravityOrbFloatA{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(58px,34px,0) scale(1.08)}
}

@keyframes gravityOrbFloatB{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  45%{transform:translate3d(-52px,48px,0) scale(1.05)}
}

@keyframes gravityOrbFloatC{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(-34px,-28px,0) scale(1.07)}
}

@keyframes gravityGridDrift{
  from{background-position:0 0, 0 0}
  to{background-position:58px 58px, 58px 58px}
}

@keyframes gravityStarTwinkle{
  0%{opacity:.22; transform:translate3d(0,0,0)}
  100%{opacity:.46; transform:translate3d(0,-10px,0)}
}

@keyframes gravityParticleRise{
  0%{opacity:0; transform:translate3d(0,0,0) scale(.7)}
  12%{opacity:.78}
  82%{opacity:.46}
  100%{opacity:0; transform:translate3d(var(--drift,28px), -116vh, 0) scale(1.25)}
}

@keyframes gravityLoaderFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-7px)}
}

@keyframes gravitySpin{
  to{transform:rotate(360deg)}
}

@keyframes gravitySoftSpin{
  to{transform:rotate(360deg)}
}

@keyframes gravityLoadLine{
  0%{transform:translateX(-110%)}
  55%{transform:translateX(55%)}
  100%{transform:translateX(245%)}
}

@media (max-width:760px){
  .rong2-orb{width:260px;height:260px;opacity:.52}
  .rong2-orb-right{right:-145px;top:18vh}
  .rong2-orb-bottom{width:390px;height:390px;left:8%;bottom:-190px}
  .rong2-grid-light{background-size:44px 44px;opacity:.14}
  .gravity-loader-card{border-radius:26px;padding:23px 20px 21px}
  .gravity-loader-logo{width:72px;height:72px;border-radius:24px}
}

@media (prefers-reduced-motion: reduce){
  body.gravity-loading{overflow:auto}
  .rong2-preloader{display:none !important}
  .rong2-vfx{display:none !important}
  .gv-reveal{opacity:1 !important;transform:none !important}
}




/* === GRAVITY footer clean compact v3 === */
.site-footer.footer-clean{
  position:relative;
  z-index:1;
  margin:30px 0 0;
  padding:0 0 12px;
}
.site-footer.footer-clean::before{
  content:"";
  position:absolute;
  left:50%;
  top:-16px;
  width:min(660px,88vw);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg, transparent, rgba(91,140,255,.36), rgba(127,92,255,.25), transparent);
  box-shadow:0 0 18px rgba(91,140,255,.16);
}
.footer-clean-glow{
  position:absolute;
  inset:auto 12% -56px 12%;
  height:120px;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 30%, rgba(91,140,255,.15), transparent 42%),
    radial-gradient(circle at 80% 38%, rgba(127,92,255,.13), transparent 40%),
    radial-gradient(circle at 50% 78%, rgba(51,209,255,.08), transparent 50%);
  filter:blur(26px);
  opacity:.64;
  animation:footerCleanGlow 13s ease-in-out infinite;
}
.footer-clean-card{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  padding:14px 16px;
  background:linear-gradient(180deg, rgba(13,23,44,.74), rgba(7,14,28,.62));
  border:1px solid rgba(151,184,255,.12);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 18px 44px rgba(0,0,0,.28),
    0 0 0 1px rgba(255,255,255,.015);
  backdrop-filter:blur(16px);
}
.footer-clean-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
  opacity:.62;
}
.footer-clean-card::after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-70px;
  top:-90px;
  background:radial-gradient(circle, rgba(91,140,255,.13), transparent 70%);
  pointer-events:none;
}
.footer-main-row,
.footer-bottom-row{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.footer-brand-mini{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.footer-logo-mini{
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:15px;
  display:grid;
  place-items:center;
  font-weight:900;
  letter-spacing:.5px;
  color:#fff;
  background:linear-gradient(135deg,var(--primary),var(--primary2));
  box-shadow:0 10px 26px rgba(91,140,255,.25), 0 0 18px rgba(127,92,255,.16);
  animation:footerLogoBreath 6s ease-in-out infinite;
}
.footer-brand-mini strong{
  display:block;
  font-size:1rem;
  line-height:1.2;
  letter-spacing:.7px;
}
.footer-brand-mini span{
  display:block;
  margin-top:3px;
  color:rgba(220,232,255,.68);
  font-size:.82rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:340px;
}
.footer-trust-mini{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.footer-trust-mini span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  border-radius:999px;
  color:rgba(238,244,255,.88);
  background:rgba(255,255,255,.055);
  border:1px solid rgba(151,184,255,.12);
  box-shadow:0 8px 18px rgba(0,0,0,.12);
  font-size:.78rem;
  line-height:1;
}
.footer-bottom-row{
  margin-top:12px;
  padding-top:11px;
  border-top:1px solid rgba(151,184,255,.10);
  color:rgba(220,232,255,.68);
  font-size:.8rem;
  line-height:1.55;
}
.footer-bottom-row p,
.footer-bottom-row small{
  margin:0;
}
.footer-bottom-row p{
  color:rgba(238,244,255,.86);
  font-weight:600;
  white-space:nowrap;
}
.footer-bottom-row small{
  text-align:right;
  color:rgba(158,179,216,.76);
}

@keyframes footerCleanGlow{
  0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.52}
  50%{transform:translate3d(0,-10px,0) scale(1.04);opacity:.78}
}
@keyframes footerLogoBreath{
  0%,100%{box-shadow:0 10px 26px rgba(91,140,255,.25),0 0 18px rgba(127,92,255,.16)}
  50%{box-shadow:0 12px 30px rgba(91,140,255,.34),0 0 28px rgba(127,92,255,.22)}
}

@media (max-width:760px){
  .site-footer.footer-clean{margin-top:22px;padding-bottom:10px}
  .footer-clean-card{border-radius:20px;padding:13px 12px}
  .footer-main-row{align-items:flex-start}
  .footer-brand-mini{gap:10px;flex:1;min-width:0}
  .footer-logo-mini{width:38px;height:38px;flex-basis:38px;border-radius:14px;font-size:.94rem}
  .footer-brand-mini strong{font-size:.92rem;letter-spacing:.5px}
  .footer-brand-mini span{font-size:.74rem;max-width:190px;white-space:normal;line-height:1.35}
  .footer-trust-mini{gap:6px;justify-content:flex-end;max-width:150px}
  .footer-trust-mini span{font-size:.68rem;padding:6px 8px}
  .footer-bottom-row{display:block;margin-top:10px;padding-top:10px;text-align:left;font-size:.72rem}
  .footer-bottom-row p{white-space:normal;margin-bottom:4px}
  .footer-bottom-row small{display:block;text-align:left;line-height:1.55}
}

@media (max-width:430px){
  .footer-main-row{display:grid;gap:10px}
  .footer-trust-mini{max-width:none;justify-content:flex-start}
  .footer-trust-mini span{font-size:.7rem;padding:6px 8px}
  .footer-brand-mini span{max-width:100%}
}


/* === RONG2 STORE real logo integration v4 === */
.brand-logo.logo-mark,
.gravity-loader-logo,
.footer-logo-mini,
.khqr-bank-icon.logo-bank,
.profile-avatar.logo-avatar{
  position:relative;
  overflow:hidden;
  color:transparent;
}
.brand-logo.logo-mark img,
.gravity-loader-logo img,
.footer-logo-mini img,
.khqr-bank-icon.logo-bank img,
.profile-avatar.logo-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:inherit;
  filter:drop-shadow(0 10px 22px rgba(91,140,255,.22));
}
.brand-logo.logo-mark{
  background:transparent;
  box-shadow:0 14px 36px rgba(91,140,255,.28), 0 0 24px rgba(127,92,255,.18);
}
.brand-logo.logo-mark::after,
.footer-logo-mini::after,
.gravity-loader-logo::after,
.profile-avatar.logo-avatar::after{
  content:"";
  position:absolute;
  inset:-65%;
  background:linear-gradient(120deg, transparent 42%, rgba(255,255,255,.35) 50%, transparent 58%);
  transform:translateX(-55%) rotate(18deg);
  animation:logoShineSweep 5.5s ease-in-out infinite;
  pointer-events:none;
}
.gravity-loader-logo span,
.profile-avatar.logo-avatar span{display:none !important}
.khqr-bank-icon.logo-bank{
  background:transparent !important;
  border:0 !important;
  box-shadow:0 12px 32px rgba(91,140,255,.22);
}

/* cleaner footer spacing after user feedback */
.site-footer.footer-clean{
  margin-top:20px !important;
  padding:0 0 14px !important;
}
.footer-clean-card{
  border-radius:22px !important;
  padding:16px 18px !important;
  background:linear-gradient(180deg, rgba(14,24,45,.78), rgba(7,14,28,.70)) !important;
}
.footer-brand-mini{
  align-items:center !important;
}
.footer-logo-mini{
  width:44px !important;
  height:44px !important;
  flex:0 0 44px !important;
  background:transparent !important;
  box-shadow:0 12px 30px rgba(91,140,255,.22) !important;
}
.footer-brand-mini strong{
  font-size:.96rem !important;
  letter-spacing:.7px !important;
}
.footer-brand-mini span{
  font-size:.76rem !important;
  opacity:.86;
  white-space:nowrap;
}
.footer-trust-mini span{
  font-size:.72rem !important;
  padding:7px 10px !important;
}
.footer-bottom-row{
  margin-top:12px !important;
  padding-top:11px !important;
}
.footer-bottom-row p,
.footer-bottom-row small{
  font-size:.74rem !important;
}
@keyframes logoShineSweep{
  0%,62%,100%{transform:translateX(-65%) rotate(18deg);opacity:0}
  70%{opacity:.85}
  86%{transform:translateX(65%) rotate(18deg);opacity:0}
}

@media (max-width:560px){
  .footer-clean-card{padding:14px 13px !important;border-radius:20px !important;}
  .footer-main-row{display:flex !important;align-items:center !important;gap:10px !important;}
  .footer-brand-mini{gap:10px !important;min-width:0;}
  .footer-logo-mini{width:40px !important;height:40px !important;flex-basis:40px !important;}
  .footer-brand-mini strong{font-size:.88rem !important;letter-spacing:.4px !important;}
  .footer-brand-mini span{font-size:.70rem !important;max-width:185px !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap !important;}
  .footer-trust-mini{display:none !important;}
  .footer-bottom-row{margin-top:9px !important;padding-top:9px !important;text-align:left !important;}
  .footer-bottom-row p{font-size:.70rem !important;margin-bottom:3px !important;}
  .footer-bottom-row small{font-size:.68rem !important;line-height:1.45 !important;}
}


/* === User supplied RONG2 STORE logo v5 + no footer image === */
.brand-logo.logo-mark img,
.gravity-loader-logo img,
.khqr-bank-icon.logo-bank img,
.profile-avatar.logo-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  border-radius:inherit;
}

.footer-brand-mini.footer-no-logo{
  gap:0 !important;
  padding-left:2px;
}
.footer-brand-mini.footer-no-logo::before{
  content:"";
  width:8px;
  height:38px;
  border-radius:999px;
  margin-right:12px;
  background:linear-gradient(180deg, rgba(91,140,255,.95), rgba(127,92,255,.82));
  box-shadow:0 0 18px rgba(91,140,255,.28);
  flex:0 0 8px;
}
.footer-logo-mini{
  display:none !important;
}

@media (max-width:760px){
  .footer-brand-mini.footer-no-logo::before{
    width:6px;
    height:34px;
    margin-right:10px;
  }
}


/* ===== Google Login Button ===== */
.auth-divider{
  display:flex;
  align-items:center;
  gap:12px;
  color:rgba(224,234,255,.62);
  font-size:.84rem;
  margin:2px 0;
}
.auth-divider::before,
.auth-divider::after{
  content:"";
  flex:1;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(151,184,255,.22), transparent);
}
/* Clean Google login button - small official G logo */
.google-auth-btn{
  min-height:56px!important;
  height:56px!important;
  padding:0 18px!important;
  background:#fff!important;
  color:#1f2937!important;
  border:1px solid rgba(218,220,224,.95)!important;
  border-radius:18px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.22)!important;
  font-weight:800!important;
  letter-spacing:.1px;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  line-height:1!important;
  overflow:hidden!important;
}
.google-auth-btn:hover{
  background:#fff!important;
  color:#111827!important;
  border-color:#dadce0!important;
  transform:translateY(-1px)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.26), 0 0 22px rgba(91,140,255,.12)!important;
}
.google-auth-btn .google-logo-img,
.google-logo-img{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  max-width:22px!important;
  flex:0 0 22px!important;
  display:inline-block!important;
  object-fit:contain!important;
  border-radius:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
.google-auth-btn span{
  display:inline-block!important;
  flex:0 1 auto!important;
  white-space:nowrap!important;
  font-size:1rem!important;
  color:#1f2937!important;
}
.google-g{
  width:22px!important;
  height:22px!important;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:#fff;
  color:#4285f4;
  font-weight:800;
  font-family:Arial, sans-serif;
}
@media (max-width:560px){
  .google-auth-btn{
    height:54px!important;
    min-height:54px!important;
    border-radius:16px!important;
    gap:10px!important;
  }
  .google-auth-btn .google-logo-img,
  .google-logo-img{
    width:21px!important;
    height:21px!important;
    min-width:21px!important;
    max-width:21px!important;
    flex-basis:21px!important;
  }
  .google-auth-btn span{font-size:.98rem!important;}
}
.google-auth-btn.hidden,
.google-auth-divider.hidden{display:none !important;}


.telegram-btn-icon{
  width:18px;
  height:18px;
  min-width:18px;
  flex:0 0 18px;
  display:inline-block;
  object-fit:contain;
  vertical-align:middle;
}
#supportBtn,#mobileSupportBtn,#authGateSupportBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.quick-support{
  background:linear-gradient(135deg,rgba(34,158,217,.26),rgba(10,30,56,.78));
  border-color:rgba(34,158,217,.46);
}
.quick-support .quick-icon{
  background:linear-gradient(135deg,#27a7e7,#1d8fd1);
}
.quick-social-logo{
  width:24px;
  height:24px;
  object-fit:contain;
  display:block;
}
.quick-icon-telegram{padding:0;}
.khqr-support-card .headphone{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
}
.khqr-support-card .headphone img{
  width:24px;
  height:24px;
  object-fit:contain;
  display:block;
}


/* v4: mobile menu icons, same text size, better visual meaning */
@media (max-width:760px){
  .mobile-menu-inner a:not(#mobileSupportBtn),
  .mobile-menu-inner button{
    display:grid!important;
    grid-template-columns:42px 1fr auto!important;
    align-items:center!important;
    column-gap:12px!important;
    text-align:left!important;
  }

  .mobile-nav-icon{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:14px!important;
    padding:10px!important;
    object-fit:contain!important;
    display:block!important;
    background:linear-gradient(135deg,rgba(91,140,255,.26),rgba(127,92,255,.22))!important;
    border:1px solid rgba(151,184,255,.18)!important;
    box-shadow:inset 0 0 18px rgba(255,255,255,.05),0 8px 18px rgba(0,0,0,.16)!important;
  }

  #mobileHomeLink .mobile-nav-icon{background:linear-gradient(135deg,rgba(91,140,255,.34),rgba(59,130,246,.20))!important;}
  #mobileWalletLink .mobile-nav-icon{background:linear-gradient(135deg,rgba(168,85,247,.36),rgba(124,58,237,.22))!important;}
  #mobileOrdersLink .mobile-nav-icon{background:linear-gradient(135deg,rgba(245,158,11,.30),rgba(251,191,36,.16))!important;}
  #mobileRegisterBtn .mobile-nav-icon{background:linear-gradient(135deg,rgba(34,197,94,.30),rgba(22,163,74,.18))!important;}
  #mobileLoginBtn .mobile-nav-icon{background:linear-gradient(135deg,rgba(91,140,255,.36),rgba(127,92,255,.28))!important;}

  .mobile-nav-text{
    min-width:0!important;
  }

  .mobile-nav-arrow{
    color:rgba(255,255,255,.62)!important;
    font-size:1.45rem!important;
    line-height:1!important;
    margin-left:6px!important;
  }

  #mobileSupportBtn{
    display:grid!important;
    grid-template-columns:42px 1fr auto!important;
    align-items:center!important;
    column-gap:12px!important;
    justify-content:stretch!important;
    text-align:left!important;
  }

  #mobileSupportBtn .telegram-btn-icon{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:14px!important;
    padding:9px!important;
    background:linear-gradient(135deg,#27a7e7,#1d8fd1)!important;
    border:1px solid rgba(34,158,217,.35)!important;
    box-shadow:inset 0 0 18px rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.16)!important;
  }

  #mobileSupportBtn::after{
    content:"›";
    color:rgba(255,255,255,.62);
    font-size:1.45rem;
    line-height:1;
    justify-self:end;
  }
}

@media (max-width:430px){
  .mobile-menu-inner a:not(#mobileSupportBtn),
  .mobile-menu-inner button,
  #mobileSupportBtn{
    grid-template-columns:38px 1fr auto!important;
    column-gap:11px!important;
  }

  .mobile-nav-icon,
  #mobileSupportBtn .telegram-btn-icon{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:13px!important;
  }
}


/* v6: keep v4 icons, but make them small like original menu */
@media (max-width:760px){
  .mobile-menu-inner a:not(#mobileSupportBtn),
  .mobile-menu-inner button{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    text-align:left!important;
  }

  .mobile-nav-icon{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    max-width:22px!important;
    flex:0 0 22px!important;
    padding:0!important;
    border-radius:0!important;
    object-fit:contain!important;
    display:inline-block!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  .mobile-nav-text{
    flex:1 1 auto!important;
    min-width:0!important;
  }

  .mobile-nav-arrow{
    margin-left:auto!important;
    color:rgba(255,255,255,.60)!important;
    font-size:1.25rem!important;
    line-height:1!important;
  }

  #mobileSupportBtn{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    text-align:left!important;
  }

  #mobileSupportBtn .telegram-btn-icon{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    max-width:22px!important;
    flex:0 0 22px!important;
    padding:0!important;
    border-radius:999px!important;
    object-fit:contain!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  #mobileSupportBtn::after{
    content:"›";
    margin-left:auto;
    color:rgba(255,255,255,.60);
    font-size:1.25rem;
    line-height:1;
  }
}


/* v7: force all mobile menu rows to use the same left-aligned layout */
@media (max-width:760px){
  .mobile-menu-inner a,
  .mobile-menu-inner button,
  .mobile-menu-inner .btn,
  .mobile-menu-inner .btn.full,
  .mobile-menu-inner #mobileSupportBtn,
  .mobile-menu-inner #mobileLogoutBtn,
  .mobile-menu-inner #mobileLoginBtn,
  .mobile-menu-inner #mobileRegisterBtn{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:left!important;
    gap:10px!important;
  }

  .mobile-menu-inner #mobileSupportBtn{
    padding-left:24px!important;
  }

  .mobile-menu-inner #mobileLogoutBtn{
    padding-left:24px!important;
  }

  .mobile-menu-inner #mobileSupportBtn .telegram-btn-icon,
  .mobile-menu-inner .mobile-nav-icon{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    max-width:22px!important;
    flex:0 0 22px!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
    object-fit:contain!important;
  }

  .mobile-menu-inner .mobile-nav-text,
  .mobile-menu-inner .mobile-menu-label,
  .mobile-menu-inner #mobileSupportBtn span{
    flex:0 1 auto!important;
  }

  .mobile-menu-inner .mobile-nav-arrow{
    margin-left:auto!important;
  }

  .mobile-menu-inner #mobileSupportBtn::after,
  .mobile-menu-inner #mobileLogoutBtn::after{
    content:"›";
    margin-left:auto!important;
    color:rgba(255,255,255,.60)!important;
    font-size:1.25rem!important;
    line-height:1!important;
  }
}

/* v8: Orders page shows Order ID first, account credentials hidden until click */
.order-card{
  position:relative;
}

.order-id-line{
  margin:12px 0 10px;
  padding:12px 14px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:rgba(91,140,255,.08);
  border:1px solid rgba(151,184,255,.14);
}

.order-id-line span{
  color:var(--muted);
  font-size:.88rem;
  font-weight:700;
}

.order-id-line strong{
  color:#eaf2ff;
  font-size:.95rem;
  letter-spacing:.2px;
}

.order-locked-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(127,92,255,.12),rgba(51,209,255,.06));
  border:1px solid rgba(151,184,255,.13);
}

.order-locked-card strong{
  display:block;
  margin-bottom:4px;
  color:#fff;
}

.order-locked-card span{
  display:block;
  color:var(--muted);
  font-size:.88rem;
  line-height:1.55;
}

.order-account-box{
  margin-top:12px;
  border-color:rgba(91,140,255,.20);
  background:rgba(10,18,35,.66);
}

.order-copy-grid{
  margin-top:12px;
}

@media (max-width:560px){
  .order-id-line{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }

  .order-locked-card{
    align-items:stretch;
    flex-direction:column;
  }

  .order-locked-card .btn{
    width:100%;
  }
}

/* v9: Orders account reveal uses native details so it always displays after click */
.order-account-details{
  margin-top:12px;
}

.order-account-details summary{
  list-style:none;
}

.order-account-details summary::-webkit-details-marker{
  display:none;
}

.order-view-summary{
  width:100%;
  min-height:46px;
}

.order-account-details[open] .order-view-summary{
  margin-bottom:12px;
  background:linear-gradient(135deg,rgba(91,140,255,.30),rgba(127,92,255,.28))!important;
}

.order-account-details[open] .order-view-summary::after{
  content:" — បានបង្ហាញ";
  opacity:.75;
  font-size:.88em;
}

.order-account-box{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}


/* v10: compact Orders page + remove extra space */
#orders .section-head{
  margin-bottom:10px!important;
}

#orders .section-head h3{
  font-size:1.55rem!important;
  line-height:1.15!important;
}

#orders .section-head p{
  font-size:.92rem!important;
  line-height:1.45!important;
}

#orders .panel-block{
  padding:12px!important;
  border-radius:22px!important;
}

#orders .list{
  gap:10px!important;
}

#orders .order-card{
  padding:13px!important;
  border-radius:18px!important;
}

#orders .order-card .row-top{
  align-items:center!important;
  gap:8px!important;
}

#orders .order-card h5{
  font-size:1.02rem!important;
  line-height:1.25!important;
  margin:0 0 4px!important;
  letter-spacing:.4px!important;
}

#orders .order-card .muted.small-text{
  font-size:.82rem!important;
  line-height:1.35!important;
}

#orders .order-card .status{
  padding:6px 11px!important;
  font-size:.8rem!important;
  white-space:nowrap!important;
}

#orders .order-id-line{
  margin:9px 0 8px!important;
  padding:9px 11px!important;
  border-radius:13px!important;
  min-height:0!important;
  flex-direction:row!important;
  align-items:center!important;
}

#orders .order-id-line span{
  font-size:.78rem!important;
  line-height:1.2!important;
}

#orders .order-id-line strong{
  font-size:.88rem!important;
  line-height:1.25!important;
  word-break:break-all!important;
}

#orders .order-account-details{
  margin-top:8px!important;
}

#orders .order-view-summary{
  min-height:40px!important;
  height:40px!important;
  border-radius:13px!important;
  padding:0 12px!important;
  font-size:.92rem!important;
}

#orders .order-account-box{
  margin-top:8px!important;
  padding:11px!important;
  border-radius:14px!important;
  font-size:.9rem!important;
  line-height:1.55!important;
}

#orders .order-copy-grid{
  grid-template-columns:1fr!important;
  gap:8px!important;
  margin-top:9px!important;
}

#orders .order-copy-grid .btn{
  min-height:38px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  font-size:.88rem!important;
}

@media (max-width:560px){
  #orders{
    margin-top:18px!important;
  }

  #orders .section-head{
    padding:0 2px!important;
  }

  #orders .section-head h3{
    font-size:1.42rem!important;
  }

  #orders .section-head p{
    font-size:.86rem!important;
  }

  #orders .panel-block{
    padding:9px!important;
    border-radius:20px!important;
  }

  #orders .order-card{
    padding:11px!important;
  }

  #orders .order-card .row-top{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:start!important;
  }

  #orders .order-id-line{
    gap:8px!important;
  }

  #orders .order-view-summary{
    min-height:38px!important;
    height:38px!important;
  }
}

/* Hard hide old Shop nav link if any cached HTML still has it */
#shopLink,
#mobileShopLink{
  display:none!important;
}


/* v11: logged-in mobile menu cleanup */
#mobileLoginBtn.hidden,
#mobileRegisterBtn.hidden,
#mobileLogoutBtn.hidden,
#loginBtn.hidden,
#registerBtn.hidden,
#logoutBtn.hidden{
  display:none!important;
}

@media (max-width:760px){
  #mobileLogoutBtn{
    justify-content:center!important;
    text-align:center!important;
    padding-left:0!important;
  }

  #mobileLogoutBtn::after,
  #mobileLogoutBtn .mobile-menu-icon,
  #mobileLogoutBtn .mobile-nav-icon,
  #mobileLogoutBtn .mobile-nav-arrow{
    display:none!important;
    content:none!important;
  }

  #mobileLogoutBtn .mobile-menu-label{
    flex:0 0 auto!important;
  }
}

/* GRAVITY social buttons + Admin daily reports */
.telegram-btn-icon,
.quick-social-logo{
  width:22px;
  height:22px;
  object-fit:contain;
  filter:drop-shadow(0 6px 14px rgba(39,165,231,.32));
}
#supportBtn,
#mobileSupportBtn,
#authGateSupportBtn{
  background:linear-gradient(135deg, rgba(39,165,231,.22), rgba(0,136,204,.34));
  border:1px solid rgba(39,165,231,.38);
  box-shadow:0 12px 30px rgba(0,136,204,.18), inset 0 1px 0 rgba(255,255,255,.10);
}
#supportBtn:hover,
#mobileSupportBtn:hover,
#authGateSupportBtn:hover{
  box-shadow:0 16px 38px rgba(0,136,204,.30), 0 0 26px rgba(39,165,231,.18);
}
.facebook-social-btn{
  background:linear-gradient(135deg,#1877f2,#0b5ed7) !important;
  border:1px solid rgba(94,163,255,.45) !important;
  box-shadow:0 12px 30px rgba(24,119,242,.24), inset 0 1px 0 rgba(255,255,255,.12) !important;
  font-weight:700;
}
.facebook-social-btn:hover{
  box-shadow:0 16px 42px rgba(24,119,242,.36), 0 0 28px rgba(94,163,255,.18) !important;
}
.facebook-icon-mark{
  width:24px;
  height:24px;
  min-width:24px;
  border-radius:50%;
  display:inline-grid;
  place-items:center;
  background:#fff;
  color:#1877f2;
  font-family:Arial, sans-serif;
  font-weight:900;
  font-size:18px;
  line-height:1;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
}
.quick-actions{
  grid-template-columns:1fr 1fr;
}
.quick-facebook{
  background:linear-gradient(135deg, rgba(24,119,242,.20), rgba(11,94,215,.28));
  border-color:rgba(94,163,255,.34);
}
.quick-facebook:hover{
  box-shadow:0 18px 42px rgba(24,119,242,.25), 0 0 26px rgba(94,163,255,.14);
}
.quick-icon-facebook{
  background:rgba(24,119,242,.14);
}
.quick-icon-facebook .facebook-icon-mark{
  width:26px;
  height:26px;
  min-width:26px;
}
.admin-today-summary{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:14px;
  margin-top:14px;
}
.admin-today-card small{
  display:block;
  color:var(--muted);
  margin-top:6px;
  font-size:.85rem;
}
.admin-report-note{
  padding:13px 15px;
  border-radius:18px;
  background:linear-gradient(135deg, rgba(91,140,255,.12), rgba(127,92,255,.10));
  border:1px solid rgba(151,184,255,.16);
  color:#dce7ff;
  box-shadow:0 12px 30px rgba(0,0,0,.16);
}
.admin-day-group{
  border-radius:22px;
  background:linear-gradient(180deg, rgba(17,27,50,.84), rgba(10,18,35,.72));
  border:1px solid var(--line);
  box-shadow:var(--shadow-sm);
  overflow:hidden;
}
.admin-day-group + .admin-day-group{
  margin-top:12px;
}
.admin-day-group summary{
  list-style:none;
  cursor:pointer;
  padding:16px;
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  transition:background var(--anim-fast) ease, transform var(--anim-fast) ease;
}
.admin-day-group summary::-webkit-details-marker{display:none}
.admin-day-group summary:hover{
  background:rgba(91,140,255,.08);
}
.admin-day-group summary strong{
  display:block;
  margin-bottom:6px;
}
.admin-day-group summary span,
.admin-day-total small{
  color:var(--muted);
  font-size:.9rem;
}
.admin-day-total{
  text-align:right;
  min-width:120px;
}
.admin-day-total b{
  display:block;
  font-size:1.12rem;
}
.admin-day-details{
  display:grid;
  gap:10px;
  padding:0 14px 14px;
}
.admin-day-row{
  margin:0;
  background:rgba(255,255,255,.045);
}
@media (max-width:720px){
  .quick-actions{grid-template-columns:1fr;}
  .admin-day-group summary{align-items:flex-start;}
  .admin-day-total{text-align:left;min-width:auto;}
  .desktop-nav .facebook-social-btn{display:none;}
}

/* Separate Login actions from Social/Contact links - compact premium strip */
#authGate{
  display:grid;
  gap:18px;
}
.auth-social-strip{
  width:100%;
  display:grid;
  gap:12px;
  padding:0 10px;
  margin-top:-2px;
}
.auth-social-divider{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:#dce7ff;
  font-weight:800;
  letter-spacing:.2px;
}
.auth-social-divider::before,
.auth-social-divider::after{
  content:"";
  height:1px;
  flex:1;
  background:linear-gradient(90deg, transparent, rgba(151,184,255,.28), transparent);
}
.auth-social-divider span{
  padding:7px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(151,184,255,.16);
  box-shadow:0 8px 24px rgba(0,0,0,.16);
  font-size:.96rem;
}
.auth-social-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.auth-social-btn{
  min-height:50px;
  border-radius:18px!important;
  font-weight:800;
  letter-spacing:.1px;
}
.telegram-social-btn{
  background:linear-gradient(135deg, rgba(39,165,231,.18), rgba(0,136,204,.30))!important;
  border:1px solid rgba(39,165,231,.34)!important;
  box-shadow:0 12px 30px rgba(0,136,204,.16), inset 0 1px 0 rgba(255,255,255,.10)!important;
}
@media (max-width:720px){
  #authGate{gap:14px;}
  .auth-social-strip{padding:0 2px;}
  .auth-social-actions{grid-template-columns:1fr;gap:9px;}
  .auth-social-divider span{font-size:.9rem;padding:6px 12px;}
  .auth-social-btn{min-height:48px;border-radius:17px!important;}
}



/* GRAVITY 9/10 social placement: keep Login area clean, move help buttons into footer */
.auth-social-strip{display:none!important;}
.footer-social-row{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:13px;
  padding-top:12px;
  border-top:1px solid rgba(151,184,255,.10);
}
.footer-social-link{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-radius:15px;
  font-weight:800;
  font-size:.88rem;
  letter-spacing:.1px;
  border:1px solid rgba(151,184,255,.16);
  box-shadow:0 10px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform var(--anim-fast) ease, box-shadow var(--anim-fast) ease, filter var(--anim-fast) ease;
  overflow:hidden;
}
.footer-social-link:hover{transform:translateY(-2px);filter:brightness(1.04)}
.footer-social-link img{
  width:21px;
  height:21px;
  object-fit:contain;
  filter:drop-shadow(0 5px 12px rgba(39,165,231,.28));
}
.footer-telegram-link{
  background:linear-gradient(135deg, rgba(39,165,231,.20), rgba(0,136,204,.30));
  border-color:rgba(39,165,231,.30);
}
.footer-telegram-link:hover{box-shadow:0 14px 32px rgba(0,136,204,.25), 0 0 22px rgba(39,165,231,.12)}
.footer-facebook-link{
  background:linear-gradient(135deg, rgba(24,119,242,.92), rgba(10,88,202,.86));
  border-color:rgba(94,163,255,.34);
}
.footer-facebook-link:hover{box-shadow:0 14px 34px rgba(24,119,242,.30), 0 0 24px rgba(94,163,255,.14)}
.footer-facebook-icon{
  width:22px;
  height:22px;
  min-width:22px;
  border-radius:50%;
  display:inline-grid;
  place-items:center;
  background:#fff;
  color:#1877f2;
  font-family:Arial,sans-serif;
  font-weight:900;
  font-size:17px;
  line-height:1;
  box-shadow:0 7px 18px rgba(0,0,0,.18);
}
@media (max-width:760px){
  .footer-social-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;padding-top:11px;}
  .footer-social-link{min-height:40px;border-radius:14px;font-size:.80rem;gap:7px;padding:0 8px;}
  .footer-social-link img,.footer-facebook-icon{width:20px;height:20px;min-width:20px;}
}
@media (max-width:360px){
  .footer-social-row{grid-template-columns:1fr;}
}


/* === FINAL FIX: Clean footer social links, no huge icons, login area stays clean === */
.auth-social-strip,
.auth-help-strip,
.need-help-block{
  display:none!important;
}
.site-footer.footer-clean{
  margin-top:28px!important;
}
.footer-clean-card{
  padding:18px 16px 16px!important;
  border-radius:22px!important;
  overflow:hidden!important;
}
.footer-social-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  margin:12px 0 0!important;
  padding:12px 0 0!important;
  border-top:1px solid rgba(151,184,255,.12)!important;
}
.footer-social-link{
  width:auto!important;
  min-width:0!important;
  height:36px!important;
  min-height:36px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  font-size:.78rem!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  border:1px solid rgba(151,184,255,.18)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.footer-social-link img{
  display:none!important;
  width:0!important;
  height:0!important;
  max-width:0!important;
  max-height:0!important;
}
.footer-social-icon,
.footer-facebook-icon{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  max-width:20px!important;
  max-height:20px!important;
  border-radius:50%!important;
  display:inline-grid!important;
  place-items:center!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  background:rgba(255,255,255,.96)!important;
  color:#0ea5e9!important;
  box-shadow:0 5px 13px rgba(0,0,0,.16)!important;
}
.footer-facebook-icon{color:#1877f2!important;font-family:Arial,sans-serif!important;font-size:15px!important;}
.footer-telegram-link{
  background:linear-gradient(135deg, rgba(14,165,233,.20), rgba(3,105,161,.26))!important;
  border-color:rgba(56,189,248,.30)!important;
}
.footer-facebook-link{
  background:linear-gradient(135deg, rgba(24,119,242,.22), rgba(37,99,235,.28))!important;
  border-color:rgba(96,165,250,.30)!important;
}
.footer-bottom-row{
  margin-top:12px!important;
  padding-top:12px!important;
}
@media (max-width:760px){
  .site-footer.footer-clean{margin-top:24px!important;padding-bottom:12px!important;}
  .footer-clean-card{padding:16px 14px 14px!important;border-radius:22px!important;}
  .footer-social-row{gap:8px!important;flex-wrap:wrap!important;}
  .footer-social-link{height:34px!important;min-height:34px!important;padding:0 11px!important;font-size:.74rem!important;}
  .footer-social-icon,.footer-facebook-icon{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;max-height:18px!important;font-size:12px!important;}
  .footer-facebook-icon{font-size:14px!important;}
}

/* Final polish for GRAVITY quick action icons */
.quick-icon-deposit{
  background:radial-gradient(circle at 32% 24%, rgba(255,255,255,.32), transparent 36%),
             linear-gradient(135deg,#a855f7 0%,#7c3aed 48%,#4f46e5 100%) !important;
  border:1px solid rgba(216,180,254,.42);
  box-shadow:inset 0 0 18px rgba(255,255,255,.14),0 10px 24px rgba(168,85,247,.28),0 0 18px rgba(124,58,237,.20) !important;
}
.quick-svg{width:30px;height:30px;display:block;filter:drop-shadow(0 7px 12px rgba(0,0,0,.24));}
.quick-deposit{
  background:linear-gradient(135deg,rgba(152,49,255,.34),rgba(70,28,132,.42) 52%,rgba(22,17,46,.82)) !important;
  border-color:rgba(192,132,252,.46) !important;
}
.quick-deposit:hover{box-shadow:0 20px 44px rgba(0,0,0,.30),0 0 28px rgba(168,85,247,.22) !important;}
.quick-icon-facebook{
  background:radial-gradient(circle at 34% 24%, rgba(255,255,255,.28), transparent 38%),
             linear-gradient(135deg,#3b82f6 0%,#1877f2 54%,#0b5ed7 100%) !important;
  border:1px solid rgba(147,197,253,.40);
  box-shadow:inset 0 0 18px rgba(255,255,255,.14),0 10px 24px rgba(24,119,242,.28),0 0 18px rgba(59,130,246,.18) !important;
}
.quick-icon-facebook .facebook-icon-mark{
  width:31px !important;
  height:31px !important;
  min-width:31px !important;
  background:#fff !important;
  color:#1877f2 !important;
  border-radius:999px !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:23px !important;
  font-weight:900 !important;
  line-height:31px !important;
  padding-top:3px;
  box-shadow:0 8px 18px rgba(0,0,0,.20) !important;
}
.quick-facebook{
  background:linear-gradient(135deg,rgba(24,119,242,.34),rgba(13,75,168,.42) 55%,rgba(11,34,82,.82)) !important;
  border-color:rgba(96,165,250,.46) !important;
}
.quick-facebook:hover{box-shadow:0 20px 44px rgba(0,0,0,.30),0 0 28px rgba(24,119,242,.22) !important;}
.quick-social-logo{width:26px !important;height:26px !important;filter:drop-shadow(0 7px 13px rgba(0,0,0,.22)) !important;}
.quick-icon-telegram{
  background:radial-gradient(circle at 34% 24%, rgba(255,255,255,.25), transparent 38%),
             linear-gradient(135deg,#38bdf8 0%,#0ea5e9 52%,#0284c7 100%) !important;
  border:1px solid rgba(125,211,252,.40);
  box-shadow:inset 0 0 18px rgba(255,255,255,.14),0 10px 24px rgba(14,165,233,.28),0 0 18px rgba(56,189,248,.18) !important;
}
@media (max-width:760px){
  .quick-icon{width:58px !important;height:58px !important;flex-basis:58px !important;}
  .quick-svg{width:32px;height:32px;}
  .quick-action{min-height:88px !important;}
}


/* ===== GRAVITY MOBILE FULL-CIRCLE ORIGINAL ICON FIX ===== */
.quick-icon.quick-icon-deposit,
.quick-icon.quick-icon-facebook{
  padding:0 !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% !important;
}

.quick-icon.quick-icon-deposit .quick-original-logo,
.quick-icon.quick-icon-facebook .quick-original-logo,
.quick-icon.quick-icon-deposit img.quick-social-logo,
.quick-icon.quick-icon-facebook img.quick-social-logo{
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:50% !important;
  display:block !important;
  padding:0 !important;
  margin:0 !important;
  filter:none !important;
}

@media (max-width:760px){
  .quick-icon.quick-icon-deposit,
  .quick-icon.quick-icon-facebook{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    min-height:58px !important;
    flex:0 0 58px !important;
  }
}

/* === GRAVITY MAX: performance + admin pro polish === */
.admin-max-dashboard{margin-top:16px;display:grid;gap:16px}
.admin-max-title{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:4px 0 0}
.admin-max-title h4{margin:0;font-size:1.1rem}
.admin-max-title span{color:var(--muted);font-size:.9rem}
.pro-cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.admin-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.admin-insight-card{min-height:220px}
.admin-rank-list{display:grid;gap:10px;margin-top:12px}
.rank-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.rank-row b{color:#9cc2ff}.rank-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row em{font-style:normal;color:var(--muted);font-size:.84rem;white-space:nowrap}.security-row{grid-template-columns:18px 1fr auto}
.product-cover img,.product-detail-thumb img{content-visibility:auto}
.product-card{content-visibility:auto;contain-intrinsic-size:360px;will-change:auto}
.card-row,.admin-product-card{content-visibility:auto;contain-intrinsic-size:180px}

@media (max-width: 780px){
  .admin-insight-grid{grid-template-columns:1fr}
  .rank-row{grid-template-columns:28px 1fr;align-items:start}
  .rank-row em{grid-column:2;white-space:normal}
  .product-card:hover,.panel-block:hover,.form-card:hover,.mini-card:hover,.admin-product-card:hover,.card-row:hover,.compact-form:hover{transform:none}
  .btn:hover{transform:none}
  body::before,body::after,.rong2-orb,.rong2-star-field{animation:none!important;opacity:.45}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}

/* Admin User Search Only + History */
.admin-user-search-box {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
}
.admin-user-result-card .admin-day-group {
  margin-top: 12px;
}
.admin-user-result-card .admin-history-list {
  display: grid;
  gap: 8px;
  padding-top: 10px;
}
@media (max-width: 560px) {
  .admin-user-search-box {
    grid-template-columns: 1fr;
  }
}

/* Admin user search mobile fix */
.admin-user-search-box{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}
.admin-user-search-btn{
  min-height:48px;
  padding-inline:20px;
  white-space:nowrap;
}
@media (max-width:640px){
  .admin-user-search-box{
    grid-template-columns:1fr;
  }
  .admin-user-search-btn{
    width:100%;
  }
}

/* ===== GRAVITY Futuristic Rank System 4 Ranks ===== */
.gravity-rank-panel{
  display:grid;
  gap:14px;
  padding:0 4px;
}
.current-rank-card{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  border-radius:22px;
  background:
    radial-gradient(circle at 12% 25%, rgba(51,209,255,.14), transparent 30%),
    linear-gradient(135deg, rgba(10,20,44,.92), rgba(16,11,38,.86));
  border:1px solid rgba(91,140,255,.32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 12px 34px rgba(0,0,0,.24), 0 0 26px rgba(91,140,255,.10);
  overflow:hidden;
  position:relative;
}
.current-rank-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
  transform:translateX(-110%);
  animation:rankShine 5.5s ease-in-out infinite;
  pointer-events:none;
}
.current-rank-icon{
  width:64px;
  height:64px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 0 22px rgba(255,255,255,.05), 0 0 18px rgba(91,140,255,.18);
}
.current-rank-icon img{width:58px;height:58px;object-fit:contain;display:block;filter:drop-shadow(0 0 10px rgba(91,140,255,.36))}
.current-rank-info{min-width:0;display:grid;gap:5px}
.current-rank-info span{color:#b9c9ef;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.current-rank-info strong{font-size:1.35rem;letter-spacing:.04em;line-height:1;font-weight:900;color:#fff;text-shadow:0 0 18px rgba(91,140,255,.18)}
.current-rank-info small{color:#c7d4f3;font-size:.86rem;line-height:1.35}
.rank-progress{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:4px;border:1px solid rgba(255,255,255,.06)}
.rank-progress i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#33d1ff,#7f5cff);box-shadow:0 0 16px rgba(91,140,255,.45);transition:width .45s ease}
.current-rank-card em{font-style:normal;font-weight:900;color:#e9efff;align-self:end;margin-bottom:6px;min-width:42px;text-align:right}
.rank-showcase{
  display:grid;
  grid-template-columns:repeat(4,minmax(118px,1fr));
  gap:12px;
  overflow-x:auto;
  padding:2px 2px 8px;
  scrollbar-width:thin;
  scrollbar-color:rgba(91,140,255,.6) rgba(255,255,255,.06);
}
.rank-card{
  min-width:118px;
  height:162px;
  padding:12px 10px;
  border-radius:20px;
  display:grid;
  grid-template-rows:1fr auto auto;
  place-items:center;
  text-align:center;
  background:linear-gradient(180deg, rgba(15,28,58,.75), rgba(7,12,28,.86));
  border:1px solid rgba(151,184,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 12px 28px rgba(0,0,0,.22);
  transition:transform .22s ease, opacity .22s ease, filter .22s ease, box-shadow .22s ease, border-color .22s ease;
  position:relative;
  overflow:hidden;
}
.rank-card::before{content:"";position:absolute;inset:auto 12px 42px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)}
.rank-card img{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(91,140,255,.24));transition:transform .22s ease, filter .22s ease}
.rank-card b{font-size:1rem;letter-spacing:.04em;font-weight:900;line-height:1;text-shadow:0 0 12px currentColor}
.rank-card span{margin-top:6px;font-size:.78rem;color:#d6e1fb;font-weight:700}
.rank-card.is-locked{opacity:.48;filter:saturate(.7)}
.rank-card.is-unlocked{opacity:.82}
.rank-card.is-active{opacity:1;filter:none;transform:translateY(-2px);border-color:rgba(51,209,255,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(51,209,255,.18),0 0 32px rgba(51,209,255,.26),0 16px 38px rgba(0,0,0,.28)}
.rank-card.is-active img{transform:scale(1.06);filter:drop-shadow(0 0 20px rgba(51,209,255,.55))}
.rank-member b,.current-rank-card.rank-member .current-rank-info strong{color:#40b8ff}.rank-member{border-color:rgba(51,157,255,.35)}
.rank-vip b,.current-rank-card.rank-vip .current-rank-info strong{color:#d06cff}.rank-vip{border-color:rgba(208,108,255,.36)}
.rank-gold b,.current-rank-card.rank-gold .current-rank-info strong{color:#ffd166}.rank-gold{border-color:rgba(255,193,7,.42)}
.rank-legend b,.current-rank-card.rank-legend .current-rank-info strong{color:#ff5b45}.rank-legend{border-color:rgba(255,91,69,.48)}
.current-rank-card.rank-vip .rank-progress i{background:linear-gradient(90deg,#9d4edd,#ff7cff);box-shadow:0 0 16px rgba(208,108,255,.5)}
.current-rank-card.rank-gold .rank-progress i{background:linear-gradient(90deg,#f59e0b,#fde68a);box-shadow:0 0 16px rgba(245,158,11,.55)}
.current-rank-card.rank-legend .rank-progress i{background:linear-gradient(90deg,#ff3b30,#ffb703);box-shadow:0 0 16px rgba(255,76,48,.58)}
@keyframes rankShine{0%,58%{transform:translateX(-110%)}78%,100%{transform:translateX(110%)}}
@media (max-width:760px){
  .gravity-rank-panel{gap:12px;padding:0}
  .current-rank-card{grid-template-columns:auto 1fr;gap:10px;padding:12px;border-radius:19px}
  .current-rank-card em{grid-column:2;justify-self:end;margin:-12px 0 0;font-size:.9rem}
  .current-rank-icon{width:54px;height:54px;border-radius:14px}.current-rank-icon img{width:50px;height:50px}
  .current-rank-info strong{font-size:1.12rem}.current-rank-info small{font-size:.76rem}.current-rank-info span{font-size:.68rem}
  .rank-showcase{display:flex;gap:10px;padding-bottom:10px;scroll-snap-type:x mandatory}
  .rank-card{min-width:118px;height:154px;border-radius:18px;scroll-snap-align:start}.rank-card img{width:78px;height:78px}.rank-card b{font-size:.94rem}.rank-card span{font-size:.74rem}
}


/* ===== RONG2 Rank/Profile/Buttons polish v92001 - keep original look ===== */
.profile-balance-card{
  background:
    radial-gradient(circle at 12% 32%, rgba(170,90,255,.24), transparent 36%),
    radial-gradient(circle at 88% 30%, rgba(91,140,255,.14), transparent 34%),
    linear-gradient(135deg, rgba(45,20,98,.70), rgba(8,16,34,.76) 48%, rgba(38,19,86,.72)) !important;
  border-color:rgba(176,95,255,.58) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 0 34px rgba(127,92,255,.22),0 18px 48px rgba(0,0,0,.28) !important;
}
.profile-avatar{box-shadow:0 0 30px rgba(147,51,234,.50),inset 0 0 24px rgba(255,255,255,.12) !important;}
.balance-text strong{color:#c278ff !important;text-shadow:0 0 24px rgba(194,120,255,.38) !important;}
.gravity-rank-panel{gap:15px !important;}
.current-rank-card{
  border-color:rgba(91,140,255,.42) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 14px 38px rgba(0,0,0,.26),0 0 30px rgba(91,140,255,.14) !important;
}
.current-rank-icon{width:72px !important;height:72px !important;border-radius:18px !important;}
.current-rank-icon img{width:68px !important;height:68px !important;}
.rank-progress{height:10px !important;}
.rank-progress i{animation:gravityRankGlow 2.2s ease-in-out infinite;}
.rank-card{
  height:174px !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,rgba(20,39,78,.78),rgba(8,13,30,.90)) !important;
}
.rank-card img{width:96px !important;height:96px !important;}
.rank-card:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 30px rgba(91,140,255,.18),0 16px 36px rgba(0,0,0,.28) !important;}
.rank-member img{filter:drop-shadow(0 0 17px rgba(64,184,255,.48)) !important;}
.rank-vip img{filter:drop-shadow(0 0 18px rgba(208,108,255,.54)) !important;}
.rank-gold img{filter:drop-shadow(0 0 20px rgba(255,209,102,.58)) !important;}
.rank-legend img{filter:drop-shadow(0 0 23px rgba(255,91,69,.58)) drop-shadow(0 0 12px rgba(51,209,255,.25)) !important;}
.rank-card.is-active.rank-legend{border-color:rgba(255,183,3,.72) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 0 1px rgba(255,183,3,.20),0 0 38px rgba(255,91,69,.28),0 16px 40px rgba(0,0,0,.30) !important;}
.quick-action-panel{border-color:rgba(151,184,255,.16) !important;box-shadow:0 16px 44px rgba(0,0,0,.25),0 0 24px rgba(91,140,255,.08) !important;}
.quick-action{min-height:96px !important;border-color:rgba(255,255,255,.11) !important;}
.quick-action:hover{transform:translateY(-4px) !important;}
.quick-deposit{background:linear-gradient(135deg,rgba(115,43,190,.92),rgba(39,20,80,.76)) !important;}
.quick-support{background:linear-gradient(135deg,rgba(18,142,196,.88),rgba(12,67,106,.76)) !important;border-color:rgba(56,189,248,.42) !important;}
.quick-support .quick-icon{background:linear-gradient(135deg,#38bdf8,#0ea5e9) !important;}
.quick-facebook{background:linear-gradient(135deg,rgba(25,106,220,.90),rgba(15,57,135,.76)) !important;border-color:rgba(59,130,246,.48) !important;}
.quick-facebook .quick-icon{background:linear-gradient(135deg,#2563eb,#60a5fa) !important;}
@keyframes gravityRankGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.25)}}
@media (max-width:760px){
  .current-rank-icon{width:62px !important;height:62px !important;}
  .current-rank-icon img{width:58px !important;height:58px !important;}
  .rank-card{min-width:126px !important;height:166px !important;}
  .rank-card img{width:90px !important;height:90px !important;}
  .quick-action{min-height:82px !important;}
}

/* ===== RONG2 Rank Discount Price UI ===== */
.rank-price-box{display:grid;gap:3px;line-height:1.1;align-items:start}
.rank-price-box.compact{gap:2px}
.old-price{color:rgba(220,230,255,.58);text-decoration:line-through;text-decoration-thickness:2px;font-size:.88rem;font-weight:700}
.new-price{color:#fff;font-size:1.18rem;text-shadow:0 0 14px rgba(34,197,94,.18)}
.rank-price-box em,
.rank-discount-pill{display:inline-flex;width:max-content;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;background:linear-gradient(135deg,rgba(34,197,94,.18),rgba(91,140,255,.13));border:1px solid rgba(34,197,94,.24);color:#a7f3d0;font-size:.72rem;font-style:normal;font-weight:800;letter-spacing:.2px;box-shadow:0 8px 20px rgba(0,0,0,.14)}
.old-price.inline,.new-price.inline{display:inline-block;margin-right:6px}.old-price.inline{font-size:.92rem}.new-price.inline{font-weight:900}
.buy-price-preview{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(151,184,255,.12)}
.rank-saving-line{margin-top:8px;padding:10px 12px;border-radius:14px;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.20);color:#b9ffd3;font-weight:700}
.rank-discount-settings-card, .profile-rank-row-img, #rankSystemPanel, #rankShowcase, .premium-rank-badge, .rank-discount-pill, .rank-price-box em, .rank-saving-line, .khqr-dollar-badge {
  display: none !important;
}


/* ===== RONG2 STORE MOBILE COMPACT V3 ===== */
/* Goal: smaller product rows on phone, less clutter, more accounts visible per screen */
@media (max-width:760px){

  #shop.section{
    margin-top:16px !important;
  }

  .shop-note{
    font-size:11px !important;
    line-height:1.35 !important;
    margin-bottom:10px !important;
  }

  .product-grid{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .product-card{
    display:grid !important;
    grid-template-columns:66px minmax(0,1fr) 78px !important;
    align-items:center !important;
    gap:8px !important;
    min-height:96px !important;
    padding:8px 9px !important;
    border-radius:16px !important;
    overflow:hidden !important;
  }

  .product-card:hover{
    transform:none !important;
  }

  .product-cover{
    width:66px !important;
    height:66px !important;
    min-width:66px !important;
    margin:0 !important;
    border-radius:13px !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.05), 0 8px 18px rgba(0,0,0,.16) !important;
  }

  .product-cover img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .product-content{
    min-width:0 !important;
    overflow:hidden !important;
    justify-content:center !important;
  }

  .product-meta{
    gap:4px !important;
    margin:0 0 3px !important;
    flex-wrap:nowrap !important;
    overflow:hidden !important;
  }

  .product-meta .badge{
    padding:2px 6px !important;
    font-size:9px !important;
    line-height:1.2 !important;
    border-radius:999px !important;
    white-space:nowrap !important;
  }

  /* hide sold badge on small phone to reduce clutter */
  .product-meta .badge:nth-child(3){
    display:none !important;
  }

  .product-card h4{
    font-size:12.5px !important;
    line-height:1.15 !important;
    margin:0 0 3px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    letter-spacing:.1px !important;
  }

  .product-card p{
    font-size:10px !important;
    line-height:1.2 !important;
    margin:0 !important;
    min-height:0 !important;
    display:block !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    color:rgba(216,228,251,.78) !important;
  }

  .price-row{
    min-width:78px !important;
    width:78px !important;
    margin:0 !important;
    gap:4px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:center !important;
  }

  .price-box{
    width:100% !important;
  }

  .rank-price-box,
  .rank-price-box.compact{
    width:100% !important;
    display:grid !important;
    gap:2px !important;
    transform:none !important;
    line-height:1 !important;
  }

  /* old price makes the card taller; hide on mobile card */
  .rank-price-box .old-price,
  .rank-price-box.compact .old-price{
    display:none !important;
  }

  .rank-price-box .new-price,
  .rank-price-box.compact .new-price,
  .price-row strong{
    width:100% !important;
    min-height:28px !important;
    padding:5px 6px !important;
    border-radius:10px !important;
    font-size:12.5px !important;
    line-height:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .rank-price-box em,
  .rank-price-box.compact em{
    width:100% !important;
    max-width:100% !important;
    padding:2px 4px !important;
    border-radius:999px !important;
    font-size:8.5px !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .buy-btn.btn,
  .price-row .btn{
    width:100% !important;
    min-height:30px !important;
    height:30px !important;
    padding:0 5px !important;
    border-radius:10px !important;
    font-size:10.5px !important;
    line-height:1 !important;
    box-shadow:0 6px 14px rgba(0,0,0,.16), 0 0 10px rgba(91,140,255,.06) !important;
  }
}

@media (max-width:420px){
  .product-card{
    grid-template-columns:60px minmax(0,1fr) 74px !important;
    min-height:88px !important;
    gap:7px !important;
    padding:7px 8px !important;
  }

  .product-cover{
    width:60px !important;
    height:60px !important;
    min-width:60px !important;
    border-radius:12px !important;
  }

  .product-card h4{
    font-size:11.5px !important;
  }

  .product-card p{
    font-size:9.5px !important;
  }

  .price-row{
    width:74px !important;
    min-width:74px !important;
  }

  .rank-price-box .new-price,
  .rank-price-box.compact .new-price,
  .price-row strong{
    font-size:11.5px !important;
    min-height:26px !important;
  }

  .rank-price-box em,
  .rank-price-box.compact em{
    font-size:8px !important;
  }

  .buy-btn.btn,
  .price-row .btn{
    min-height:28px !important;
    height:28px !important;
    font-size:10px !important;
  }
}


/* ===== GRAVITY Premium Buy Popup 2026-06-22 ===== */
#buyModal{
  padding:10px !important;
  align-items:center !important;
}
#buyModal .modal-card.small{
  width:min(640px,calc(100vw - 22px)) !important;
  max-height:calc(100vh - 22px) !important;
  overflow:auto !important;
  padding:24px 26px 26px !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(91,140,255,.20), transparent 0 30%),
    radial-gradient(circle at 88% 14%, rgba(127,92,255,.22), transparent 0 28%),
    linear-gradient(180deg, rgba(13,25,48,.98), rgba(7,15,31,.98)) !important;
  border:1px solid rgba(125,160,240,.34) !important;
  box-shadow:0 34px 90px rgba(0,0,0,.62), 0 0 0 1px rgba(255,255,255,.04), 0 0 36px rgba(91,140,255,.14) !important;
}
#buyModal .modal-card.small::before{
  background:linear-gradient(90deg, transparent, rgba(142,174,255,.65), rgba(34,197,94,.42), transparent) !important;
  height:2px !important;
}
#buyModal h4{
  margin:0 56px 18px 2px !important;
  font-size:1.55rem !important;
  line-height:1.2 !important;
  letter-spacing:.2px !important;
  text-shadow:0 0 22px rgba(91,140,255,.20) !important;
}
#buyModal .modal-close{
  top:20px !important;
  right:20px !important;
  width:52px !important;
  height:52px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.25) !important;
  font-size:1.25rem !important;
}
#buyModal .buy-summary{
  padding:0 !important;
  margin:0 0 18px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  line-height:1.45 !important;
}
.premium-buy-card{display:grid;gap:16px;}
.premium-buy-gallery{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:0 !important;
}
.premium-buy-thumb{
  aspect-ratio:1/1;
  min-height:0 !important;
  border-radius:18px;
  padding:0;
  overflow:hidden;
  cursor:pointer;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border:1px solid rgba(151,184,255,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 12px 26px rgba(0,0,0,.25), 0 0 18px rgba(91,140,255,.08);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.premium-buy-thumb:hover{transform:translateY(-2px);border-color:rgba(91,140,255,.70);box-shadow:0 0 24px rgba(91,140,255,.22), 0 14px 30px rgba(0,0,0,.28);}
.premium-buy-thumb img{width:100%;height:100%;display:block;object-fit:cover;}
.premium-buy-title{display:grid;gap:4px;margin-top:2px;}
.premium-buy-title span{color:var(--muted);font-size:.86rem;font-weight:800;text-transform:uppercase;letter-spacing:.9px;}
.premium-buy-title strong{font-size:1.7rem;line-height:1.18;font-weight:900;letter-spacing:.3px;color:#fff;text-shadow:0 8px 26px rgba(0,0,0,.28), 0 0 20px rgba(255,255,255,.08);}
.premium-buy-price-card,
.premium-buy-info-card{
  border-radius:22px;
  background:linear-gradient(180deg, rgba(18,31,58,.82), rgba(11,20,40,.78));
  border:1px solid rgba(151,184,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 16px 38px rgba(0,0,0,.20);
}
.premium-buy-price-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:18px 20px;}
.premium-price-left{display:flex;align-items:center;gap:14px;min-width:0;}
.premium-price-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:rgba(34,197,94,.12);border:2px solid rgba(34,197,94,.75);color:#86efac;font-size:2rem;font-weight:900;box-shadow:0 0 20px rgba(34,197,94,.18);}
.premium-price-left small,
.premium-info-box small{display:block;color:#9eb3d8;font-size:.95rem;font-weight:700;margin-bottom:3px;}
.premium-price-left strong{display:block;color:#fff;font-size:1.62rem;font-weight:900;letter-spacing:.2px;}
.premium-price-stack{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
.premium-old-price{color:rgba(220,230,255,.58);text-decoration:line-through;text-decoration-thickness:2px;font-size:1rem;font-weight:800;}
.premium-rank-badge{display:flex;align-items:center;gap:9px;padding:12px 16px;border-radius:17px;background:linear-gradient(135deg, rgba(127,92,255,.44), rgba(91,140,255,.18));border:1px solid rgba(160,139,255,.28);box-shadow:0 12px 24px rgba(0,0,0,.18), 0 0 20px rgba(127,92,255,.16);white-space:nowrap;}
.premium-rank-badge span{color:#bca7ff;font-size:1.2rem;filter:drop-shadow(0 0 10px rgba(127,92,255,.45));}
.premium-rank-badge b{font-size:1.05rem;letter-spacing:.5px;color:#f1edff;}
.premium-rank-badge em{font-style:normal;color:#4ade80;font-weight:900;font-size:1.02rem;}
.premium-rank-badge.rank-member{background:linear-gradient(135deg, rgba(61,178,255,.25), rgba(91,140,255,.12));}
.premium-rank-badge.rank-vip{background:linear-gradient(135deg, rgba(168,85,247,.36), rgba(91,140,255,.12));}
.premium-rank-badge.rank-gold{background:linear-gradient(135deg, rgba(245,158,11,.30), rgba(91,140,255,.12));}
.premium-rank-badge.rank-legend{background:linear-gradient(135deg, rgba(127,92,255,.46), rgba(245,158,11,.16));border-color:rgba(245,158,11,.28);}

.premium-save-card{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border-radius:20px;
  background:
    radial-gradient(circle at 10% 20%, rgba(74,222,128,.22), transparent 34%),
    linear-gradient(135deg, rgba(16,185,129,.18), rgba(6,78,59,.40));
  border:1px solid rgba(34,197,94,.34);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 12px 28px rgba(0,0,0,.20), 0 0 20px rgba(34,197,94,.10);
  color:#dcffe9;
  position:relative;
  overflow:hidden;
}
.premium-save-card::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);
  transform:translateX(-120%);
  animation:premiumSaveShine 5s ease-in-out infinite;
  pointer-events:none;
}
.premium-save-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, rgba(74,222,128,.26), rgba(34,197,94,.12));
  border:1px solid rgba(134,239,172,.28);
  color:#9cffbd;
  font-size:1.45rem;
  font-weight:900;
  box-shadow:0 10px 20px rgba(0,0,0,.18), 0 0 16px rgba(34,197,94,.12);
}
.premium-save-copy{display:grid;gap:2px;min-width:0;}
.premium-save-copy small{font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.7px;color:#86efac;opacity:.92;}
.premium-save-copy b{font-size:1.08rem;font-weight:900;color:#f2fff6;line-height:1.15;}
.premium-save-rank{
  justify-self:end;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(34,197,94,.12);
  border:1px solid rgba(134,239,172,.22);
  color:#c8ffd8;
  font-size:.88rem;
  font-weight:900;
  letter-spacing:.5px;
  white-space:nowrap;
}
@keyframes premiumSaveShine{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.premium-buy-info-card{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  padding:14px;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 0%, rgba(91,140,255,.14), transparent 34%),
    linear-gradient(180deg, rgba(18,31,58,.84), rgba(9,18,36,.78));
}
.premium-info-box{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
  padding:12px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  border:1px solid rgba(151,184,255,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 22px rgba(0,0,0,.16);
}
.premium-info-box + .premium-info-box{border-left:1px solid rgba(151,184,255,.13);padding-left:12px;}
.premium-info-icon{
  width:42px;
  height:42px;
  border-radius:15px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  background:linear-gradient(135deg, rgba(91,140,255,.34), rgba(127,92,255,.28));
  color:#c8d4ff;
  font-size:1.22rem;
  font-weight:900;
  box-shadow:0 10px 22px rgba(0,0,0,.18), 0 0 16px rgba(91,140,255,.14);
}
.premium-stock-box .premium-info-icon{background:linear-gradient(135deg, rgba(91,140,255,.30), rgba(51,209,255,.16));}
.premium-balance-box .premium-info-icon{background:linear-gradient(135deg, rgba(127,92,255,.34), rgba(91,140,255,.18));}
.premium-info-box small{display:block;color:#9eb3d8;font-size:.88rem;font-weight:800;margin:0 0 2px;}
.premium-info-box strong{font-size:1.32rem;font-weight:900;color:#fff;line-height:1.05;letter-spacing:.2px;}
.premium-balance-note{
  grid-column:1/-1;
  margin:0 !important;
  padding:10px 12px;
  border-radius:15px;
  background:rgba(7,13,26,.32);
  border:1px solid rgba(151,184,255,.10);
  color:#b9c8ea;
  font-size:.92rem;
  line-height:1.45;
  text-align:center;
}
.premium-balance-note.not-enough{color:#ffd7a8;background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.16);}
#buyModal .buy-actions{margin-top:0 !important;}
#buyModal #confirmBuyBtn{min-height:62px !important;border-radius:22px !important;font-size:1.16rem !important;font-weight:900 !important;letter-spacing:.2px !important;background:linear-gradient(135deg,#16a34a,#22c55e,#19c76f) !important;box-shadow:0 18px 40px rgba(34,197,94,.26), 0 0 22px rgba(34,197,94,.16) !important;}
#buyModal #confirmBuyBtn::after{content:' 🛒';}
@media (max-width:560px){
  #buyModal{padding:8px !important;align-items:start !important;}
  #buyModal .modal-card.small{width:calc(100vw - 16px) !important;max-height:calc(100vh - 16px) !important;margin-top:8px !important;padding:22px 18px 18px !important;border-radius:28px !important;}
  #buyModal h4{font-size:1.38rem !important;margin-bottom:16px !important;}
  #buyModal .modal-close{top:18px !important;right:18px !important;width:48px !important;height:48px !important;border-radius:17px !important;}
  .premium-buy-card{gap:13px;}
  .premium-buy-gallery{gap:9px !important;}
  .premium-buy-thumb{border-radius:15px;}
  .premium-buy-title strong{font-size:1.32rem;}
  .premium-buy-price-card{grid-template-columns:1fr;gap:13px;padding:15px 16px;}
  .premium-price-icon{width:46px;height:46px;font-size:1.65rem;}
  .premium-price-left strong{font-size:1.42rem;}
  .premium-rank-badge{width:100%;justify-content:center;padding:10px 12px;border-radius:15px;}
  .premium-save-card{padding:11px 12px;border-radius:18px;gap:10px;}
  .premium-save-icon{width:38px;height:38px;border-radius:13px;font-size:1.25rem;}
  .premium-save-copy small{font-size:.68rem;}
  .premium-save-copy b{font-size:.98rem;}
  .premium-save-rank{font-size:.78rem;padding:7px 9px;}
  .premium-buy-info-card{padding:12px;gap:10px;}
  .premium-info-box{padding:10px;gap:9px;border-radius:16px;}
  .premium-info-box + .premium-info-box{padding-left:10px;}
  .premium-info-icon{width:38px;height:38px;border-radius:13px;font-size:1.05rem;}
  .premium-info-box small{font-size:.80rem;}
  .premium-info-box strong{font-size:1.14rem;}
  .premium-balance-note{font-size:.84rem;padding:9px 10px;}
  #buyModal #confirmBuyBtn{min-height:56px !important;border-radius:19px !important;font-size:1.08rem !important;}
}
@media (max-width:380px){
  #buyModal .modal-card.small{padding:20px 14px 16px !important;}
  .premium-buy-gallery{gap:7px !important;}
  .premium-buy-title strong{font-size:1.18rem;}
  .premium-buy-price-card{padding:13px;}
  .premium-rank-badge b{font-size:.94rem;}
  .premium-rank-badge em{font-size:.92rem;}
  .premium-buy-info-card{grid-template-columns:1fr;padding:11px;gap:9px;}
  .premium-info-box + .premium-info-box{border-left:1px solid rgba(151,184,255,.13);padding-left:10px;}
  .premium-save-card{grid-template-columns:auto 1fr;}
  .premium-save-rank{grid-column:1/-1;justify-self:stretch;text-align:center;}
}

/* GRAVITY BUY POPUP V3 - clean Khmer save/stock/balance layout */
#buyModal .premium-save-card.premium-save-one-line{
  display:block !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  text-align:center !important;
  font-size:1rem !important;
  font-weight:900 !important;
  line-height:1.35 !important;
  letter-spacing:.05px !important;
  color:#dfffea !important;
  background:linear-gradient(135deg, rgba(34,197,94,.16), rgba(16,185,129,.08)) !important;
  border:1px solid rgba(74,222,128,.28) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 24px rgba(0,0,0,.16) !important;
}
#buyModal .premium-save-card.premium-save-one-line::before{display:none !important;}
#buyModal .premium-save-icon,
#buyModal .premium-save-copy,
#buyModal .premium-save-rank,
#buyModal .premium-info-icon{display:none !important;}
#buyModal .premium-buy-info-card.premium-buy-info-simple{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:9px !important;
  padding:13px 14px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(18,31,58,.70), rgba(9,18,36,.62)) !important;
  border:1px solid rgba(151,184,255,.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 12px 28px rgba(0,0,0,.18) !important;
}
#buyModal .premium-info-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:10px 12px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(151,184,255,.10) !important;
}
#buyModal .premium-info-row span{
  color:#aebfe2 !important;
  font-size:.95rem !important;
  font-weight:800 !important;
}
#buyModal .premium-info-row strong{
  color:#fff !important;
  font-size:1.05rem !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}
#buyModal .premium-balance-note{
  margin-top:1px !important;
  font-size:.88rem !important;
}
@media (max-width:560px){
  #buyModal .premium-save-card.premium-save-one-line{font-size:.92rem !important;padding:10px 11px !important;border-radius:15px !important;}
  #buyModal .premium-buy-info-card.premium-buy-info-simple{padding:11px !important;gap:8px !important;border-radius:16px !important;}
  #buyModal .premium-info-row{padding:9px 10px !important;border-radius:13px !important;}
  #buyModal .premium-info-row span{font-size:.88rem !important;}
  #buyModal .premium-info-row strong{font-size:1rem !important;}
}

/* ===== GRAVITY Mobile Rank Compact v4 ===== */
@media (max-width: 760px){
  .gravity-rank-panel{
    gap:10px !important;
  }

  .current-rank-card{
    padding:10px 12px !important;
    gap:9px !important;
    border-radius:18px !important;
    min-height:0 !important;
    align-items:center !important;
  }

  .current-rank-icon{
    width:52px !important;
    height:52px !important;
    border-radius:14px !important;
  }

  .current-rank-icon img{
    width:48px !important;
    height:48px !important;
  }

  .current-rank-info{
    gap:3px !important;
  }

  .current-rank-info span{
    font-size:.62rem !important;
    letter-spacing:.07em !important;
    line-height:1.05 !important;
  }

  .current-rank-info strong{
    font-size:1.02rem !important;
    line-height:1.05 !important;
  }

  .current-rank-info small{
    font-size:.68rem !important;
    line-height:1.22 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  .rank-progress{
    height:6px !important;
    margin-top:2px !important;
  }

  .current-rank-card em{
    grid-column:2 !important;
    justify-self:end !important;
    margin:-8px 0 0 !important;
    font-size:.78rem !important;
    min-width:34px !important;
  }

  .rank-showcase{
    gap:9px !important;
    padding-bottom:8px !important;
  }

  .rank-card{
    min-width:112px !important;
    height:142px !important;
    padding:9px 8px !important;
    border-radius:17px !important;
  }

  .rank-card img{
    width:74px !important;
    height:74px !important;
  }

  .rank-card b{
    font-size:.84rem !important;
  }

  .rank-card span{
    font-size:.68rem !important;
    margin-top:4px !important;
  }

  .rank-card::before{
    inset:auto 10px 36px !important;
  }

  .quick-action-panel{
    padding:10px !important;
    border-radius:20px !important;
  }

  .quick-actions.hero-actions{
    gap:9px !important;
  }

  .quick-action{
    min-height:66px !important;
    padding:11px 13px !important;
    border-radius:17px !important;
  }
}

@media (max-width: 420px){
  .current-rank-card{
    padding:9px 10px !important;
  }

  .current-rank-icon{
    width:48px !important;
    height:48px !important;
  }

  .current-rank-icon img{
    width:44px !important;
    height:44px !important;
  }

  .current-rank-info span{
    font-size:.58rem !important;
  }

  .current-rank-info strong{
    font-size:.96rem !important;
  }

  .current-rank-info small{
    font-size:.64rem !important;
  }

  .rank-card{
    min-width:106px !important;
    height:132px !important;
  }

  .rank-card img{
    width:68px !important;
    height:68px !important;
  }
}

/* ===== GRAVITY Mobile Rank Ultra Compact v2 ===== */
@media (max-width: 760px){
  .gravity-rank-panel{
    gap:10px !important;
  }
  .current-rank-card{
    grid-template-columns:auto 1fr auto !important;
    gap:10px !important;
    align-items:center !important;
    min-height:86px !important;
    padding:9px 12px !important;
    border-radius:18px !important;
    background:
      radial-gradient(circle at 14% 50%, rgba(255,209,102,.12), transparent 34%),
      radial-gradient(circle at 92% 12%, rgba(127,92,255,.14), transparent 32%),
      linear-gradient(135deg, rgba(12,22,45,.96), rgba(13,10,32,.92)) !important;
    border:1px solid rgba(255,209,102,.34) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.07),
      0 10px 28px rgba(0,0,0,.24),
      0 0 22px rgba(255,209,102,.10) !important;
  }
  .current-rank-card::before{
    opacity:.38 !important;
  }
  .current-rank-icon{
    width:48px !important;
    height:48px !important;
    border-radius:13px !important;
    background:rgba(255,255,255,.035) !important;
    border:1px solid rgba(255,209,102,.16) !important;
    box-shadow:inset 0 0 16px rgba(255,255,255,.04), 0 0 16px rgba(255,209,102,.12) !important;
  }
  .current-rank-icon img{
    width:45px !important;
    height:45px !important;
    filter:drop-shadow(0 0 10px rgba(255,209,102,.26)) !important;
  }
  .current-rank-info{
    gap:2px !important;
  }
  .current-rank-info span{
    font-size:.58rem !important;
    letter-spacing:.12em !important;
    color:#d9c7ff !important;
    line-height:1 !important;
  }
  .current-rank-info strong{
    font-size:1rem !important;
    line-height:1.05 !important;
    letter-spacing:.06em !important;
  }
  .current-rank-info small{
    font-size:.72rem !important;
    line-height:1.15 !important;
    color:#dbe5ff !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  .rank-progress{
    height:5px !important;
    margin-top:5px !important;
    background:rgba(255,255,255,.10) !important;
  }
  .rank-progress i{
    box-shadow:0 0 12px rgba(255,209,102,.35) !important;
  }
  .current-rank-card em{
    grid-column:auto !important;
    justify-self:end !important;
    align-self:end !important;
    margin:0 0 2px !important;
    min-width:32px !important;
    font-size:.78rem !important;
    color:#fff4bd !important;
  }
  .rank-showcase{
    gap:9px !important;
    padding-bottom:8px !important;
  }
  .rank-card{
    min-width:108px !important;
    height:138px !important;
    padding:9px 8px !important;
    border-radius:17px !important;
  }
  .rank-card img{
    width:74px !important;
    height:74px !important;
  }
  .rank-card b{
    font-size:.82rem !important;
  }
  .rank-card span{
    font-size:.68rem !important;
    margin-top:3px !important;
  }
}

@media (max-width: 390px){
  .current-rank-card{
    min-height:80px !important;
    padding:8px 10px !important;
  }
  .current-rank-icon{width:44px !important;height:44px !important;}
  .current-rank-icon img{width:41px !important;height:41px !important;}
  .current-rank-info strong{font-size:.92rem !important;}
  .current-rank-info small{font-size:.66rem !important;}
  .rank-card{min-width:102px !important;height:130px !important;}
  .rank-card img{width:68px !important;height:68px !important;}
}


/* =========================================================
   RONG2 STORE - ONE ROW PROFILE RANK BAR
   Only changes the top profile card.
   Layout: [Rank Image] USERNAME ✓ | $BALANCE
   ========================================================= */
.profile-balance-card.profile-rank-row{
  width:100% !important;
  min-height:72px !important;
  height:auto !important;
  padding:10px 14px !important;
  display:grid !important;
  grid-template-columns:54px minmax(0, 1fr) 22px 1px auto !important;
  align-items:center !important;
  column-gap:10px !important;
  border-radius:22px !important;
  overflow:hidden !important;
  position:relative !important;
  background:
    radial-gradient(circle at 10% 35%, rgba(176, 92, 255, .24), transparent 34%),
    radial-gradient(circle at 92% 35%, rgba(91, 140, 255, .16), transparent 34%),
    linear-gradient(135deg, rgba(45, 22, 92, .74), rgba(9, 17, 35, .84) 52%, rgba(33, 17, 78, .72)) !important;
  border:1px solid rgba(176, 95, 255, .50) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 0 1px rgba(255,255,255,.025),
    0 12px 34px rgba(0,0,0,.28),
    0 0 28px rgba(127,92,255,.18) !important;
}

.profile-balance-card.profile-rank-row::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,.10) 48%, transparent 100%) !important;
  transform:translateX(-120%) !important;
  animation:profileRankRowShine 6s ease-in-out infinite !important;
}

.profile-rank-row-img{
  width:54px !important;
  height:54px !important;
  max-width:54px !important;
  max-height:54px !important;
  min-width:54px !important;
  min-height:54px !important;
  object-fit:contain !important;
  display:block !important;
  position:relative !important;
  z-index:1 !important;
  filter:drop-shadow(0 0 12px rgba(91,140,255,.38)) !important;
}

.profile-rank-row-name{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  position:relative !important;
  z-index:1 !important;
  font-size:1.05rem !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  color:#fff !important;
  text-shadow:0 0 14px rgba(91,140,255,.20) !important;
}

.profile-rank-row-check{
  width:22px !important;
  height:22px !important;
  border-radius:999px !important;
  display:grid !important;
  place-items:center !important;
  position:relative !important;
  z-index:1 !important;
  font-size:.78rem !important;
  font-weight:900 !important;
  color:#fff !important;
  background:linear-gradient(135deg,#36d7ff,#7f5cff) !important;
  box-shadow:0 0 14px rgba(91,140,255,.34) !important;
}

.profile-rank-row-line{
  width:1px !important;
  height:30px !important;
  display:block !important;
  position:relative !important;
  z-index:1 !important;
  background:linear-gradient(180deg, transparent, rgba(255,255,255,.42), transparent) !important;
}

.profile-rank-row-money{
  position:relative !important;
  z-index:1 !important;
  white-space:nowrap !important;
  font-size:1.12rem !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:#dca7ff !important;
  text-shadow:0 0 22px rgba(194,120,255,.38) !important;
}

@keyframes profileRankRowShine{
  0%, 72%{transform:translateX(-120%)}
  100%{transform:translateX(120%)}
}

@media (max-width:560px){
  .profile-balance-card.profile-rank-row{
    min-height:66px !important;
    padding:9px 11px !important;
    grid-template-columns:48px minmax(0, 1fr) 20px 1px auto !important;
    column-gap:8px !important;
    border-radius:20px !important;
  }
  .profile-rank-row-img{
    width:48px !important;
    height:48px !important;
    max-width:48px !important;
    max-height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
  }
  .profile-rank-row-name{
    font-size:.96rem !important;
  }
  .profile-rank-row-check{
    width:20px !important;
    height:20px !important;
    font-size:.72rem !important;
  }
  .profile-rank-row-line{
    height:26px !important;
  }
  .profile-rank-row-money{
    font-size:1.02rem !important;
  }
}

@media (max-width:390px){
  .profile-balance-card.profile-rank-row{
    grid-template-columns:44px minmax(0, 1fr) 18px 1px auto !important;
    column-gap:7px !important;
  }
  .profile-rank-row-img{
    width:44px !important;
    height:44px !important;
    max-width:44px !important;
    max-height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
  }
  .profile-rank-row-name{
    font-size:.9rem !important;
  }
  .profile-rank-row-check{
    width:18px !important;
    height:18px !important;
    font-size:.66rem !important;
  }
  .profile-rank-row-money{
    font-size:.96rem !important;
  }
}


/* PROFILE CARD V2 - SAME FEEL AS RANK CARD */
.profile-rank-row{
background:linear-gradient(135deg,rgba(34,24,68,.95),rgba(8,16,40,.95)) !important;
border:1px solid rgba(184,120,255,.55)!important;
box-shadow:0 0 30px rgba(147,51,234,.25)!important;
}
.profile-rank-row-name{
font-size:1.15rem!important;
font-weight:800!important;
}
.profile-rank-row-check{
margin-left:-6px!important;
}
.profile-rank-row-line{
opacity:.35!important;
}
.profile-rank-row-money{
color:#f0b7ff!important;
font-size:1.25rem!important;
}


/* =========================================================
   RONG2 STORE - WOW PROFILE FIX
   Base: previous good row version.
   Change: remove check mark, keep [Rank] Username | $Balance.
   Prevent rank image from becoming huge.
   ========================================================= */

.profile-rank-row-check,
.profile-rank-check,
.profile-verified{
  display:none !important;
}

.profile-balance-card.profile-rank-row{
  min-height:68px !important;
  height:auto !important;
  padding:10px 12px !important;
  display:grid !important;
  grid-template-columns:48px minmax(0, 1fr) 1px auto !important;
  align-items:center !important;
  gap:9px !important;
  border-radius:20px !important;
}

.profile-balance-card.profile-rank-row .profile-rank-row-img,
.profile-rank-row-img,
#profileRankImage{
  width:48px !important;
  height:48px !important;
  max-width:48px !important;
  max-height:48px !important;
  min-width:48px !important;
  min-height:48px !important;
  object-fit:contain !important;
  display:block !important;
  flex:0 0 48px !important;
  transform:none !important;
}

.profile-rank-row-name{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:.98rem !important;
  line-height:1 !important;
  font-weight:900 !important;
  justify-self:start !important;
}

.profile-rank-row-line{
  display:block !important;
  width:1px !important;
  height:26px !important;
  background:linear-gradient(180deg, transparent, rgba(255,255,255,.45), transparent) !important;
}

.profile-rank-row-money{
  white-space:nowrap !important;
  font-size:1.03rem !important;
  line-height:1 !important;
  font-weight:900 !important;
  justify-self:end !important;
}

@media (min-width:561px){
  .profile-balance-card.profile-rank-row{
    min-height:76px !important;
    padding:11px 15px !important;
    grid-template-columns:54px minmax(0,1fr) 1px auto !important;
    gap:11px !important;
    border-radius:22px !important;
  }
  .profile-balance-card.profile-rank-row .profile-rank-row-img,
  .profile-rank-row-img,
  #profileRankImage{
    width:54px !important;
    height:54px !important;
    max-width:54px !important;
    max-height:54px !important;
    min-width:54px !important;
    min-height:54px !important;
    flex-basis:54px !important;
  }
  .profile-rank-row-name{
    font-size:1.05rem !important;
  }
  .profile-rank-row-line{
    height:30px !important;
  }
  .profile-rank-row-money{
    font-size:1.12rem !important;
  }
}

@media (max-width:390px){
  .profile-balance-card.profile-rank-row{
    grid-template-columns:44px minmax(0,1fr) 1px auto !important;
    gap:7px !important;
    padding:9px 10px !important;
  }
  .profile-balance-card.profile-rank-row .profile-rank-row-img,
  .profile-rank-row-img,
  #profileRankImage{
    width:44px !important;
    height:44px !important;
    max-width:44px !important;
    max-height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    flex-basis:44px !important;
  }
  .profile-rank-row-name{
    font-size:.92rem !important;
  }
  .profile-rank-row-money{
    font-size:.96rem !important;
  }
}


/* PROFILE = CURRENT RANK CARD STYLE */
.profile-balance-card{
  min-height:120px !important;
  border-radius:26px !important;
  border:1px solid rgba(220,180,90,.45) !important;
  background:
    radial-gradient(circle at 10% 25%, rgba(255,215,120,.08), transparent 30%),
    linear-gradient(135deg, rgba(34,28,58,.96), rgba(14,18,40,.96)) !important;
  box-shadow:
    0 0 30px rgba(255,215,120,.12),
    inset 0 0 0 1px rgba(255,255,255,.04) !important;
}

.profile-balance-card #profileRankImage{
  width:72px !important;
  height:72px !important;
}

.profile-rank-row-name,
.profile-clean-rank-name{
  font-size:1.35rem !important;
  font-weight:900 !important;
  color:#fff !important;
}

.profile-rank-row-money,
.profile-clean-rank-money{
  font-size:1.45rem !important;
  font-weight:900 !important;
  color:#ffe08a !important;
}

.profile-rank-row-line,
.profile-clean-rank-line{
  opacity:.7 !important;
}

/* GRAVITY Product Sections - added for category/section layout */
#productsGrid.product-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:28px;
}
.product-section-block{
  display:grid;
  gap:14px;
}
.product-section-header{
  min-height:86px;
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px 20px;
  border-radius:26px;
  background:
    linear-gradient(135deg, rgba(0,157,255,.88), rgba(0,118,210,.82)),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border:1px solid rgba(124,210,255,.28);
  box-shadow:0 18px 46px rgba(0,0,0,.28), 0 0 28px rgba(0,157,255,.16);
  overflow:hidden;
  position:relative;
}
.product-section-header::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent 0 50%, rgba(255,255,255,.08) 50% 70%, transparent 70%);
  pointer-events:none;
}
.product-section-icon{
  width:58px;
  height:58px;
  min-width:58px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.26);
  box-shadow:0 10px 24px rgba(0,0,0,.24);
  overflow:hidden;
  font-size:1.7rem;
  z-index:1;
}
.product-section-icon img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.product-section-title{z-index:1;min-width:0}
.product-section-title h3{
  margin:0;
  font-size:1.55rem;
  line-height:1.15;
  color:#fff;
  text-shadow:0 2px 10px rgba(0,0,0,.22);
}
.product-section-title small{
  display:block;
  margin-top:4px;
  color:rgba(255,255,255,.82);
  font-weight:600;
}
.product-section-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:16px;
}
.admin-product-card [data-move-product]{
  background:linear-gradient(135deg,#0788ff,#6d5bff);
}
@media (max-width:700px){
  #productsGrid.product-grid{gap:24px}
  .product-section-header{
    min-height:76px;
    padding:13px 15px;
    border-radius:22px;
  }
  .product-section-icon{
    width:50px;
    height:50px;
    min-width:50px;
  }
  .product-section-title h3{font-size:1.25rem}
  .product-section-title small{font-size:.78rem}
  .product-section-list{grid-template-columns:1fr;gap:12px}
}

/* ===== GRAVITY Section V2: theme color + clean desktop layout ===== */
#productsGrid.product-grid{
  display:block !important;
  grid-template-columns:none !important;
  gap:0 !important;
}
.product-section-block{
  display:block !important;
  width:100% !important;
  margin:0 0 30px !important;
  clear:both !important;
}
.product-section-header{
  width:100% !important;
  min-height:82px !important;
  margin:0 0 14px !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(91,140,255,.18), transparent 0 38%),
    radial-gradient(circle at 85% 20%, rgba(127,92,255,.20), transparent 0 36%),
    linear-gradient(135deg, rgba(15,30,62,.96), rgba(22,26,68,.94) 52%, rgba(13,22,46,.96)) !important;
  border:1px solid rgba(151,184,255,.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 16px 44px rgba(0,0,0,.30),
    0 0 26px rgba(91,140,255,.10),
    0 0 22px rgba(127,92,255,.08) !important;
}
.product-section-header::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg, transparent, rgba(91,140,255,.75), rgba(127,92,255,.65), transparent);
  pointer-events:none;
}
.product-section-header::after{
  opacity:.55 !important;
  background:linear-gradient(120deg, transparent 0 48%, rgba(255,255,255,.06) 50% 66%, transparent 70%) !important;
}
.product-section-icon{
  background:linear-gradient(135deg, rgba(91,140,255,.20), rgba(127,92,255,.16)) !important;
  border:1px solid rgba(151,184,255,.30) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.24), 0 0 18px rgba(91,140,255,.12) !important;
}
.product-section-title h3{
  color:#f3f7ff !important;
  text-shadow:0 0 18px rgba(91,140,255,.16), 0 2px 10px rgba(0,0,0,.25) !important;
}
.product-section-title small{
  color:#9eb3d8 !important;
}
.product-section-list{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
  width:100% !important;
}

@media (min-width:1180px){
  .product-section-list{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px !important;
  }
}

@media (min-width:761px){
  #productsGrid.product-grid{
    display:block !important;
    grid-template-columns:none !important;
  }
  .product-section-block{
    display:block !important;
    width:100% !important;
    margin-bottom:34px !important;
  }
  .product-section-header{
    padding:18px 22px !important;
    border-radius:26px !important;
  }
  .product-section-list .product-card{
    width:100% !important;
    max-width:none !important;
    grid-template-columns:96px minmax(0,1fr) 112px !important;
  }
}

@media (max-width:760px){
  #productsGrid.product-grid{
    display:block !important;
  }
  .product-section-block{
    margin-bottom:24px !important;
  }
  .product-section-header{
    min-height:76px !important;
    padding:13px 15px !important;
    border-radius:22px !important;
    margin-bottom:10px !important;
  }
  .product-section-icon{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
  }
  .product-section-title h3{
    font-size:1.25rem !important;
  }
  .product-section-title small{
    font-size:.78rem !important;
  }
  .product-section-list{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
}

/* ==========================================================
   RONG2 STORE Smooth Mobile Performance Patch v1
   Goal: keep the same design, but make weak/medium phones smoother.
   ========================================================== */
html{scroll-behavior:auto;}
img{content-visibility:auto;}
.product-card,.panel-block,.form-card,.mini-card,.card-row,.admin-product-card,.quick-action,.stat-card{
  content-visibility:auto;
  contain-intrinsic-size:1px 260px;
}
.product-cover img,.quick-social-logo,.mobile-nav-icon,.brand-logo img{
  backface-visibility:hidden;
  transform:translateZ(0);
}
.btn,.quick-action,.product-card,.panel-block,.form-card,.mini-card,.card-row,.admin-product-card,.stat-card{
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.performance-lite body::before,
.performance-lite body::after{display:none!important;}
body.performance-lite::before,
body.performance-lite::after{display:none!important;}
body.performance-lite .rong2-particles,
body.performance-lite .rong2-grid-light,
body.performance-lite .rong2-star-field{display:none!important;}
body.performance-lite .rong2-orb{filter:blur(10px)!important;opacity:.28!important;animation:none!important;will-change:auto!important;}
body.performance-lite .glass,
body.performance-lite .product-card,
body.performance-lite .panel-block,
body.performance-lite .form-card,
body.performance-lite .mini-card,
body.performance-lite .admin-product-card,
body.performance-lite .card-row,
body.performance-lite .compact-form,
body.performance-lite .modal-card,
body.performance-lite .stat-card,
body.performance-lite .inventory-box,
body.performance-lite .inventory-item,
body.performance-lite .info-item,
body.performance-lite .empty,
body.performance-lite .toolbar,
body.performance-lite .site-header,
body.performance-lite .mobile-menu,
body.performance-lite .auth-gate{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 10px 28px rgba(0,0,0,.26)!important;
}
body.performance-lite .btn::before,
body.performance-lite .glass::after,
body.performance-lite .product-card::after,
body.performance-lite .panel-block::after,
body.performance-lite .form-card::after,
body.performance-lite .mini-card::after,
body.performance-lite .admin-product-card::after,
body.performance-lite .compact-form::after,
body.performance-lite .stat-card::after{display:none!important;}
body.performance-lite .brand-logo,
body.performance-lite .rank-progress i,
body.performance-lite .profile-rank-row::before,
body.performance-lite .premium-save::before{animation:none!important;}
body.performance-lite .product-cover img{transition:none!important;}
@media (hover:none),(pointer:coarse){
  .btn:hover,.quick-action:hover,.product-card:hover,.panel-block:hover,.form-card:hover,.mini-card:hover,.admin-product-card:hover,.card-row:hover,.compact-form:hover,.stat-card:hover,.desktop-nav a:not(.btn):hover,.mobile-menu-inner a:hover{
    transform:none!important;
    box-shadow:inherit;
  }
  .btn:hover::before{transform:translateX(-140%)!important;}
  .product-card:hover .product-cover img{transform:none!important;}
}
@media (max-width:768px){
  :root{--shadow:0 10px 28px rgba(0,0,0,.30);--shadow-lg:0 14px 34px rgba(0,0,0,.34);--anim-fast:.14s;--anim-mid:.18s;}
  body{background:linear-gradient(180deg,var(--bg),var(--bg2) 48%,var(--bg3));}
  body::before,body::after{display:none!important;}
  .rong2-particles,.rong2-grid-light,.rong2-star-field{display:none!important;}
  .rong2-orb{filter:blur(8px)!important;opacity:.24!important;animation:none!important;will-change:auto!important;}
  .rong2-orb-bottom{display:none!important;}
  .glass,.product-card,.panel-block,.form-card,.mini-card,.admin-product-card,.card-row,.compact-form,.modal-card,.stat-card,.inventory-box,.inventory-item,.info-item,.empty,.toolbar,.site-header,.mobile-menu,.auth-gate{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .btn::before,.glass::after,.product-card::after,.panel-block::after,.form-card::after,.mini-card::after,.admin-product-card::after,.compact-form::after,.stat-card::after{display:none!important;}
  .brand-logo,.rank-progress i,.profile-rank-row::before,.premium-save::before{animation:none!important;}
  .product-card,.quick-action,.panel-block,.form-card,.card-row{transition:transform .12s ease,background .12s ease,border-color .12s ease!important;}
  .btn,.quick-action{min-height:44px;}
  .product-grid{gap:12px;}
  .main-wrap{padding-bottom:72px;}
}
@media (prefers-reduced-motion:reduce){
  .rong2-particles,.rong2-grid-light,.rong2-star-field,.rong2-orb{display:none!important;}
}

/* v6: Keep the 3 public stat cards in one row on mobile */
.public-stats-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}
.public-stats-grid .public-leaderboard-card{
  grid-column:1 / -1;
}

@media (max-width:760px){
  .public-stats-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:8px !important;
  }
  .public-stat-card{
    min-height:72px !important;
    padding:9px 8px !important;
    border-radius:18px !important;
    gap:8px !important;
    justify-content:center;
  }
  .public-stat-card .public-stat-icon{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    border-radius:14px !important;
    font-size:1.12rem !important;
  }
  .public-stat-copy{
    min-width:0;
  }
  .public-stat-copy span,
  .public-stat-copy small{
    display:none !important;
  }
  .public-stat-copy strong{
    font-size:1.08rem !important;
    line-height:1 !important;
    white-space:nowrap;
    margin:0 !important;
  }
  .public-leaderboard-card{
    grid-column:1 / -1 !important;
  }
}

@media (max-width:380px){
  .public-stats-grid{
    gap:7px !important;
  }
  .public-stat-card{
    padding:8px 6px !important;
    gap:6px !important;
  }
  .public-stat-card .public-stat-icon{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    border-radius:12px !important;
    font-size:1rem !important;
  }
  .public-stat-copy strong{
    font-size:.98rem !important;
  }
}


/* v6: Premium 3 stat cards in one clean row (icon top / number center / label bottom) */
#publicStatsSection{
  margin-top:22px;
}
.public-stats-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:10px !important;
  align-items:stretch !important;
}
.public-stats-grid .public-leaderboard-card{
  grid-column:1 / -1 !important;
  margin-top:8px;
}
.public-stat-card{
  min-width:0 !important;
  min-height:96px !important;
  padding:12px 6px 11px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  gap:6px !important;
  border-radius:22px !important;
  overflow:hidden !important;
}
.public-stat-card::after{
  width:110px !important;
  height:110px !important;
  right:-42px !important;
  bottom:-52px !important;
  opacity:.75;
}
.public-stat-card .public-stat-icon{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  flex:0 0 48px !important;
  border-radius:17px !important;
  font-size:1.28rem !important;
  margin:0 auto !important;
}
.public-stat-card .public-stat-copy{
  width:100% !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
}
.public-stat-card .public-stat-copy span{
  display:none !important;
}
.public-stat-card .public-stat-copy strong{
  margin:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
  font-size:clamp(1.28rem, 5.1vw, 1.72rem) !important;
  line-height:1 !important;
  letter-spacing:-.4px !important;
}
.public-stat-card .public-stat-copy small{
  margin-top:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  color:#aebfee !important;
  font-size:clamp(.56rem, 2.35vw, .72rem) !important;
  font-weight:800 !important;
  letter-spacing:.8px !important;
  line-height:1.05 !important;
}
.public-stat-card.stat-online{
  border-color:rgba(34,197,94,.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 14px 36px rgba(0,0,0,.28),
    0 0 22px rgba(34,197,94,.10) !important;
}
.public-stat-card.stat-online .public-stat-icon{
  position:relative !important;
  background:
    radial-gradient(circle at 34% 28%, rgba(255,255,255,.34), transparent 0 28%),
    radial-gradient(circle at 50% 50%, #27e767 0 30%, #18a949 52%, rgba(34,197,94,.18) 73%) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.24), 0 0 25px rgba(34,197,94,.28) !important;
}
.public-stat-card.stat-online .public-stat-icon::before{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:999px;
  background:radial-gradient(circle at 35% 25%, #8cffad 0 16%, #25df61 42%, #0d9d42 78%);
  box-shadow:0 0 18px rgba(34,197,94,.72);
}
.online-stat-icon i{
  width:9px !important;
  height:9px !important;
  top:9px !important;
  right:9px !important;
  z-index:2;
}
.online-live-dot{
  width:7px !important;
  height:7px !important;
  margin-right:4px !important;
}
@media (max-width:520px){
  .public-stats-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:8px !important;
  }
  .public-stat-card{
    min-height:84px !important;
    padding:10px 5px 9px !important;
    border-radius:18px !important;
  }
  .public-stat-card .public-stat-icon{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    flex-basis:42px !important;
    border-radius:15px !important;
    font-size:1.1rem !important;
  }
  .public-stat-card.stat-online .public-stat-icon::before{
    inset:10px;
  }
  .public-stat-card .public-stat-copy strong{
    font-size:clamp(1.08rem, 4.75vw, 1.38rem) !important;
    letter-spacing:-.7px !important;
  }
  .public-stat-card .public-stat-copy small{
    font-size:clamp(.50rem, 2vw, .62rem) !important;
    letter-spacing:.55px !important;
  }
}


/* GRAVITY stats row - match compact horizontal style requested */
.public-stats-section{
  margin-top:18px !important;
}
.public-stats-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:10px !important;
  align-items:stretch !important;
}
.public-stats-grid .public-leaderboard-card{
  grid-column:1 / -1 !important;
  margin-top:8px !important;
}
.public-stat-card{
  min-width:0 !important;
  min-height:58px !important;
  height:58px !important;
  padding:8px 10px !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  text-align:left !important;
  border-radius:17px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg, rgba(21,34,63,.80), rgba(10,18,35,.70)) !important;
  border:1px solid rgba(107,134,210,.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 8px 24px rgba(0,0,0,.24) !important;
}
.public-stat-card::after{
  width:90px !important;
  height:90px !important;
  right:-40px !important;
  bottom:-45px !important;
  opacity:.42 !important;
}
.public-stat-card .public-stat-icon{
  width:64px !important;
  height:40px !important;
  min-width:64px !important;
  flex:0 0 64px !important;
  margin:0 !important;
  border-radius:14px !important;
  display:grid !important;
  place-items:center !important;
  font-size:1.22rem !important;
  background:linear-gradient(135deg, rgba(91,140,255,.30), rgba(127,92,255,.24)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 8px 18px rgba(0,0,0,.22) !important;
}
.public-stat-card .public-stat-copy{
  flex:1 1 auto !important;
  min-width:0 !important;
  width:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  text-align:right !important;
}
.public-stat-card .public-stat-copy span,
.public-stat-card .public-stat-copy small{
  display:none !important;
}
.public-stat-card .public-stat-copy strong{
  display:block !important;
  margin:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
  color:#fff !important;
  font-size:clamp(1.08rem, 4.2vw, 1.42rem) !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:-.55px !important;
}
.public-stat-card.stat-online{
  border-color:rgba(34,197,94,.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 24px rgba(0,0,0,.24),
    0 0 18px rgba(34,197,94,.10) !important;
}
.public-stat-card.stat-online .public-stat-icon{
  position:relative !important;
  background:linear-gradient(135deg, rgba(16,185,129,.34), rgba(51,209,255,.16)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 8px 18px rgba(0,0,0,.22), 0 0 18px rgba(34,197,94,.18) !important;
}
.public-stat-card.stat-online .public-stat-icon::before{
  content:"";
  position:absolute;
  width:27px;
  height:27px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:999px;
  background:radial-gradient(circle at 35% 25%, #9cffb9 0 18%, #24e263 45%, #0d9c42 82%);
  box-shadow:0 0 20px rgba(34,197,94,.75);
  z-index:1;
}
.online-stat-icon i{
  position:absolute !important;
  width:8px !important;
  height:8px !important;
  right:17px !important;
  top:11px !important;
  z-index:2 !important;
  border-radius:999px !important;
  background:#45ff7a !important;
  box-shadow:0 0 12px rgba(34,197,94,.8) !important;
}
@media (max-width:520px){
  .public-stats-grid{
    gap:8px !important;
  }
  .public-stat-card{
    height:56px !important;
    min-height:56px !important;
    padding:7px 9px !important;
    border-radius:16px !important;
    gap:7px !important;
  }
  .public-stat-card .public-stat-icon{
    width:58px !important;
    height:38px !important;
    min-width:58px !important;
    flex-basis:58px !important;
    border-radius:13px !important;
    font-size:1.05rem !important;
  }
  .public-stat-card .public-stat-copy strong{
    font-size:clamp(1rem, 4.6vw, 1.30rem) !important;
    letter-spacing:-.7px !important;
  }
  .public-stat-card.stat-online .public-stat-icon::before{
    width:25px;
    height:25px;
  }
  .online-stat-icon i{
    right:14px !important;
    top:10px !important;
  }
}
@media (max-width:380px){
  .public-stats-grid{ gap:7px !important; }
  .public-stat-card{
    padding:7px 7px !important;
  }
  .public-stat-card .public-stat-icon{
    width:50px !important;
    min-width:50px !important;
    flex-basis:50px !important;
    height:36px !important;
  }
  .public-stat-card .public-stat-copy strong{
    font-size:clamp(.96rem, 4.3vw, 1.15rem) !important;
  }
}

/* v8: make the 3 public stat cards smaller and lower, like the reference photo */
#publicStatsSection.public-stats-section{
  margin-top:14px !important;
}
.public-stats-grid{
  gap:7px !important;
}
.public-stat-card{
  height:48px !important;
  min-height:48px !important;
  padding:6px 8px !important;
  border-radius:15px !important;
  gap:6px !important;
}
.public-stat-card .public-stat-icon{
  width:46px !important;
  min-width:46px !important;
  flex:0 0 46px !important;
  height:31px !important;
  border-radius:11px !important;
  font-size:.95rem !important;
}
.public-stat-card .public-stat-copy{
  min-width:0 !important;
  justify-content:flex-end !important;
}
.public-stat-card .public-stat-copy strong{
  font-size:clamp(.88rem, 3.6vw, 1.08rem) !important;
  letter-spacing:-.45px !important;
  line-height:1 !important;
}
.public-stat-card.stat-online .public-stat-icon::before{
  width:22px !important;
  height:22px !important;
}
.online-stat-icon i{
  width:6px !important;
  height:6px !important;
  right:12px !important;
  top:8px !important;
}
@media (max-width:520px){
  .public-stats-section{ margin-top:13px !important; }
  .public-stats-grid{ gap:7px !important; }
  .public-stat-card{
    height:47px !important;
    min-height:47px !important;
    padding:6px 7px !important;
    border-radius:15px !important;
  }
  .public-stat-card .public-stat-icon{
    width:44px !important;
    min-width:44px !important;
    flex-basis:44px !important;
    height:30px !important;
    border-radius:11px !important;
  }
  .public-stat-card .public-stat-copy strong{
    font-size:clamp(.84rem, 3.75vw, 1.02rem) !important;
  }
  .public-stat-card.stat-online .public-stat-icon::before{
    width:21px !important;
    height:21px !important;
  }
}
@media (max-width:380px){
  .public-stats-grid{ gap:6px !important; }
  .public-stat-card{
    height:45px !important;
    min-height:45px !important;
    padding:5px 6px !important;
  }
  .public-stat-card .public-stat-icon{
    width:39px !important;
    min-width:39px !important;
    flex-basis:39px !important;
    height:28px !important;
  }
  .public-stat-card .public-stat-copy strong{
    font-size:.88rem !important;
    letter-spacing:-.55px !important;
  }
}

/* GRAVITY rank showcase compact +15% update */
.rank-showcase{
  gap:9px !important;
  margin-top:11px !important;
}
.rank-card{
  min-height:83px !important;
  height:83px !important;
  padding:8px 9px !important;
  border-radius:15px !important;
  gap:3px !important;
}
.rank-card::before{
  inset:auto 10px 27px !important;
  opacity:.58 !important;
}
.rank-card img{
  width:48px !important;
  height:48px !important;
  margin-bottom:2px !important;
  filter:drop-shadow(0 0 10px rgba(91,140,255,.26)) !important;
}
.rank-card b{
  font-size:.71rem !important;
  line-height:1 !important;
  letter-spacing:.035em !important;
}
.rank-card span{
  margin-top:2px !important;
  font-size:.60rem !important;
  line-height:1 !important;
}
.rank-card.is-active{
  transform:translateY(-1px) !important;
}
.rank-card.is-active img{
  transform:scale(1.03) !important;
}
@media (max-width:640px){
  .rank-showcase{
    gap:8px !important;
    padding-bottom:7px !important;
  }
  .rank-card{
    min-width:85px !important;
    height:83px !important;
    min-height:83px !important;
    padding:8px 7px !important;
    border-radius:15px !important;
  }
  .rank-card img{
    width:46px !important;
    height:46px !important;
  }
  .rank-card b{font-size:.67rem !important;}
  .rank-card span{font-size:.56rem !important;}
}
@media (max-width:390px){
  .rank-showcase{gap:7px !important;}
  .rank-card{
    min-width:78px !important;
    height:78px !important;
    min-height:78px !important;
    padding:7px 6px !important;
  }
  .rank-card img{
    width:41px !important;
    height:41px !important;
  }
  .rank-card b{font-size:.62rem !important;}
  .rank-card span{font-size:.53rem !important;}
}

/* ===== GRAVITY QUICK ACTION BUTTONS 60% SMALLER / COMPACT ===== */
.quick-action-panel{
  padding:7px !important;
  border-radius:16px !important;
}
.quick-actions.hero-actions{
  gap:6px !important;
}
.quick-action{
  min-height:38px !important;
  height:38px !important;
  padding:5px 9px !important;
  border-radius:13px !important;
  gap:8px !important;
}
.quick-icon{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  flex-basis:30px !important;
  border-radius:12px !important;
}
.quick-action b{
  font-size:.78rem !important;
  line-height:1.05 !important;
  margin-bottom:1px !important;
}
.quick-action small{
  font-size:.62rem !important;
  line-height:1.05 !important;
}
.quick-action em{
  font-size:1.08rem !important;
  line-height:1 !important;
}
.quick-social-logo,
.quick-original-logo,
.quick-svg{
  width:18px !important;
  height:18px !important;
}
.quick-icon-facebook .facebook-icon-mark{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  font-size:15px !important;
  line-height:20px !important;
  padding-top:1px !important;
}

@media (max-width:760px){
  .quick-action-panel{
    padding:8px !important;
    border-radius:18px !important;
  }
  .quick-actions.hero-actions{
    grid-template-columns:1fr !important;
    gap:7px !important;
  }
  .quick-action{
    min-height:46px !important;
    height:46px !important;
    padding:6px 10px !important;
    border-radius:14px !important;
    gap:10px !important;
  }
  .quick-icon{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    flex-basis:34px !important;
    border-radius:13px !important;
  }
  .quick-action b{
    font-size:.88rem !important;
    line-height:1.08 !important;
    margin-bottom:1px !important;
  }
  .quick-action small{
    font-size:.70rem !important;
    line-height:1.08 !important;
  }
  .quick-action em{
    font-size:1.25rem !important;
  }
  .quick-social-logo,
  .quick-original-logo,
  .quick-svg{
    width:20px !important;
    height:20px !important;
  }
}

/* ===== GRAVITY ACTION BUTTONS SAME SIZE AS STATS CARDS ===== */
.quick-action-panel{
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
.quick-action-panel::before,
.quick-action-panel::after{
  display:none !important;
}
.quick-actions.hero-actions{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:8px !important;
  margin:0 !important;
}
.quick-action{
  width:100% !important;
  min-width:0 !important;
  min-height:54px !important;
  height:54px !important;
  padding:7px 8px !important;
  border-radius:18px !important;
  gap:7px !important;
  justify-content:flex-start !important;
  align-items:center !important;
  box-shadow:0 10px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.quick-icon{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  flex:0 0 34px !important;
  border-radius:12px !important;
}
.quick-social-logo,
.quick-original-logo,
.quick-svg{
  width:20px !important;
  height:20px !important;
}
.quick-icon-facebook .facebook-icon-mark{
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  font-size:16px !important;
  line-height:22px !important;
}
.quick-action span:not(.quick-icon){
  min-width:0 !important;
  overflow:hidden !important;
}
.quick-action b{
  font-size:.72rem !important;
  line-height:1.05 !important;
  margin:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.quick-action small{
  display:none !important;
}
.quick-action em{
  display:none !important;
}
@media (max-width:760px){
  .quick-actions.hero-actions{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:8px !important;
  }
  .quick-action{
    min-height:54px !important;
    height:54px !important;
    padding:7px 8px !important;
    border-radius:18px !important;
    gap:7px !important;
  }
  .quick-icon{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    flex-basis:34px !important;
  }
  .quick-action b{
    font-size:.70rem !important;
  }
}
@media (max-width:390px){
  .quick-actions.hero-actions{gap:6px !important;}
  .quick-action{
    min-height:50px !important;
    height:50px !important;
    padding:6px 6px !important;
    border-radius:16px !important;
    gap:5px !important;
  }
  .quick-icon{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    flex-basis:30px !important;
    border-radius:11px !important;
  }
  .quick-social-logo,
  .quick-original-logo,
  .quick-svg{
    width:18px !important;
    height:18px !important;
  }
  .quick-action b{font-size:.62rem !important;}
}

/* ===== FINAL FIX: make Deposit + Facebook icons same visual size as Telegram ===== */
.quick-icon.quick-icon-deposit,
.quick-icon.quick-icon-facebook,
.quick-icon.quick-icon-telegram{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  max-width:34px !important;
  max-height:34px !important;
  flex:0 0 34px !important;
  border-radius:12px !important;
  padding:0 !important;
  overflow:hidden !important;
  display:grid !important;
  place-items:center !important;
}
.quick-icon.quick-icon-deposit img.quick-social-logo,
.quick-icon.quick-icon-facebook img.quick-social-logo,
.quick-icon.quick-icon-telegram img.quick-social-logo,
.quick-icon.quick-icon-deposit .quick-original-logo,
.quick-icon.quick-icon-facebook .quick-original-logo{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  min-height:20px !important;
  max-width:20px !important;
  max-height:20px !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:0 !important;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.20)) !important;
}
.quick-icon.quick-icon-facebook .facebook-icon-mark{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  min-height:20px !important;
  max-width:20px !important;
  max-height:20px !important;
  font-size:15px !important;
  line-height:20px !important;
  padding-top:1px !important;
}
@media (max-width:760px){
  .quick-icon.quick-icon-deposit,
  .quick-icon.quick-icon-facebook,
  .quick-icon.quick-icon-telegram{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
    max-width:34px !important;
    max-height:34px !important;
    flex:0 0 34px !important;
  }
  .quick-icon.quick-icon-deposit img.quick-social-logo,
  .quick-icon.quick-icon-facebook img.quick-social-logo,
  .quick-icon.quick-icon-telegram img.quick-social-logo,
  .quick-icon.quick-icon-deposit .quick-original-logo,
  .quick-icon.quick-icon-facebook .quick-original-logo{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    max-width:20px !important;
    max-height:20px !important;
    object-fit:contain !important;
    border-radius:0 !important;
  }
}
@media (max-width:390px){
  .quick-icon.quick-icon-deposit,
  .quick-icon.quick-icon-facebook,
  .quick-icon.quick-icon-telegram{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
    max-width:30px !important;
    max-height:30px !important;
    flex:0 0 30px !important;
  }
  .quick-icon.quick-icon-deposit img.quick-social-logo,
  .quick-icon.quick-icon-facebook img.quick-social-logo,
  .quick-icon.quick-icon-telegram img.quick-social-logo,
  .quick-icon.quick-icon-deposit .quick-original-logo,
  .quick-icon.quick-icon-facebook .quick-original-logo{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    max-width:18px !important;
    max-height:18px !important;
  }
}


/* TOP 50 separate panel */
.top50-section{
  margin-top:14px !important;
}
.top50-panel{
  border-radius:24px !important;
  padding:16px 14px 18px !important;
  background:linear-gradient(180deg, rgba(17,27,50,.86), rgba(10,18,35,.78)) !important;
  border:1px solid rgba(107,134,210,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 16px 42px rgba(0,0,0,.32) !important;
}
.top50-panel .leaderboard-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-bottom:14px !important;
}
.top50-panel .leaderboard-head span{
  display:block !important;
  font-size:1.18rem !important;
  font-weight:900 !important;
  letter-spacing:.2px !important;
  color:#fff !important;
}
.top50-panel .leaderboard-head strong{
  display:block !important;
  margin-top:3px !important;
  font-size:.82rem !important;
  color:rgba(238,244,255,.58) !important;
  font-weight:700 !important;
}
.top50-panel .leaderboard-head small{
  flex:0 0 auto !important;
  padding:9px 14px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg, rgba(91,140,255,.20), rgba(127,92,255,.26)) !important;
  border:1px solid rgba(151,184,255,.18) !important;
  color:#dfe8ff !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}
.top50-list{
  display:grid !important;
  gap:10px !important;
  max-height:540px !important;
  overflow:auto !important;
  padding-right:4px !important;
}
.top50-list .top-user-row{
  min-height:64px !important;
  padding:12px 14px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.07) !important;
}
@media (max-width:520px){
  .top50-section{ margin-top:12px !important; }
  .top50-panel{ padding:14px 12px 16px !important; border-radius:22px !important; }
  .top50-panel .leaderboard-head span{ font-size:1.05rem !important; }
  .top50-panel .leaderboard-head strong{ display:none !important; }
  .top50-panel .leaderboard-head small{ padding:8px 12px !important; font-size:.88rem !important; }
  .top50-list{ max-height:520px !important; gap:9px !important; }
  .top50-list .top-user-row{ min-height:60px !important; padding:10px 12px !important; }
}


/* Hide public section headers on Home, but keep sections/categories in Admin and data */
#productsGrid.product-grid{
  display:block !important;
}
#productsGrid .products-no-section-header{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
  width:100% !important;
}
@media (min-width:1180px){
  #productsGrid .products-no-section-header{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px !important;
  }
}
@media (max-width:760px){
  #productsGrid .products-no-section-header{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
}


/* Buy loading: prevents slow users from double-clicking while the order is being created */
.buy-loading-modal{
  z-index:70 !important;
  background:rgba(2,6,16,.78) !important;
  backdrop-filter:blur(12px) !important;
}
.buy-loading-card{
  width:min(360px,calc(100vw - 34px)) !important;
  text-align:center !important;
  padding:28px 22px !important;
  border-radius:26px !important;
  background:linear-gradient(180deg, rgba(17,27,50,.96), rgba(8,16,32,.94)) !important;
  border:1px solid rgba(91,140,255,.24) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.48), 0 0 36px rgba(91,140,255,.16) !important;
}
.buy-loading-card h4{
  margin:14px 0 8px !important;
  font-size:1.1rem !important;
  font-weight:900 !important;
}
.buy-loading-card p{
  margin:0 !important;
  color:var(--muted) !important;
  line-height:1.65 !important;
  font-size:.92rem !important;
}
.buy-loading-spinner{
  width:54px;
  height:54px;
  margin:0 auto;
  border-radius:50%;
  border:4px solid rgba(255,255,255,.12);
  border-top-color:#33d1ff;
  border-right-color:#7f5cff;
  animation:buySpin .8s linear infinite;
  box-shadow:0 0 24px rgba(91,140,255,.28);
}
#confirmBuyBtn.is-loading,
.buy-btn.is-loading{
  opacity:.78 !important;
  cursor:wait !important;
  pointer-events:none !important;
  filter:saturate(.9) brightness(.96) !important;
}
#confirmBuyBtn.is-loading::after{content:'' !important;}
@keyframes buySpin{to{transform:rotate(360deg)}}


/* Deposit success popup */
.deposit-success-modal{
  backdrop-filter:blur(12px);
}
.deposit-success-card{
  text-align:center;
  padding:34px 24px 30px;
  border-radius:30px;
  background:linear-gradient(180deg, rgba(14,28,52,.94), rgba(8,17,34,.94));
  border:1px solid rgba(34,197,94,.28);
  box-shadow:0 26px 80px rgba(0,0,0,.48), 0 0 36px rgba(34,197,94,.14);
}
.deposit-success-check{
  width:92px;
  height:92px;
  margin:4px auto 18px;
  display:grid;
  place-items:center;
  font-size:56px;
  line-height:1;
  border-radius:999px;
  background:radial-gradient(circle at 35% 25%, rgba(134,239,172,.34), rgba(34,197,94,.16) 48%, rgba(34,197,94,.06) 72%);
  border:1px solid rgba(134,239,172,.26);
  box-shadow:0 0 0 8px rgba(34,197,94,.06), 0 0 34px rgba(34,197,94,.24);
  animation:depositSuccessPop .42s ease both;
}
.deposit-success-card h4{
  margin:0 0 12px;
  font-size:1.45rem;
  font-weight:800;
  color:#f5fff8;
}
.deposit-success-card p{
  margin:0;
  color:#b9c8e8;
  line-height:1.65;
  font-size:1rem;
}
@keyframes depositSuccessPop{
  0%{transform:scale(.72);opacity:0}
  70%{transform:scale(1.06);opacity:1}
  100%{transform:scale(1);opacity:1}
}
@media (max-width:520px){
  .deposit-success-card{padding:30px 20px 26px;border-radius:26px;width:min(92vw,420px);}
  .deposit-success-check{width:82px;height:82px;font-size:50px;}
  .deposit-success-card h4{font-size:1.28rem;}
}

/* ===== GRAVITY Report Order UI ===== */
.report-order-card{
  border-color:rgba(245,158,11,.24);
  box-shadow:0 24px 80px rgba(0,0,0,.46), 0 0 42px rgba(245,158,11,.10);
}
.report-order-icon{
  width:74px;
  height:74px;
  margin:0 auto 12px;
  display:grid;
  place-items:center;
  border-radius:24px;
  background:linear-gradient(135deg, rgba(245,158,11,.28), rgba(127,92,255,.18));
  border:1px solid rgba(245,158,11,.25);
  font-size:2.3rem;
  box-shadow:0 0 34px rgba(245,158,11,.16);
}
.report-order-card h4{text-align:center;margin-bottom:8px;font-size:1.35rem;}
.report-order-lead{text-align:center;color:var(--muted);line-height:1.65;margin:0 0 14px;}
.report-order-info,.report-kh-box,.order-report-state{
  padding:12px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(151,184,255,.12);
  color:#dfe9ff;
  line-height:1.7;
  margin:12px 0;
}
.report-label{display:block;font-weight:700;margin:12px 0 8px;color:#eef4ff;}
.report-order-note{
  color:#ffc878;
  font-size:.88rem;
  line-height:1.55;
  margin:10px 0 12px;
}
.admin-report-order-card{border-color:rgba(245,158,11,.18);}
.admin-report-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.status.new{background:rgba(245,158,11,.16);color:#ffd089;border-color:rgba(245,158,11,.28)}
.status.reviewing{background:rgba(59,130,246,.16);color:#bfdbfe;border-color:rgba(96,165,250,.30)}
.status.resolved{background:rgba(34,197,94,.16);color:#8cf0af;border-color:rgba(34,197,94,.30)}
.status.rejected{background:rgba(239,68,68,.16);color:#ffb4b4;border-color:rgba(239,68,68,.30)}

.report-video-link{color:#8cf0ff;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.report-order-modal input[type="file"]{padding:10px;font-size:.9rem}


/* Report modal mobile scroll fix */
.modal-card{
  max-height:90vh;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
body.modal-open{
  overflow:hidden;
}

/* Orders clean compact v2: no Order ID, no icons, two equal buttons */
#orders .order-id-line{display:none!important;}
#orders .order-card{padding:10px 11px!important;border-radius:16px!important;}
#orders .order-card .row-top{display:grid!important;grid-template-columns:1fr auto!important;align-items:start!important;gap:8px!important;margin-bottom:8px!important;}
#orders .order-card h5{font-size:.96rem!important;line-height:1.28!important;margin:0 0 3px!important;}
#orders .order-card .muted.small-text{font-size:.76rem!important;line-height:1.35!important;opacity:.92;}
#orders .order-card .status{padding:4px 9px!important;border-radius:999px!important;font-size:.72rem!important;line-height:1.1!important;}
#orders .order-clean-actions{display:grid!important;gap:7px!important;margin-top:8px!important;}
#orders .order-clean-actions.two-actions{grid-template-columns:1fr 1fr!important;}
#orders .order-clean-actions.one-action{grid-template-columns:1fr!important;}
#orders .order-clean-actions .btn{min-height:36px!important;height:36px!important;padding:0 10px!important;border-radius:12px!important;font-size:.86rem!important;font-weight:800!important;box-shadow:0 8px 20px rgba(0,0,0,.16)!important;}
#orders .order-account-box{margin-top:8px!important;padding:10px!important;border-radius:13px!important;}
#orders .order-report-state{margin:8px 0 0!important;padding:8px 10px!important;border-radius:12px!important;font-size:.78rem!important;line-height:1.45!important;color:#ffdca8!important;background:rgba(245,158,11,.10)!important;border-color:rgba(245,158,11,.20)!important;}
#orders .user-actions{display:none!important;}
#orders .order-clean-actions .btn::before{display:none!important;}
#orders .order-clean-actions .btn.warning{background:linear-gradient(135deg,#f59e0b,#f97316)!important;}

@media (max-width:560px){
  #orders .order-card{padding:9px 10px!important;}
  #orders .order-card h5{font-size:.93rem!important;}
  #orders .order-clean-actions .btn{height:34px!important;min-height:34px!important;font-size:.84rem!important;border-radius:11px!important;}
}


/* GRAVITY: Admin report decision message shown under View Account */
#orders .order-admin-message{
  margin:8px 0 0!important;
  padding:9px 11px!important;
  border-radius:12px!important;
  background:linear-gradient(180deg, rgba(34,197,94,.13), rgba(34,197,94,.07))!important;
  border:1px solid rgba(34,197,94,.24)!important;
  color:#d9ffe7!important;
  line-height:1.5!important;
  font-size:.82rem!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 26px rgba(0,0,0,.12)!important;
}
#orders .order-admin-message.rejected{
  background:linear-gradient(180deg, rgba(239,68,68,.13), rgba(239,68,68,.07))!important;
  border-color:rgba(239,68,68,.25)!important;
  color:#ffe1e1!important;
}
#orders .order-admin-message strong{
  display:block!important;
  margin-bottom:3px!important;
  color:#fff!important;
  font-size:.84rem!important;
  font-weight:900!important;
}
#orders .order-admin-message span{
  display:block!important;
  white-space:pre-wrap!important;
  word-break:break-word!important;
  color:inherit!important;
}

/* === GRAVITY premium side drawer menu + neon icons v1 === */
.gravity-menu-trigger{
  width:58px;height:58px;border:1px solid rgba(105,150,255,.28);border-radius:22px;
  display:none;place-items:center;gap:5px;padding:0;background:linear-gradient(145deg,rgba(12,24,50,.86),rgba(22,19,58,.84));
  box-shadow:0 16px 34px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.04),0 0 24px rgba(101,93,255,.28);
  position:relative;overflow:hidden;cursor:pointer;
}
.gravity-menu-trigger::before{content:"";position:absolute;inset:-45%;background:conic-gradient(from 180deg,transparent,rgba(49,210,255,.62),rgba(142,78,255,.64),transparent);animation:gravityMenuSpin 4.8s linear infinite;opacity:.8;}
.gravity-menu-trigger::after{content:"";position:absolute;inset:2px;border-radius:20px;background:linear-gradient(145deg,rgba(8,16,34,.96),rgba(19,14,48,.94));}
.gravity-menu-trigger span{width:26px;height:3px;border-radius:99px;background:linear-gradient(90deg,#38d8ff,#7b5cff,#35f1ff);box-shadow:0 0 13px rgba(66,210,255,.82);position:relative;z-index:1;display:block;}
.gravity-menu-trigger span:nth-child(2){width:30px;background:linear-gradient(90deg,#8465ff,#bd55ff,#37d5ff)}
@keyframes gravityMenuSpin{to{transform:rotate(360deg)}}

.rong2-drawer-overlay{position:fixed;inset:0;z-index:60;background:rgba(2,6,16,.88);backdrop-filter:blur(16px);opacity:0;transition:opacity .25s ease;}
.rong2-drawer-overlay.is-open{opacity:1;}
.rong2-drawer{position:fixed;inset:0;z-index:61;display:flex;justify-content:flex-end;pointer-events:none;}
.rong2-drawer.hidden{display:none!important;}
.rong2-drawer-panel{width:min(360px,calc(100vw - 24px));height:calc(100vh - 24px);margin:12px;border-radius:26px;padding:18px;background:radial-gradient(circle at 16% 9%,rgba(41,145,255,.18),transparent 30%),radial-gradient(circle at 84% 10%,rgba(143,73,255,.18),transparent 32%),linear-gradient(180deg,rgba(10,20,42,.98),rgba(6,13,28,.985));border:1px solid rgba(112,159,255,.45);box-shadow:0 30px 90px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.08),0 0 38px rgba(79,127,255,.18);transform:translateX(115%);transition:transform .34s cubic-bezier(.2,.85,.2,1);pointer-events:auto;overflow-y:auto;position:relative;}
.rong2-drawer.is-open .rong2-drawer-panel{transform:translateX(0);}
.rong2-drawer-close{position:absolute;right:17px;top:15px;width:38px;height:38px;border:0;border-radius:14px;background:rgba(255,255,255,.06);color:#dbe7ff;font-size:26px;line-height:1;cursor:pointer;transition:.2s ease;}
.rong2-drawer-close:hover{background:rgba(255,255,255,.12);transform:rotate(90deg)}
.rong2-drawer-head{display:flex;align-items:center;gap:13px;padding:24px 36px 14px 2px;}
.rong2-drawer-logo{width:62px;height:62px;border-radius:22px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 15px 35px rgba(33,179,255,.26);}
.rong2-drawer-title strong{display:block;font-size:1.18rem;letter-spacing:.6px;background:linear-gradient(90deg,#fff,#70bdff,#a276ff);-webkit-background-clip:text;background-clip:text;color:transparent;}
.rong2-drawer-title span{display:block;margin-top:4px;color:#b8c7e7;font-size:.86rem;}
.gravity-balance-card{display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center;margin:8px 0 12px;padding:14px 14px;border-radius:18px;background:linear-gradient(105deg,rgba(15,33,70,.88),rgba(87,29,178,.64));border:1px solid rgba(142,101,255,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 34px rgba(80,57,205,.20);}
.gravity-balance-card span{grid-column:1;color:#b5c3e4;font-size:.82rem}.gravity-balance-card strong{grid-column:1;font-size:1.22rem}.gravity-balance-card img{grid-column:2;grid-row:1/3;width:45px;height:45px;border-radius:14px;filter:drop-shadow(0 0 12px rgba(142,85,255,.55));}
.rong2-drawer-nav{display:grid;gap:8px;padding-top:4px;}
.rong2-drawer-nav a,.rong2-drawer-action{height:50px;border:0;width:100%;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:0 12px;border-radius:13px;color:#f2f6ff;background:transparent;text-align:left;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;}
.rong2-drawer-nav a img,.rong2-drawer-action img{width:31px;height:31px;filter:drop-shadow(0 0 9px rgba(68,189,255,.28));}
.rong2-drawer-nav a span,.rong2-drawer-action span{font-weight:600;font-size:.94rem;}.rong2-drawer-nav em,.rong2-drawer-action em{font-style:normal;color:#b9c6e6;font-size:1.55rem;line-height:1;}
.rong2-drawer-nav a:hover,.rong2-drawer-action:hover,.rong2-drawer-nav a.active{background:linear-gradient(90deg,rgba(53,123,255,.62),rgba(79,70,229,.34));box-shadow:0 10px 28px rgba(47,108,255,.18),inset 0 1px 0 rgba(255,255,255,.06);transform:translateX(-2px);}
.rong2-drawer-action.danger{color:#ff5d77}.rong2-drawer-action.danger img{filter:drop-shadow(0 0 10px rgba(255,69,100,.55));}
.rong2-drawer-sep{height:1px;background:linear-gradient(90deg,transparent,rgba(154,184,255,.22),transparent);margin:7px 0;}
body.gravity-menu-open{overflow:hidden;touch-action:none;}

.footer-legal-links{display:flex;align-items:center;gap:8px;margin:4px 0 5px;color:#97a8cd;font-size:.72rem;}
.footer-legal-links a{color:#aebce1;transition:.2s ease}.footer-legal-links a:hover{color:#7fb8ff;text-shadow:0 0 14px rgba(91,140,255,.55)}.footer-legal-links span{opacity:.45}
.legal-modal-card{max-width:560px}.legal-modal-card h3{margin:0 0 8px}.legal-modal-card p,.legal-modal-card li{color:#b8c7e6;line-height:1.65}.legal-modal-card ul{padding-left:20px}.legal-pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(91,140,255,.12);border:1px solid rgba(91,140,255,.22);color:#cfe0ff;font-size:.78rem;margin-bottom:12px;}

@media (max-width: 820px){
  .mobile-menu-btn.gravity-menu-trigger{display:grid!important;}
  .mobile-menu{display:none!important;}
}
@media (max-width: 420px){
  .rong2-drawer-panel{width:calc(100vw - 20px);height:calc(100vh - 20px);margin:10px;padding:16px;border-radius:24px;}
  .rong2-drawer-head{padding-top:22px}.rong2-drawer-logo{width:56px;height:56px;border-radius:20px}.rong2-drawer-nav a,.rong2-drawer-action{height:48px;}
  .footer-legal-links{font-size:.68rem;gap:7px;}
}


/* === GRAVITY compact side drawer v2 - fits one mobile screen === */
.gravity-menu-trigger{
  width:54px!important;
  height:54px!important;
  border-radius:20px!important;
  gap:4px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.05),0 0 22px rgba(91,140,255,.28)!important;
}
.gravity-menu-trigger::after{inset:2px!important;border-radius:18px!important;}
.gravity-menu-trigger span{width:23px!important;height:3px!important;}
.gravity-menu-trigger span:nth-child(2){width:27px!important;}
.gravity-menu-trigger:hover{transform:translateY(-1px) scale(1.02)!important;}
.gravity-menu-trigger:active{transform:scale(.96)!important;}

.rong2-drawer-overlay{background:rgba(2,6,16,.90)!important;backdrop-filter:blur(18px)!important;}
.rong2-drawer{align-items:flex-start!important;}
.rong2-drawer-panel{
  width:min(335px,calc(100vw - 22px))!important;
  height:auto!important;
  max-height:calc(100dvh - 18px)!important;
  min-height:0!important;
  margin:9px 10px 9px auto!important;
  border-radius:24px!important;
  padding:13px 14px 12px!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:none!important;
  background:
    radial-gradient(circle at 14% 7%,rgba(41,145,255,.20),transparent 27%),
    radial-gradient(circle at 88% 11%,rgba(143,73,255,.20),transparent 30%),
    linear-gradient(180deg,rgba(10,20,42,.98),rgba(5,12,26,.99))!important;
}
.rong2-drawer-panel::-webkit-scrollbar{display:none!important;}
.rong2-drawer-close{
  right:12px!important;top:11px!important;
  width:34px!important;height:34px!important;
  border-radius:13px!important;font-size:23px!important;
  background:rgba(255,255,255,.075)!important;
}
.rong2-drawer-head{
  gap:10px!important;
  padding:9px 38px 10px 0!important;
}
.rong2-drawer-logo{
  width:50px!important;height:50px!important;
  border-radius:18px!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.12),0 10px 26px rgba(33,179,255,.22)!important;
}
.rong2-drawer-title strong{font-size:1.04rem!important;letter-spacing:.5px!important;line-height:1.1!important;}
.rong2-drawer-title span{font-size:.78rem!important;margin-top:3px!important;}
.gravity-balance-card{
  margin:4px 0 9px!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  min-height:58px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 26px rgba(80,57,205,.18)!important;
}
.gravity-balance-card span{font-size:.74rem!important;}
.gravity-balance-card strong{font-size:1.06rem!important;line-height:1.1!important;}
.gravity-balance-card img{width:38px!important;height:38px!important;border-radius:12px!important;}
.rong2-drawer-nav{gap:4px!important;padding-top:1px!important;}
.rong2-drawer-nav a,
.rong2-drawer-action{
  height:41px!important;
  min-height:41px!important;
  grid-template-columns:31px 1fr auto!important;
  gap:9px!important;
  padding:0 10px!important;
  border-radius:13px!important;
}
.rong2-drawer-nav a img,
.rong2-drawer-action img{
  width:26px!important;height:26px!important;
  filter:drop-shadow(0 0 7px rgba(68,189,255,.28))!important;
}
.rong2-drawer-nav a span,
.rong2-drawer-action span{font-size:.86rem!important;font-weight:700!important;}
.rong2-drawer-nav em,
.rong2-drawer-action em{font-size:1.28rem!important;opacity:.82!important;}
.rong2-drawer-nav a:hover,
.rong2-drawer-action:hover,
.rong2-drawer-nav a.active{
  background:linear-gradient(90deg,rgba(36,125,255,.72),rgba(104,70,236,.46))!important;
  box-shadow:0 8px 22px rgba(47,108,255,.15),inset 0 1px 0 rgba(255,255,255,.07)!important;
  transform:translateX(-1px)!important;
}
.rong2-drawer-sep{
  margin:5px 0!important;
  opacity:.76!important;
}
.rong2-drawer-action.danger{
  margin-top:2px!important;
  border:1px solid rgba(255,77,109,.24)!important;
  background:rgba(255,68,96,.045)!important;
  color:#ff6680!important;
}
.rong2-drawer-action.danger:hover{
  background:linear-gradient(90deg,rgba(255,55,91,.16),rgba(127,92,255,.08))!important;
}

@media (max-width: 390px){
  .gravity-menu-trigger{width:50px!important;height:50px!important;border-radius:18px!important;}
  .rong2-drawer-panel{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 14px)!important;margin:7px 8px 7px auto!important;padding:12px!important;border-radius:22px!important;}
  .rong2-drawer-head{padding-top:7px!important;padding-bottom:8px!important;}
  .rong2-drawer-logo{width:46px!important;height:46px!important;border-radius:16px!important;}
  .gravity-balance-card{min-height:54px!important;padding:9px 11px!important;margin-bottom:7px!important;}
  .rong2-drawer-nav{gap:3px!important;}
  .rong2-drawer-nav a,.rong2-drawer-action{height:39px!important;min-height:39px!important;grid-template-columns:29px 1fr auto!important;}
  .rong2-drawer-nav a img,.rong2-drawer-action img{width:24px!important;height:24px!important;}
  .rong2-drawer-nav a span,.rong2-drawer-action span{font-size:.82rem!important;}
  .rong2-drawer-sep{margin:4px 0!important;}
}

/* === GRAVITY compact header + menu button v3 (requested touch/size fix) === */
@media (max-width: 820px){
  .site-header{background:rgba(6,12,25,.86)!important;border-bottom:1px solid rgba(114,151,255,.16)!important;}
  .header-inner{padding:10px 0!important;min-height:70px!important;}
  .brand{gap:10px!important;min-width:0!important;}
  .brand-logo{width:44px!important;height:44px!important;border-radius:15px!important;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 10px 22px rgba(54,163,255,.20)!important;animation:none!important;}
  .brand h1{font-size:1.02rem!important;line-height:1.05!important;letter-spacing:.2px!important;margin:0!important;}
  .brand p{font-size:.82rem!important;line-height:1.1!important;margin:3px 0 0!important;letter-spacing:.9px!important;}

  .mobile-menu-btn.gravity-menu-trigger{
    display:grid!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    border-radius:16px!important;
    gap:3.5px!important;
    padding:0!important;
    margin-right:1px!important;
    border:1px solid rgba(99,156,255,.24)!important;
    background:linear-gradient(145deg,rgba(10,20,42,.88),rgba(17,15,46,.82))!important;
    box-shadow:0 9px 22px rgba(0,0,0,.30),0 0 0 1px rgba(255,255,255,.035),0 0 15px rgba(96,116,255,.18)!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .gravity-menu-trigger::before{opacity:.42!important;animation:gravityMenuSpin 7s linear infinite!important;}
  .gravity-menu-trigger::after{inset:2px!important;border-radius:14px!important;}
  .gravity-menu-trigger span{width:20px!important;height:2.5px!important;border-radius:99px!important;box-shadow:0 0 9px rgba(66,210,255,.55)!important;}
  .gravity-menu-trigger span:nth-child(2){width:24px!important;}
  .gravity-menu-trigger:hover{transform:none!important;}
  .gravity-menu-trigger:active{transform:scale(.94)!important;filter:brightness(1.14)!important;}
}

@media (max-width: 420px){
  .header-inner{padding:9px 0!important;min-height:66px!important;}
  .brand-logo{width:42px!important;height:42px!important;border-radius:14px!important;}
  .brand h1{font-size:.98rem!important;}
  .brand p{font-size:.78rem!important;}
  .mobile-menu-btn.gravity-menu-trigger{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:15px!important;}
  .gravity-menu-trigger::after{border-radius:13px!important;}
  .gravity-menu-trigger span{width:19px!important;height:2.4px!important;}
  .gravity-menu-trigger span:nth-child(2){width:23px!important;}
}

/* === GRAVITY dashboard privacy + clean store layout v4 === */
#rankShowcase{display:none!important;}
.gravity-rank-panel{gap:12px!important;padding-bottom:16px!important;}
.current-rank-card{min-height:92px!important;padding:14px 16px!important;grid-template-columns:58px 1fr auto!important;border-radius:22px!important;background:linear-gradient(100deg,rgba(14,24,47,.84),rgba(34,16,52,.58))!important;}
.current-rank-icon{width:54px!important;height:54px!important;border-radius:18px!important;}
.current-rank-icon img{width:48px!important;height:48px!important;}
.current-rank-info span{font-size:.72rem!important;letter-spacing:2px!important;color:#d8c8ff!important;}
.current-rank-info strong{font-size:1.08rem!important;line-height:1.05!important;}
.current-rank-info small{font-size:.78rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block;}
.current-rank-card > em{font-size:.9rem!important;align-self:end!important;margin-bottom:14px!important;}
.rank-progress{height:6px!important;margin-top:8px!important;}

.profile-balance-card.profile-rank-row{grid-template-columns:auto minmax(0,1fr) auto auto!important;gap:11px!important;min-height:86px!important;padding:16px 18px!important;}
.profile-rank-row-name{font-size:clamp(1.35rem,5.8vw,2rem)!important;line-height:1.05!important;}
.profile-rank-row-money{font-size:clamp(1.32rem,5.8vw,2rem)!important;color:#ffe28f!important;letter-spacing:.3px!important;min-width:92px;text-align:right;transition:opacity .18s ease,filter .18s ease;}
.balance-eye-btn,.drawer-eye-btn{border:0;cursor:pointer;display:grid;place-items:center;background:rgba(255,255,255,.055);border:1px solid rgba(126,167,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 18px rgba(84,138,255,.13);transition:transform .18s ease,background .18s ease,box-shadow .18s ease;-webkit-tap-highlight-color:transparent;}
.balance-eye-btn{width:40px;height:40px;border-radius:14px;}
.balance-eye-btn img{width:24px;height:24px;display:block;filter:drop-shadow(0 0 8px rgba(82,201,255,.42));}
.balance-eye-btn:active,.drawer-eye-btn:active{transform:scale(.92);}
.balance-eye-btn:hover,.drawer-eye-btn:hover{background:rgba(91,140,255,.13);box-shadow:0 0 22px rgba(94,145,255,.24);}

.quick-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;}
.quick-action{min-height:54px!important;border-radius:18px!important;padding:10px 12px!important;align-items:center!important;}
.quick-icon{width:38px!important;height:38px!important;min-width:38px!important;border-radius:14px!important;}
.quick-action b{font-size:.9rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:94px;display:block;}
.quick-action small{font-size:.68rem!important;opacity:.78!important;}

.gravity-balance-card{grid-template-columns:1fr auto!important;}
.gravity-balance-card .drawer-eye-btn{grid-column:2!important;grid-row:1/3!important;width:38px!important;height:38px!important;border-radius:13px!important;padding:0!important;background:rgba(126,64,255,.12)!important;}
.drawer-eye-btn img{width:25px!important;height:25px!important;display:block;filter:drop-shadow(0 0 10px rgba(151,91,255,.50));}

@media (max-width: 820px){
  .quick-dashboard{padding:16px!important;gap:14px!important;}
  .profile-balance-card.profile-rank-row{min-height:78px!important;padding:13px 14px!important;border-radius:22px!important;gap:9px!important;}
  .profile-rank-row-img{width:54px!important;height:54px!important;border-radius:18px!important;}
  .profile-rank-row-name{font-size:1.48rem!important;}
  .profile-rank-row-money{font-size:1.5rem!important;min-width:82px!important;}
  .balance-eye-btn{width:36px!important;height:36px!important;border-radius:13px!important;}
  .balance-eye-btn img{width:22px!important;height:22px!important;}
  .current-rank-card{grid-template-columns:50px 1fr auto!important;min-height:82px!important;padding:12px 13px!important;border-radius:20px!important;}
  .current-rank-icon{width:48px!important;height:48px!important;border-radius:16px!important;}
  .current-rank-icon img{width:42px!important;height:42px!important;}
  .quick-actions{gap:10px!important;}
  .quick-action{min-height:50px!important;border-radius:16px!important;padding:9px!important;}
  .quick-icon{width:34px!important;height:34px!important;min-width:34px!important;border-radius:12px!important;}
}
@media (max-width: 420px){
  .quick-dashboard{padding:14px!important;}
  .profile-rank-row-name{font-size:1.32rem!important;}
  .profile-rank-row-money{font-size:1.34rem!important;min-width:74px!important;}
  .profile-rank-row-line{display:none!important;}
  .balance-eye-btn{width:34px!important;height:34px!important;}
  .current-rank-info small{font-size:.72rem!important;}
  .quick-actions{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;}
  .quick-action{min-height:48px!important;}
  .quick-action span:last-of-type{min-width:0!important;}
  .quick-action b{font-size:.78rem!important;max-width:70px!important;}
  .quick-action small{display:none!important;}
  .quick-icon{width:32px!important;height:32px!important;min-width:32px!important;}
}


/* === GRAVITY unified profile + rank card v5 ===
   Merge the username/balance card with current rank into one clean premium block. */
.quick-dashboard{
  gap:0!important;
}
.profile-balance-card.profile-rank-row{
  margin-bottom:0!important;
  border-bottom-left-radius:0!important;
  border-bottom-right-radius:0!important;
  border-bottom-color:rgba(255,255,255,.05)!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(208,108,255,.24),transparent 34%),
    linear-gradient(100deg,rgba(49,20,79,.88),rgba(12,21,42,.84) 54%,rgba(26,13,45,.78))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(255,255,255,.04),
    0 16px 42px rgba(0,0,0,.24),
    0 0 0 1px rgba(165,92,255,.10)!important;
}
.profile-balance-card.profile-rank-row::after{
  content:"";
  position:absolute;
  left:72px;
  right:18px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
  opacity:.65;
  pointer-events:none;
}
.profile-rank-row-name{
  font-weight:900!important;
  letter-spacing:.2px!important;
  text-shadow:0 0 18px rgba(209,123,255,.20)!important;
}
.profile-rank-row-money{
  text-shadow:0 0 18px rgba(255,214,118,.22)!important;
}
#rankSystemPanel.gravity-rank-panel{
  margin-top:0!important;
  padding-top:0!important;
  gap:0!important;
}
#rankSystemPanel .current-rank-card{
  margin-top:0!important;
  border-top-left-radius:0!important;
  border-top-right-radius:0!important;
  border-top-color:rgba(255,255,255,.05)!important;
  background:
    radial-gradient(circle at 92% 18%,rgba(255,209,102,.10),transparent 32%),
    linear-gradient(100deg,rgba(13,22,43,.84),rgba(34,16,52,.60) 52%,rgba(13,22,43,.78))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 -1px 0 rgba(255,255,255,.05),
    0 18px 46px rgba(0,0,0,.22)!important;
}
.current-rank-info span{
  opacity:.92!important;
}
.current-rank-info strong{
  text-shadow:0 0 16px rgba(208,108,255,.22)!important;
}
.rank-progress{
  background:rgba(255,255,255,.13)!important;
}
.balance-eye-btn{
  background:rgba(80,98,150,.26)!important;
  border-color:rgba(157,123,255,.25)!important;
}
.profile-rank-row-img,
.current-rank-icon{
  filter:drop-shadow(0 0 14px rgba(200,89,255,.26));
}
@media (max-width:820px){
  .profile-balance-card.profile-rank-row{
    padding:13px 14px 12px!important;
    min-height:74px!important;
  }
  #rankSystemPanel .current-rank-card{
    min-height:76px!important;
    padding:11px 13px 13px!important;
  }
  .profile-rank-row-img{width:50px!important;height:50px!important;}
  .current-rank-icon{width:46px!important;height:46px!important;}
  .current-rank-icon img{width:40px!important;height:40px!important;}
}
@media (max-width:420px){
  .profile-balance-card.profile-rank-row{
    grid-template-columns:auto minmax(0,1fr) auto auto!important;
    min-height:70px!important;
    padding:11px 12px 10px!important;
    border-radius:20px 20px 0 0!important;
  }
  #rankSystemPanel .current-rank-card{
    border-radius:0 0 20px 20px!important;
    grid-template-columns:44px 1fr auto!important;
    min-height:72px!important;
    padding:10px 12px 12px!important;
  }
  .profile-rank-row-img{width:46px!important;height:46px!important;border-radius:16px!important;}
  .profile-rank-row-name{font-size:1.25rem!important;}
  .profile-rank-row-money{font-size:1.25rem!important;min-width:68px!important;}
  .balance-eye-btn{width:32px!important;height:32px!important;border-radius:12px!important;}
  .balance-eye-btn img{width:20px!important;height:20px!important;}
  .current-rank-icon{width:42px!important;height:42px!important;border-radius:15px!important;}
  .current-rank-icon img{width:38px!important;height:38px!important;}
  .current-rank-info span{font-size:.66rem!important;letter-spacing:1.7px!important;}
  .current-rank-info strong{font-size:1rem!important;}
  .current-rank-info small{font-size:.68rem!important;}
  .current-rank-card > em{font-size:.82rem!important;margin-bottom:11px!important;min-width:34px!important;}
  .rank-progress{height:5px!important;margin-top:7px!important;}
}


/* === GRAVITY compact single profile/rank card v6 ===
   Make username, balance and rank progress feel like ONE smaller card. */
#heroSection.quick-dashboard{
  padding:16px!important;
  gap:14px!important;
}
#heroSection.quick-dashboard .profile-balance-card.profile-rank-row,
#heroSection.quick-dashboard #rankSystemPanel .current-rank-card{
  box-shadow:none!important;
}
#heroSection.quick-dashboard .profile-balance-card.profile-rank-row{
  margin:0!important;
  border-radius:22px 22px 0 0!important;
  border:1px solid rgba(168,94,255,.34)!important;
  border-bottom:0!important;
  min-height:62px!important;
  padding:11px 14px 8px!important;
  background:
    radial-gradient(circle at 9% 15%,rgba(212,96,255,.20),transparent 30%),
    linear-gradient(100deg,rgba(45,19,75,.88),rgba(14,22,43,.85) 56%,rgba(28,14,48,.78))!important;
}
#heroSection.quick-dashboard .profile-balance-card.profile-rank-row::after{
  left:14px!important;
  right:14px!important;
  opacity:.38!important;
}
#heroSection.quick-dashboard #rankSystemPanel.gravity-rank-panel{
  margin:0!important;
  padding:0!important;
  display:block!important;
}
#heroSection.quick-dashboard #rankSystemPanel .current-rank-card{
  margin:0!important;
  border-radius:0 0 22px 22px!important;
  border:1px solid rgba(168,94,255,.34)!important;
  border-top:0!important;
  min-height:48px!important;
  padding:0 14px 12px 82px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:end!important;
  gap:10px!important;
  background:
    linear-gradient(100deg,rgba(45,19,75,.88),rgba(14,22,43,.85) 56%,rgba(28,14,48,.78))!important;
}
#heroSection.quick-dashboard .current-rank-icon,
#heroSection.quick-dashboard .current-rank-info span{
  display:none!important;
}
#heroSection.quick-dashboard .current-rank-info{
  min-width:0!important;
  display:block!important;
}
#heroSection.quick-dashboard .current-rank-info strong{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0 8px 2px 0!important;
  font-size:.98rem!important;
  line-height:1!important;
  letter-spacing:.5px!important;
}
#heroSection.quick-dashboard .current-rank-info strong::before{
  content:'VIP STATUS';
  font-size:.58rem!important;
  letter-spacing:1.2px!important;
  color:rgba(224,232,255,.62)!important;
  font-weight:800!important;
}
#heroSection.quick-dashboard .current-rank-info small{
  display:inline!important;
  font-size:.73rem!important;
  color:rgba(225,234,255,.72)!important;
  white-space:nowrap!important;
}
#heroSection.quick-dashboard .rank-progress{
  height:5px!important;
  margin-top:7px!important;
  max-width:none!important;
  background:rgba(255,255,255,.13)!important;
}
#heroSection.quick-dashboard .current-rank-card > em{
  align-self:center!important;
  margin:0 0 0 4px!important;
  min-width:34px!important;
  font-size:.86rem!important;
  color:#ffeaa5!important;
}
#heroSection.quick-dashboard .profile-rank-row-img{
  width:48px!important;
  height:48px!important;
  border-radius:16px!important;
}
#heroSection.quick-dashboard .profile-rank-row-name{
  font-size:clamp(1.25rem,5.3vw,1.7rem)!important;
  letter-spacing:.1px!important;
}
#heroSection.quick-dashboard .profile-rank-row-money{
  font-size:clamp(1.18rem,5.2vw,1.68rem)!important;
  min-width:78px!important;
}
#heroSection.quick-dashboard .balance-eye-btn{
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
}
#heroSection.quick-dashboard .balance-eye-btn img{width:20px!important;height:20px!important;}
#heroSection.quick-dashboard .quick-action-panel{margin-top:0!important;}
#heroSection.quick-dashboard .quick-actions{gap:10px!important;margin-top:0!important;}
#heroSection.quick-dashboard .quick-action{
  min-height:52px!important;
  padding:10px 12px!important;
  border-radius:18px!important;
}
#heroSection.quick-dashboard .quick-icon{width:36px!important;height:36px!important;min-width:36px!important;}
#heroSection.quick-dashboard .quick-action span b{font-size:.92rem!important;}
#heroSection.quick-dashboard .quick-action span small{display:none!important;}
@media (max-width:420px){
  #heroSection.quick-dashboard{padding:14px!important;gap:12px!important;}
  #heroSection.quick-dashboard .profile-balance-card.profile-rank-row{
    grid-template-columns:auto minmax(0,1fr) auto auto!important;
    padding:10px 12px 7px!important;
    min-height:58px!important;
    border-radius:20px 20px 0 0!important;
  }
  #heroSection.quick-dashboard #rankSystemPanel .current-rank-card{
    border-radius:0 0 20px 20px!important;
    padding:0 12px 10px 72px!important;
    min-height:44px!important;
    gap:8px!important;
  }
  #heroSection.quick-dashboard .profile-rank-row-img{width:43px!important;height:43px!important;border-radius:15px!important;}
  #heroSection.quick-dashboard .profile-rank-row-name{font-size:1.18rem!important;}
  #heroSection.quick-dashboard .profile-rank-row-money{font-size:1.18rem!important;min-width:64px!important;}
  #heroSection.quick-dashboard .balance-eye-btn{width:30px!important;height:30px!important;border-radius:11px!important;}
  #heroSection.quick-dashboard .balance-eye-btn img{width:18px!important;height:18px!important;}
  #heroSection.quick-dashboard .current-rank-info strong{font-size:.88rem!important;}
  #heroSection.quick-dashboard .current-rank-info strong::before{font-size:.52rem!important;letter-spacing:1px!important;}
  #heroSection.quick-dashboard .current-rank-info small{font-size:.62rem!important;}
  #heroSection.quick-dashboard .current-rank-card > em{font-size:.76rem!important;min-width:28px!important;}
  #heroSection.quick-dashboard .rank-progress{height:4px!important;margin-top:5px!important;}
}
@media (max-width:360px){
  #heroSection.quick-dashboard #rankSystemPanel .current-rank-card{padding-left:12px!important;}
  #heroSection.quick-dashboard .current-rank-info small{display:block!important;margin-top:2px!important;white-space:normal!important;}
}

/* === GRAVITY unified profile rank card v7 ===
   One clean card: name + balance + rank line + progress, no split seam. */
#heroSection.quick-dashboard{
  padding:16px!important;
  gap:14px!important;
}
#heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card{
  position:relative!important;
  display:grid!important;
  gap:8px!important;
  margin:0!important;
  padding:13px 14px 12px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  border:1px solid rgba(179,91,255,.38)!important;
  background:
    radial-gradient(circle at 10% 18%, rgba(218,89,255,.24), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(87,140,255,.15), transparent 36%),
    linear-gradient(112deg, rgba(51,18,82,.88), rgba(12,22,43,.88) 56%, rgba(34,16,57,.82))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 0 1px rgba(255,255,255,.025),
    0 18px 44px rgba(0,0,0,.30),
    0 0 28px rgba(147,70,255,.13)!important;
}
#heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
  transform:translateX(-70%);
  opacity:.45;
  pointer-events:none;
}
#heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card::after{
  content:"";
  position:absolute;
  inset:auto 12px 0 12px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(112,206,255,.32), rgba(176,84,255,.32), transparent);
  pointer-events:none;
}
#heroSection.quick-dashboard .profile-balance-card.profile-rank-row{
  position:relative!important;
  z-index:1!important;
  margin:0!important;
  padding:0!important;
  min-height:48px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:10px!important;
}
#heroSection.quick-dashboard .profile-balance-card.profile-rank-row::before,
#heroSection.quick-dashboard .profile-balance-card.profile-rank-row::after{
  display:none!important;
}
#heroSection.quick-dashboard .profile-rank-row-img{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  border-radius:16px!important;
  object-fit:cover!important;
  filter:drop-shadow(0 0 14px rgba(184,87,255,.35))!important;
}
#heroSection.quick-dashboard .profile-rank-row-name{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:clamp(1.22rem,5.1vw,1.62rem)!important;
  font-weight:900!important;
  letter-spacing:.05px!important;
  text-shadow:0 0 14px rgba(255,255,255,.10)!important;
}
#heroSection.quick-dashboard .profile-rank-row-line{
  display:none!important;
}
#heroSection.quick-dashboard .profile-rank-row-money{
  min-width:72px!important;
  text-align:right!important;
  font-size:clamp(1.18rem,5vw,1.55rem)!important;
  font-weight:900!important;
  color:#ffe79b!important;
  letter-spacing:.2px!important;
  text-shadow:0 0 16px rgba(255,209,84,.18)!important;
}
#heroSection.quick-dashboard .balance-eye-btn{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  padding:0!important;
  border-radius:13px!important;
  background:rgba(82,133,255,.10)!important;
  border:1px solid rgba(130,173,255,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 16px rgba(79,144,255,.16)!important;
}
#heroSection.quick-dashboard .balance-eye-btn img{width:19px!important;height:19px!important;}
#heroSection.quick-dashboard #rankSystemPanel.gravity-rank-panel{
  position:relative!important;
  z-index:1!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:block!important;
}
#heroSection.quick-dashboard #rankSystemPanel .current-rank-card{
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:6px 10px!important;
  align-items:center!important;
}
#heroSection.quick-dashboard #rankSystemPanel .current-rank-card::before,
#heroSection.quick-dashboard #rankSystemPanel .current-rank-card::after,
#heroSection.quick-dashboard .current-rank-icon,
#heroSection.quick-dashboard .current-rank-info span{
  display:none!important;
}
#heroSection.quick-dashboard .current-rank-info{
  min-width:0!important;
  display:grid!important;
  gap:6px!important;
}
#heroSection.quick-dashboard .current-rank-info strong{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  font-size:.84rem!important;
  line-height:1.1!important;
  letter-spacing:.8px!important;
  font-weight:900!important;
  color:#e17bff!important;
  text-transform:uppercase!important;
  text-shadow:0 0 12px rgba(216,89,255,.24)!important;
}
#heroSection.quick-dashboard .current-rank-info strong::before{content:""!important;display:none!important;}
#heroSection.quick-dashboard .current-rank-info strong::after{
  content:" Member • "!important;
  color:rgba(229,235,255,.68)!important;
  font-size:.72rem!important;
  letter-spacing:.25px!important;
  text-transform:none!important;
  font-weight:800!important;
}
#heroSection.quick-dashboard .current-rank-info small{
  display:inline!important;
  margin-left:-2px!important;
  font-size:.72rem!important;
  line-height:1.1!important;
  color:rgba(228,236,255,.72)!important;
  white-space:nowrap!important;
  text-transform:none!important;
}
#heroSection.quick-dashboard .current-rank-card > em{
  grid-column:2!important;
  grid-row:1!important;
  align-self:start!important;
  margin:0!important;
  min-width:32px!important;
  text-align:right!important;
  font-size:.84rem!important;
  line-height:1.1!important;
  font-weight:900!important;
  color:#ffeaa5!important;
  text-shadow:0 0 12px rgba(255,224,130,.16)!important;
}
#heroSection.quick-dashboard .rank-progress{
  grid-column:1/3!important;
  width:100%!important;
  max-width:none!important;
  height:5px!important;
  margin:0!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.14)!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.30)!important;
}
#heroSection.quick-dashboard .rank-progress i{
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#ff75f8,#8a6bff,#45d8ff)!important;
  box-shadow:0 0 12px rgba(255,105,245,.34)!important;
}
#rankShowcase{display:none!important;}
#heroSection.quick-dashboard .quick-action-panel{margin-top:0!important;}
@media (max-width:420px){
  #heroSection.quick-dashboard{padding:14px!important;gap:12px!important;}
  #heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card{padding:12px!important;border-radius:22px!important;gap:7px!important;}
  #heroSection.quick-dashboard .profile-balance-card.profile-rank-row{min-height:44px!important;gap:9px!important;}
  #heroSection.quick-dashboard .profile-rank-row-img{width:44px!important;height:44px!important;min-width:44px!important;border-radius:15px!important;}
  #heroSection.quick-dashboard .profile-rank-row-name{font-size:1.18rem!important;}
  #heroSection.quick-dashboard .profile-rank-row-money{font-size:1.18rem!important;min-width:64px!important;}
  #heroSection.quick-dashboard .balance-eye-btn{width:31px!important;height:31px!important;min-width:31px!important;border-radius:11px!important;}
  #heroSection.quick-dashboard .balance-eye-btn img{width:17px!important;height:17px!important;}
  #heroSection.quick-dashboard .current-rank-info strong{font-size:.74rem!important;letter-spacing:.5px!important;}
  #heroSection.quick-dashboard .current-rank-info strong::after{font-size:.64rem!important;}
  #heroSection.quick-dashboard .current-rank-info small{font-size:.64rem!important;}
  #heroSection.quick-dashboard .current-rank-card > em{font-size:.72rem!important;min-width:28px!important;}
  #heroSection.quick-dashboard .rank-progress{height:4px!important;}
}
@media (max-width:360px){
  #heroSection.quick-dashboard .current-rank-info small{display:block!important;margin-left:0!important;margin-top:1px!important;white-space:normal!important;}
  #heroSection.quick-dashboard .rank-progress{grid-column:1/3!important;}
}


.quick-action span{flex:1;min-width:0}.quick-action b{font-size:1.08rem!important;margin-bottom:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-action small{display:none!important}.quick-action{gap:10px!important}


/* ===== FINAL FIX 2026-07-04: show quick button text full, no extra emoji/arrow/text ===== */
.quick-actions.hero-actions{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
}
.quick-action{
  min-width:0 !important;
  justify-content:flex-start !important;
  overflow:hidden !important;
  padding-left:8px !important;
  padding-right:8px !important;
  gap:7px !important;
}
.quick-action .quick-label,
.quick-action span:not(.quick-icon){
  flex:1 1 auto !important;
  min-width:0 !important;
  overflow:visible !important;
}
.quick-action b{
  display:block !important;
  width:100% !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  margin:0 !important;
  letter-spacing:-.2px !important;
}
.quick-action small,
.quick-action em{
  display:none !important;
}
@media (max-width:760px){
  .quick-actions.hero-actions{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  .quick-action{
    height:52px !important;
    min-height:52px !important;
    padding:7px 7px !important;
    gap:6px !important;
    border-radius:16px !important;
  }
  .quick-icon{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    flex:0 0 32px !important;
    border-radius:12px !important;
  }
  .quick-social-logo,
  .quick-original-logo,
  .quick-svg{
    width:19px !important;
    height:19px !important;
  }
  .quick-action b{
    font-size:13px !important;
    line-height:1.1 !important;
  }
  .quick-deposit b{
    font-size:12px !important;
    letter-spacing:-.45px !important;
  }
}
@media (max-width:380px){
  .quick-actions.hero-actions{gap:6px !important;}
  .quick-action{padding-left:6px !important;padding-right:5px !important;gap:5px !important;}
  .quick-icon{width:30px !important;height:30px !important;min-width:30px !important;flex-basis:30px !important;}
  .quick-action b{font-size:12px !important;}
  .quick-deposit b{font-size:11px !important;letter-spacing:-.6px !important;}
}

/* ===== PREMIUM PROFILE CARD EFFECT 2026-07-04 ===== */
#heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card{
  isolation:isolate!important;
  transform:translateZ(0)!important;
  border-color:rgba(193,99,255,.58)!important;
  background:
    radial-gradient(circle at 8% 12%, rgba(255,82,238,.25), transparent 28%),
    radial-gradient(circle at 92% 8%, rgba(71,205,255,.20), transparent 32%),
    radial-gradient(circle at 50% 115%, rgba(133,72,255,.20), transparent 35%),
    linear-gradient(112deg, rgba(58,18,92,.92), rgba(11,22,44,.90) 52%, rgba(39,18,67,.88))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(105,218,255,.10),
    0 18px 46px rgba(0,0,0,.34),
    0 0 30px rgba(158,73,255,.20),
    0 0 58px rgba(63,198,255,.08)!important;
  animation:gravityProfileFloat 5.5s ease-in-out infinite!important;
}
#heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:-35% -55%!important;
  z-index:0!important;
  opacity:.58!important;
  background:linear-gradient(115deg, transparent 38%, rgba(255,255,255,.18) 48%, rgba(116,221,255,.18) 51%, transparent 62%)!important;
  transform:translateX(-45%) rotate(8deg)!important;
  animation:gravityProfileShine 4.6s ease-in-out infinite!important;
  pointer-events:none!important;
}
#heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card::after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  height:auto!important;
  z-index:0!important;
  border-radius:22px!important;
  background:
    linear-gradient(90deg, transparent, rgba(255,110,242,.42), rgba(78,219,255,.42), transparent) left bottom/100% 2px no-repeat,
    radial-gradient(circle at 14% 38%, rgba(255,90,235,.16), transparent 26%),
    radial-gradient(circle at 85% 22%, rgba(79,205,255,.13), transparent 28%)!important;
  opacity:.72!important;
  filter:blur(.15px)!important;
  animation:gravityProfileGlow 3.4s ease-in-out infinite!important;
  pointer-events:none!important;
}
#heroSection.quick-dashboard .profile-balance-card.profile-rank-row,
#heroSection.quick-dashboard #rankSystemPanel.gravity-rank-panel{
  z-index:2!important;
}
#heroSection.quick-dashboard .profile-rank-row-img{
  animation:gravityRankIconPulse 3.2s ease-in-out infinite!important;
  filter:drop-shadow(0 0 14px rgba(190,94,255,.46)) drop-shadow(0 0 10px rgba(75,216,255,.18))!important;
}
#heroSection.quick-dashboard .profile-rank-row-name{
  text-shadow:0 0 12px rgba(255,255,255,.18),0 0 22px rgba(154,88,255,.14)!important;
}
#heroSection.quick-dashboard .profile-rank-row-money{
  background:linear-gradient(90deg,#fff3b8,#ffd86a,#fff4bf)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  text-shadow:0 0 18px rgba(255,212,94,.22)!important;
}
#heroSection.quick-dashboard .rank-progress{
  box-shadow:inset 0 1px 2px rgba(0,0,0,.34),0 0 14px rgba(113,213,255,.10)!important;
}
#heroSection.quick-dashboard .rank-progress i{
  background:linear-gradient(90deg,#ff72f7,#9a68ff,#46dcff,#ff72f7)!important;
  background-size:220% 100%!important;
  animation:gravityProgressFlow 2.4s linear infinite!important;
}
@keyframes gravityProfileFloat{
  0%,100%{transform:translateY(0) translateZ(0)}
  50%{transform:translateY(-1.5px) translateZ(0)}
}
@keyframes gravityProfileShine{
  0%{transform:translateX(-60%) rotate(8deg);opacity:0}
  18%{opacity:.58}
  48%{transform:translateX(42%) rotate(8deg);opacity:.48}
  100%{transform:translateX(70%) rotate(8deg);opacity:0}
}
@keyframes gravityProfileGlow{
  0%,100%{opacity:.58;filter:brightness(1)}
  50%{opacity:.92;filter:brightness(1.25)}
}
@keyframes gravityRankIconPulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.045)}
}
@keyframes gravityProgressFlow{
  0%{background-position:0% 50%}
  100%{background-position:220% 50%}
}
@media (prefers-reduced-motion: reduce){
  #heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card,
  #heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card::before,
  #heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card::after,
  #heroSection.quick-dashboard .profile-rank-row-img,
  #heroSection.quick-dashboard .rank-progress i{animation:none!important;}
}


/* ===== ULTRA PROFILE CARD VFX + LOWER QUICK BUTTONS 2026-07-04 ===== */
#heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border:1.6px solid rgba(211,96,255,.82)!important;
  background:
    radial-gradient(circle at 9% 18%, rgba(255,64,236,.42), transparent 30%),
    radial-gradient(circle at 87% 12%, rgba(63,226,255,.34), transparent 34%),
    radial-gradient(circle at 48% 112%, rgba(119,79,255,.30), transparent 42%),
    linear-gradient(112deg, rgba(80,20,111,.96), rgba(8,20,43,.94) 50%, rgba(38,17,75,.94))!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 0 24px rgba(255,69,246,.38),
    0 0 46px rgba(67,213,255,.18),
    0 20px 52px rgba(0,0,0,.42),
    inset 0 0 30px rgba(159,78,255,.16)!important;
  animation:profileCardMegaPulse 2.6s ease-in-out infinite!important;
}
#heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:-55% -80%!important;
  z-index:0!important;
  background:linear-gradient(110deg, transparent 39%, rgba(255,255,255,.34) 47%, rgba(76,227,255,.30) 52%, transparent 61%)!important;
  opacity:.88!important;
  transform:translateX(-65%) rotate(8deg)!important;
  animation:profileMegaShine 2.25s cubic-bezier(.2,.75,.2,1) infinite!important;
  pointer-events:none!important;
}
#heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card::after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:2px!important;
  height:auto!important;
  border-radius:22px!important;
  z-index:0!important;
  background:
    linear-gradient(90deg, transparent, rgba(255,91,245,.95), rgba(67,224,255,.95), transparent) left bottom/100% 3px no-repeat,
    linear-gradient(90deg, rgba(255,91,245,.75), transparent 22%, transparent 76%, rgba(67,224,255,.7)) left top/100% 2px no-repeat,
    radial-gradient(circle at 18% 34%, rgba(255,78,236,.26), transparent 24%),
    radial-gradient(circle at 83% 24%, rgba(70,224,255,.22), transparent 28%)!important;
  filter:drop-shadow(0 0 10px rgba(255,80,244,.48)) drop-shadow(0 0 12px rgba(64,220,255,.35))!important;
  opacity:1!important;
  animation:profileBorderGlow 1.8s ease-in-out infinite!important;
  pointer-events:none!important;
}
.profile-vfx-ring,
.profile-vfx-scan,
.profile-vfx-spark{position:absolute!important;pointer-events:none!important;z-index:1!important;display:block!important;}
.profile-vfx-ring{
  width:86px!important;height:86px!important;right:-22px!important;top:-26px!important;border-radius:50%!important;
  border:2px solid rgba(80,225,255,.55)!important;
  box-shadow:0 0 20px rgba(80,225,255,.45), inset 0 0 18px rgba(177,69,255,.26)!important;
  animation:profileRingSpin 3.8s linear infinite!important;
}
.profile-vfx-ring::before,.profile-vfx-ring::after{content:"";position:absolute;border-radius:50%;inset:12px;border:2px dashed rgba(255,93,247,.50)}
.profile-vfx-ring::after{inset:28px;border-style:solid;border-color:rgba(255,230,125,.45)}
.profile-vfx-scan{
  left:-20%!important;right:-20%!important;top:42%!important;height:18px!important;
  background:linear-gradient(90deg, transparent, rgba(76,226,255,.16), rgba(255,98,245,.18), transparent)!important;
  filter:blur(1px)!important;opacity:.85!important;transform:rotate(-2deg)!important;
  animation:profileScanMove 2.8s ease-in-out infinite!important;
}
.profile-vfx-spark{width:6px!important;height:6px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 0 8px #fff,0 0 16px rgba(82,226,255,.85),0 0 22px rgba(255,77,236,.70)!important;}
.profile-vfx-spark.s1{left:11%!important;top:15%!important;animation:profileSpark1 2.2s ease-in-out infinite!important;}
.profile-vfx-spark.s2{right:18%!important;top:72%!important;animation:profileSpark2 2.7s ease-in-out infinite!important;}
.profile-vfx-spark.s3{left:56%!important;top:16%!important;animation:profileSpark3 3.1s ease-in-out infinite!important;}
#heroSection.quick-dashboard .profile-balance-card.profile-rank-row,
#heroSection.quick-dashboard #rankSystemPanel.gravity-rank-panel{position:relative!important;z-index:3!important;}
#heroSection.quick-dashboard .profile-rank-row-img{
  filter:drop-shadow(0 0 12px rgba(255,84,238,.75)) drop-shadow(0 0 18px rgba(67,224,255,.42))!important;
  animation:rankIconMegaPop 1.9s ease-in-out infinite!important;
}
#heroSection.quick-dashboard .profile-rank-row-money{
  background:linear-gradient(90deg,#fff6c7,#ffd35b,#fff6c7,#ffd35b)!important;
  background-size:220% 100%!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
  filter:drop-shadow(0 0 10px rgba(255,218,100,.44))!important;
  animation:goldTextFlow 2.2s linear infinite!important;
}
#heroSection.quick-dashboard .rank-progress{height:6px!important;background:rgba(255,255,255,.16)!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.35),0 0 16px rgba(67,224,255,.28)!important;}
#heroSection.quick-dashboard .rank-progress i{background:linear-gradient(90deg,#ff4cf4,#8f62ff,#38e6ff,#ff4cf4)!important;background-size:260% 100%!important;animation:gravityProgressFlow 1.3s linear infinite!important;}

/* make 3 action buttons shorter/lower and allow full text */
.quick-actions.hero-actions{gap:8px!important;}
.quick-action{height:46px!important;min-height:46px!important;padding:5px 6px!important;gap:5px!important;border-radius:15px!important;}
.quick-icon{width:30px!important;height:30px!important;min-width:30px!important;flex:0 0 30px!important;border-radius:11px!important;}
.quick-social-logo,.quick-original-logo,.quick-svg{width:18px!important;height:18px!important;}
.quick-action b{font-size:12px!important;line-height:1!important;letter-spacing:-.25px!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;}
.quick-deposit b{font-size:11.5px!important;letter-spacing:-.55px!important;}
@media (max-width:380px){
  .quick-action{height:44px!important;min-height:44px!important;padding:5px!important;gap:4px!important;}
  .quick-icon{width:28px!important;height:28px!important;min-width:28px!important;flex-basis:28px!important;}
  .quick-action b{font-size:11.2px!important;letter-spacing:-.5px!important;}
  .quick-deposit b{font-size:10.6px!important;letter-spacing:-.75px!important;}
}

@keyframes profileCardMegaPulse{0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 0 22px rgba(255,69,246,.36),0 0 44px rgba(67,213,255,.18),0 20px 52px rgba(0,0,0,.42),inset 0 0 30px rgba(159,78,255,.16)}50%{box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 0 34px rgba(255,69,246,.62),0 0 68px rgba(67,213,255,.34),0 23px 58px rgba(0,0,0,.46),inset 0 0 42px rgba(159,78,255,.26)}}
@keyframes profileMegaShine{0%{transform:translateX(-70%) rotate(8deg);opacity:0}18%{opacity:.95}55%{transform:translateX(52%) rotate(8deg);opacity:.75}100%{transform:translateX(75%) rotate(8deg);opacity:0}}
@keyframes profileBorderGlow{0%,100%{opacity:.72;filter:drop-shadow(0 0 8px rgba(255,80,244,.36)) drop-shadow(0 0 10px rgba(64,220,255,.28))}50%{opacity:1;filter:drop-shadow(0 0 16px rgba(255,80,244,.82)) drop-shadow(0 0 18px rgba(64,220,255,.62))}}
@keyframes profileRingSpin{to{transform:rotate(360deg)}}
@keyframes profileScanMove{0%,100%{transform:translateY(-22px) rotate(-2deg);opacity:.18}50%{transform:translateY(22px) rotate(-2deg);opacity:.95}}
@keyframes profileSpark1{0%,100%{transform:translate(0,0) scale(.7);opacity:.25}50%{transform:translate(20px,8px) scale(1.35);opacity:1}}
@keyframes profileSpark2{0%,100%{transform:translate(0,0) scale(.7);opacity:.22}50%{transform:translate(-28px,-7px) scale(1.28);opacity:1}}
@keyframes profileSpark3{0%,100%{transform:translate(0,0) scale(.6);opacity:.18}50%{transform:translate(12px,18px) scale(1.25);opacity:.95}}
@keyframes rankIconMegaPop{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.08) rotate(-1.5deg)}}
@keyframes goldTextFlow{to{background-position:220% 50%}}

/* ===== CLEAN PROFILE VFX 2026-07-04: remove square/block artifacts behind rank image, keep ring ===== */
#heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card{
  background:
    radial-gradient(ellipse at 12% 28%, rgba(255,64,236,.38) 0%, rgba(255,64,236,.18) 22%, transparent 56%),
    radial-gradient(ellipse at 82% 18%, rgba(64,220,255,.30) 0%, rgba(64,220,255,.13) 24%, transparent 58%),
    radial-gradient(ellipse at 50% 115%, rgba(126,87,255,.24) 0%, transparent 60%),
    linear-gradient(112deg, rgba(72,19,108,.96), rgba(8,20,43,.95) 52%, rgba(38,17,75,.94))!important;
}
#heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card::before{
  /* soft shine only: no visible rectangular edge behind the rank/avatar */
  inset:-35% -45%!important;
  z-index:0!important;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(255,255,255,.22) 0%, rgba(76,227,255,.13) 20%, rgba(255,91,245,.10) 34%, transparent 62%)!important;
  filter:blur(16px)!important;
  opacity:.72!important;
  mix-blend-mode:screen!important;
  animation:profileSoftShineClean 3.2s ease-in-out infinite!important;
}
#heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card::after{
  /* glow border without corner/block background shapes */
  inset:2px!important;
  border-radius:22px!important;
  background:
    linear-gradient(90deg, transparent 0%, rgba(255,91,245,.88) 22%, rgba(67,224,255,.88) 76%, transparent 100%) left bottom/100% 3px no-repeat,
    linear-gradient(90deg, rgba(255,91,245,.55), transparent 24%, transparent 76%, rgba(67,224,255,.55)) left top/100% 2px no-repeat!important;
  filter:drop-shadow(0 0 10px rgba(255,80,244,.42)) drop-shadow(0 0 12px rgba(64,220,255,.30))!important;
}
.profile-vfx-scan{
  /* make scan glow round/blurred so it never shows square corners */
  left:4%!important;
  right:4%!important;
  top:42%!important;
  height:16px!important;
  border-radius:999px!important;
  background:radial-gradient(ellipse at center, rgba(76,226,255,.18) 0%, rgba(255,98,245,.12) 38%, transparent 76%)!important;
  filter:blur(10px)!important;
  opacity:.55!important;
}
#heroSection.quick-dashboard .profile-rank-row-img{
  position:relative!important;
  z-index:4!important;
  background:transparent!important;
  box-shadow:none!important;
}
#heroSection.quick-dashboard .profile-rank-row-img::before,
#heroSection.quick-dashboard .profile-rank-row-img::after{
  display:none!important;
  content:none!important;
}
@keyframes profileSoftShineClean{
  0%,100%{transform:translateX(-28%) rotate(7deg) scale(.96);opacity:.20}
  42%{transform:translateX(18%) rotate(7deg) scale(1.05);opacity:.76}
  70%{transform:translateX(34%) rotate(7deg) scale(1.00);opacity:.35}
}

/* ===== FINAL FIX 2026-07-04: remove all square/box artifacts behind rank image and username ===== */
#heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card{
  isolation:isolate!important;
  overflow:hidden!important;
  background:
    radial-gradient(ellipse at 14% 28%, rgba(255,70,235,.34) 0%, rgba(255,70,235,.15) 30%, transparent 62%),
    radial-gradient(ellipse at 86% 18%, rgba(67,224,255,.24) 0%, rgba(67,224,255,.10) 30%, transparent 64%),
    linear-gradient(112deg, rgba(72,19,108,.96), rgba(8,20,43,.96) 54%, rgba(38,17,75,.95))!important;
}

/* This was the main source of the block/square mark. Disable it completely. */
#heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card::before,
#heroSection.quick-dashboard .profile-balance-card.profile-rank-row::before,
#heroSection.quick-dashboard .profile-balance-card.profile-rank-row::after,
#heroSection.quick-dashboard #rankSystemPanel .current-rank-card::before,
#heroSection.quick-dashboard #rankSystemPanel .current-rank-card::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
  animation:none!important;
}

/* Keep only a clean neon border; no big rectangular layer. */
#heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:2px!important;
  z-index:0!important;
  border-radius:22px!important;
  background:none!important;
  border:1px solid rgba(255,96,245,.58)!important;
  box-shadow:
    inset 0 0 0 1px rgba(78,224,255,.18),
    inset 0 -3px 0 rgba(70,224,255,.70),
    0 0 16px rgba(255,80,244,.42),
    0 0 18px rgba(64,220,255,.22)!important;
  pointer-events:none!important;
  animation:profileCleanBorderPulse 2.1s ease-in-out infinite!important;
}

/* Remove scan layer because it can show a visible straight rectangular edge on iPhone/TikTok browser. */
.profile-vfx-scan{display:none!important;}

/* Keep ring effect, but place it above the smooth background and away from the rank image/name. */
.profile-vfx-ring{z-index:2!important;opacity:.88!important;}
.profile-vfx-spark{z-index:2!important;}

#heroSection.quick-dashboard .profile-balance-card.profile-rank-row,
#heroSection.quick-dashboard #rankSystemPanel.gravity-rank-panel{
  position:relative!important;
  z-index:3!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}

#heroSection.quick-dashboard .profile-rank-row-img{
  position:relative!important;
  z-index:4!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 0 12px rgba(255,84,238,.62)) drop-shadow(0 0 16px rgba(67,224,255,.34))!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

#heroSection.quick-dashboard .profile-rank-row-name{
  position:relative!important;
  z-index:4!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}

@keyframes profileCleanBorderPulse{
  0%,100%{opacity:.76;box-shadow:inset 0 0 0 1px rgba(78,224,255,.16),inset 0 -3px 0 rgba(70,224,255,.58),0 0 12px rgba(255,80,244,.34),0 0 14px rgba(64,220,255,.18)}
  50%{opacity:1;box-shadow:inset 0 0 0 1px rgba(78,224,255,.28),inset 0 -3px 0 rgba(70,224,255,.86),0 0 22px rgba(255,80,244,.64),0 0 24px rgba(64,220,255,.34)}
}


/* ===== GRAVITY MOBILE-FIRST TUTORIAL ===== */
body.tutorial-open{overflow:hidden!important;touch-action:none}
.tutorial-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:14px;opacity:0;transition:opacity .22s ease}
.tutorial-modal.is-open{opacity:1}.tutorial-backdrop{position:absolute;inset:0;background:rgba(1,5,14,.84);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.tutorial-card{position:relative;width:min(960px,100%);max-height:calc(100dvh - 28px);overflow:auto;-webkit-overflow-scrolling:touch;border-radius:26px;padding:28px;background:linear-gradient(155deg,rgba(18,29,58,.98),rgba(7,13,29,.99));border:1px solid rgba(146,103,255,.48);box-shadow:0 28px 100px rgba(0,0,0,.72),0 0 42px rgba(121,75,255,.22);transform:translateY(18px) scale(.975);transition:transform .25s ease}
.tutorial-modal.is-open .tutorial-card{transform:translateY(0) scale(1)}.tutorial-card::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 12% 0%,rgba(111,75,255,.24),transparent 34%),radial-gradient(circle at 100% 85%,rgba(39,203,255,.12),transparent 34%)}
.tutorial-close{position:absolute;right:12px;top:12px;z-index:3;width:44px;height:44px;border:0;border-radius:14px;background:rgba(255,255,255,.08);color:#fff;font-size:30px;line-height:1;display:grid;place-items:center;cursor:pointer}.tutorial-intro,.tutorial-video-view{position:relative;z-index:1}.tutorial-intro{text-align:center;max-width:700px;margin:0 auto}.tutorial-icon{width:68px;height:68px;margin:2px auto 12px;border-radius:22px;display:grid;place-items:center;padding-left:4px;font-size:25px;background:linear-gradient(135deg,#7048ff,#9b38ff);box-shadow:0 14px 40px rgba(121,72,255,.38)}
.tutorial-kicker{display:block;color:#ad92ff;font-weight:800;font-size:.78rem;letter-spacing:1.8px;margin-bottom:7px}.tutorial-intro h2{font-size:clamp(1.45rem,4vw,2.25rem);line-height:1.3;margin:0 42px 10px;color:#fff}.tutorial-intro>p{max-width:620px;margin:0 auto;color:#bac7df;line-height:1.75;font-size:1rem}.tutorial-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;text-align:left}.tutorial-points span{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.075);color:#e9efff;font-weight:600}
.tutorial-never-show{display:flex;align-items:center;justify-content:center;gap:10px;padding:11px;cursor:pointer;color:#d7e0f5;font-size:.9rem}.tutorial-never-show input{width:20px;height:20px;accent-color:#875bff;flex:0 0 auto}.tutorial-actions{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:10px;margin-top:12px}.tutorial-watch-btn,.tutorial-skip-btn,.tutorial-done-btn{min-height:52px;border:0;border-radius:15px;color:#fff;font-weight:800;cursor:pointer}.tutorial-watch-btn{background:linear-gradient(135deg,#7048ff,#9a32ff);box-shadow:0 13px 32px rgba(123,67,255,.30)}.tutorial-watch-btn span{margin-right:7px}.tutorial-skip-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10)}.tutorial-note{display:block;margin-top:12px;color:#899ab9}
.tutorial-video-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:42px;margin-bottom:14px}.tutorial-video-head div{display:grid;gap:2px}.tutorial-video-head span{font-size:.78rem;color:#9c82ff;font-weight:800}.tutorial-video-head strong{font-size:1.12rem}.tutorial-video-head button{min-height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.07);color:#fff;padding:0 13px}.tutorial-video-shell{width:100%;background:#000;border-radius:20px;overflow:hidden;border:1px solid rgba(143,91,255,.52);box-shadow:0 0 34px rgba(119,63,255,.20)}.tutorial-video-shell video{display:block;width:100%;max-height:calc(100dvh - 190px);background:#000;object-fit:contain}.tutorial-done-btn{display:block;width:100%;margin-top:12px;background:linear-gradient(135deg,#177bd8,#7b4cff)}
.tutorial-help-button{position:fixed;right:14px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:22;display:flex;align-items:center;gap:8px;min-height:46px;padding:0 15px;border:1px solid rgba(151,111,255,.52);border-radius:999px;background:linear-gradient(135deg,rgba(84,48,201,.96),rgba(119,48,208,.96));color:#fff;box-shadow:0 13px 34px rgba(0,0,0,.38),0 0 22px rgba(121,72,255,.24);font-weight:800}
@media(max-width:600px){.tutorial-modal{padding:8px;align-items:end}.tutorial-card{width:100%;max-height:calc(100dvh - 8px);border-radius:24px 24px 16px 16px;padding:22px 15px calc(18px + env(safe-area-inset-bottom));transform:translateY(30px)}.tutorial-close{right:10px;top:10px;width:42px;height:42px}.tutorial-icon{width:58px;height:58px;border-radius:19px;font-size:21px}.tutorial-kicker{font-size:.71rem}.tutorial-intro h2{font-size:1.38rem;margin:0 36px 8px;line-height:1.42}.tutorial-intro>p{font-size:.91rem;line-height:1.68}.tutorial-points{grid-template-columns:1fr;gap:7px;margin:15px 0}.tutorial-points span{padding:10px 12px;font-size:.88rem}.tutorial-never-show{justify-content:flex-start;text-align:left;padding:9px 4px;font-size:.84rem}.tutorial-actions{grid-template-columns:1fr;gap:8px;margin-top:8px}.tutorial-watch-btn,.tutorial-skip-btn,.tutorial-done-btn{min-height:50px}.tutorial-note{font-size:.76rem;line-height:1.5}.tutorial-video-head{padding-right:40px;align-items:flex-end;margin-bottom:10px}.tutorial-video-head strong{font-size:.94rem}.tutorial-video-head button{min-height:40px;padding:0 10px;font-size:.82rem}.tutorial-video-shell{border-radius:16px}.tutorial-video-shell video{height:min(68dvh,640px);max-height:none}.tutorial-help-button{right:10px;bottom:calc(11px + env(safe-area-inset-bottom));min-height:43px;padding:0 12px;font-size:.82rem}}
@media(max-width:380px){.tutorial-card{padding-left:12px;padding-right:12px}.tutorial-intro h2{font-size:1.22rem}.tutorial-points span{font-size:.81rem}.tutorial-help-button b{display:none}.tutorial-help-button{width:46px;padding:0;justify-content:center}}
@media(prefers-reduced-motion:reduce){.tutorial-modal,.tutorial-card{transition:none!important}}

.tutorial-youtube{width:100%;aspect-ratio:9/16;border:0;border-radius:16px;display:block;}


/* ===== YouTube tutorial reliability fix ===== */
.tutorial-help-button{
  z-index:10020 !important;
  pointer-events:auto !important;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.tutorial-modal{
  z-index:10030 !important;
}
.tutorial-card,
.tutorial-video-view,
.tutorial-video-shell{
  pointer-events:auto;
}
.tutorial-video-shell{
  position:relative;
  width:100%;
  max-width:430px;
  margin:0 auto;
  aspect-ratio:9 / 16;
  min-height:0;
  background:#000;
}
.tutorial-youtube{
  position:absolute;
  inset:0;
  width:100% !important;
  height:100% !important;
  aspect-ratio:auto !important;
  display:block;
  border:0;
  border-radius:inherit;
  pointer-events:auto;
}
@media (min-width:700px){
  .tutorial-video-shell{
    max-width:760px;
    aspect-ratio:16 / 9;
  }
}
@media (max-width:600px){
  .tutorial-card.is-video-mode{
    overflow-y:auto;
  }
  .tutorial-video-view{
    min-height:0;
  }
  .tutorial-video-shell{
    max-height:68dvh;
  }
}


/* ===== GRAVITY tutorial centered mobile fix ===== */
body.tutorial-open{
  overflow:hidden !important;
}

#tutorialWelcomeModal.tutorial-modal{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  min-height:100dvh !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:
    max(14px, env(safe-area-inset-top))
    max(12px, env(safe-area-inset-right))
    max(14px, env(safe-area-inset-bottom))
    max(12px, env(safe-area-inset-left)) !important;
  overflow:hidden !important;
  z-index:10030 !important;
}

#tutorialWelcomeModal.tutorial-modal.hidden{
  display:none !important;
}

#tutorialWelcomeModal .tutorial-card{
  margin:auto !important;
  width:min(94vw, 430px) !important;
  max-width:430px !important;
  max-height:calc(100dvh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
  overflow-y:auto !important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  transform:none !important;
  position:relative !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
}

#tutorialWelcomeModal .tutorial-card.is-video-mode{
  width:min(94vw, 430px) !important;
}

#tutorialWelcomeModal .tutorial-header{
  position:relative !important;
  padding-right:58px !important;
}

#tutorialWelcomeModal #tutorialCloseBtn,
#tutorialWelcomeModal .tutorial-close{
  position:absolute !important;
  top:12px !important;
  right:12px !important;
  z-index:4 !important;
}

/* Ensure only the real X button is visible in the top-right area */
#tutorialWelcomeModal #tutorialBackBtn,
#tutorialWelcomeModal .tutorial-header .tutorial-back,
#tutorialWelcomeModal .tutorial-mini-close,
#tutorialWelcomeModal .tutorial-header-back{
  display:none !important;
}

@media (max-width:600px){
  #tutorialWelcomeModal.tutorial-modal{
    align-items:center !important;
    justify-content:center !important;
  }

  #tutorialWelcomeModal .tutorial-card{
    width:min(94vw, 410px) !important;
    max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
    border-radius:24px !important;
  }

  #tutorialWelcomeModal .tutorial-video-shell{
    max-height:62dvh !important;
  }
}


/* ===== MOBILE ULTRA FAST: rendering-only optimizations (no visual changes) ===== */
img{content-visibility:auto;}
#publicStatsSection,
.site-footer{
  content-visibility:auto;
  contain-intrinsic-size:1px 700px;
}
.product-card,
.public-stat-card,
.top-user-row{
  contain:layout paint style;
}
@media (max-width:760px){
  #shop, #publicStatsSection, .site-footer{
    content-visibility:auto;
    contain-intrinsic-size:1px 900px;
  }
}


/* ===== GRAVITY render all public products up-front =====
   Public stock is normally under 20 products. Keep every card painted so
   mobile scrolling never pauses to create/reveal product rows. */
#productsGrid,
#productsGrid .product-section-list,
#productsGrid .product-card,
#productsGrid .product-cover,
#productsGrid .product-cover img,
#productsGrid .product-content,
#productsGrid .price-row{
  content-visibility:visible !important;
  contain:none !important;
  contain-intrinsic-size:auto !important;
}
#productsGrid .product-card{
  will-change:auto !important;
}


/* ===== GRAVITY FINAL PERFORMANCE LAYER ===== */
@media (max-width: 900px) {
  .product-card,
  .panel-block,
  .public-leaderboard-card,
  .admin-product-card,
  .card-row {
    content-visibility: auto;
    contain-intrinsic-size: 320px;
  }
}

.product-card img,
.rank-card img,
.current-rank-icon img,
.quick-social-logo {
  image-rendering: auto;
}

.page-hidden .gravity-particle,
.page-hidden .rong2-orb,
.page-hidden .rong2-star-field,
.page-hidden .rong2-grid-light,
.page-hidden .profile-vfx-ring,
.page-hidden .profile-vfx-scan,
.page-hidden .profile-vfx-spark {
  animation-play-state: paused !important;
}

.performance-lite .rong2-particles,
.performance-lite .rong2-star-field,
.performance-lite .rong2-grid-light,
.performance-lite .profile-vfx-spark {
  display: none !important;
}

.performance-lite *,
.performance-lite *::before,
.performance-lite *::after {
  scroll-behavior: auto !important;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}

/* Product card height stability fix
   Keep the original card dimensions and prevent reserved off-screen height
   from making the product list look taller or jump while scrolling. */
.product-card{
  content-visibility:visible !important;
  contain-intrinsic-size:auto !important;
  contain:none !important;
}

/* === ULTRA COMPACT USER HISTORY (orders + deposits) === */
#ordersList.list,
#depositList.list {
  gap: 5px !important;
}
.history-compact {
  min-height: 0 !important;
  padding: 7px 10px !important;
  margin: 0 !important;
  border-radius: 12px !important;
  display: block !important;
  contain: layout paint;
}
.history-main-line,
.history-sub-line {
  display: flex;
  align-items: center;
  min-width: 0;
}
.history-main-line {
  justify-content: space-between;
  gap: 8px;
  height: 22px;
}
.history-main-line h5,
.history-main-line strong {
  margin: 0 !important;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px !important;
  line-height: 1.15 !important;
}
.history-main-line .status {
  flex: 0 0 auto;
  padding: 2px 7px !important;
  border-radius: 999px !important;
  font-size: 9.5px !important;
  line-height: 1.2 !important;
  min-height: 0 !important;
  text-transform: none !important;
}
.history-sub-line {
  gap: 4px;
  margin-top: 2px;
  min-height: 17px;
  color: var(--muted, #9aa8c5);
  font-size: 9.5px !important;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
}
.history-sub-line > span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.history-mini-btn {
  flex: 0 0 auto;
  border: 1px solid rgba(150,165,255,.34);
  background: rgba(100,105,180,.18);
  color: inherit;
  border-radius: 7px;
  min-height: 20px;
  padding: 1px 6px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
}
.history-mini-btn.primary {
  background: linear-gradient(135deg, rgba(77,129,255,.55), rgba(130,72,255,.55));
  color: #fff;
}
.history-mini-btn.warning { color: #ffd98c; }
.compact-account-panel {
  margin-top: 5px !important;
  padding: 7px !important;
  font-size: 10px !important;
}
.compact-account-panel .copy-grid {
  gap: 4px !important;
  margin-top: 5px !important;
}
.compact-account-panel .btn {
  min-height: 26px !important;
  padding: 4px 6px !important;
  font-size: 9px !important;
}
.compact-load-more { margin: 7px 0 0 !important; }
.compact-load-more .btn {
  min-height: 30px !important;
  padding: 5px 8px !important;
  font-size: 10px !important;
}
.order-history-compact .order-locked-card,
.order-history-compact .order-clean-actions,
.order-history-compact > .buy-summary:not(.compact-account-panel) {
  margin-top: 4px !important;
  padding: 5px !important;
  font-size: 9px !important;
}
@media (max-width: 600px) {
  #ordersList.list,
  #depositList.list { gap: 3px !important; }
  .history-compact { padding: 5px 8px !important; border-radius: 10px !important; }
  .history-main-line { height: 19px; }
  .history-main-line h5,
  .history-main-line strong { font-size: 11.5px !important; }
  .history-main-line .status { font-size: 8.5px !important; padding: 2px 6px !important; }
  .history-sub-line { min-height: 14px; font-size: 8.5px !important; margin-top: 0; }
  .history-mini-btn { min-height: 18px; padding: 0 5px; font-size: 8px; }
}


/* === FINAL TRUE COMPACT HISTORY LIST === */
#ordersList, #depositList{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
}
#ordersList .gh-history-row,
#depositList .gh-history-row{
  box-sizing:border-box !important;
  width:100% !important;
  min-height:46px !important;
  height:46px !important;
  margin:0 !important;
  padding:5px 7px 5px 9px !important;
  border-radius:10px !important;
  border:1px solid rgba(148,163,255,.14) !important;
  background:rgba(18,28,51,.72) !important;
  box-shadow:none !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:6px !important;
  overflow:hidden !important;
}
.gh-history-left{min-width:0 !important;overflow:hidden !important;}
.gh-history-title{
  margin:0 !important;
  font-size:11px !important;
  line-height:14px !important;
  font-weight:800 !important;
  color:#f4f7ff !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.gh-history-meta{
  margin-top:1px !important;
  font-size:8px !important;
  line-height:11px !important;
  color:rgba(190,202,230,.82) !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.gh-history-actions{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:3px !important;
  min-width:0 !important;
}
#ordersList .gh-status,
#depositList .gh-status{
  min-height:17px !important;
  height:17px !important;
  padding:0 6px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  font-size:7.5px !important;
  line-height:1 !important;
  font-weight:700 !important;
  white-space:nowrap !important;
  text-transform:none !important;
}
.gh-mini-action{
  min-width:0 !important;
  min-height:17px !important;
  height:17px !important;
  padding:0 5px !important;
  margin:0 !important;
  border-radius:6px !important;
  border:1px solid rgba(151,164,255,.25) !important;
  background:rgba(90,93,170,.22) !important;
  color:#eef2ff !important;
  font-size:7.5px !important;
  line-height:1 !important;
  font-weight:800 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;
  box-shadow:none !important;
}
.gh-account-action{background:linear-gradient(135deg,rgba(75,126,255,.58),rgba(124,69,255,.58)) !important;}
.gh-report-action{color:#ffd69a !important;}
#ordersList .gh-account-panel{
  margin:0 0 2px !important;
  padding:6px !important;
  border-radius:8px !important;
  font-size:9px !important;
}
#ordersList .gh-account-panel.hidden{display:none !important;}
#ordersList .report-order-status-card{margin:0 0 2px !important;padding:6px !important;font-size:9px !important;}
.compact-load-more{margin:4px 0 0 !important;}
.compact-load-more .btn{min-height:28px !important;height:28px !important;padding:3px 8px !important;font-size:9px !important;}
@media (max-width:420px){
  #ordersList .gh-history-row,
  #depositList .gh-history-row{height:42px !important;min-height:42px !important;padding:4px 6px 4px 8px !important;}
  .gh-history-title{font-size:10px !important;line-height:12px !important;}
  .gh-history-meta{font-size:7px !important;line-height:9px !important;}
  #ordersList .gh-status,#depositList .gh-status,.gh-mini-action{height:15px !important;min-height:15px !important;font-size:6.8px !important;padding-left:4px !important;padding-right:4px !important;}
}

/* ===== GRAVITY PRODUCT DEPOSIT-SIZE COMPACT — 2026-07-13 =====
   Keep original 3-column product layout, only reduce overall size on phones. */
@media (max-width:760px){
  .product-grid{gap:6px !important;}
  .product-card{
    grid-template-columns:48px minmax(0,1fr) 68px !important;
    min-height:66px !important;
    height:auto !important;
    gap:6px !important;
    padding:5px 7px !important;
    border-radius:14px !important;
    contain-intrinsic-size:66px !important;
  }
  .product-cover{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    border-radius:10px !important;
  }
  .product-content{gap:0 !important;}
  .product-meta{gap:3px !important;margin:0 0 2px !important;}
  .product-meta .badge{
    padding:1px 5px !important;
    font-size:7.5px !important;
    line-height:1.15 !important;
  }
  .product-card h4{
    font-size:10.5px !important;
    line-height:1.1 !important;
    margin:0 0 2px !important;
  }
  .product-card p{
    font-size:8.5px !important;
    line-height:1.1 !important;
  }
  .price-row{
    width:68px !important;
    min-width:68px !important;
    gap:2px !important;
  }
  .rank-price-box .new-price,
  .rank-price-box.compact .new-price,
  .price-row strong{
    min-height:21px !important;
    padding:3px 4px !important;
    border-radius:8px !important;
    font-size:10px !important;
  }
  .rank-price-box em,
  .rank-price-box.compact em{
    padding:1px 3px !important;
    font-size:6.8px !important;
  }
  .buy-btn.btn,
  .price-row .btn{
    min-height:22px !important;
    height:22px !important;
    padding:0 3px !important;
    border-radius:8px !important;
    font-size:8.5px !important;
  }
}
@media (max-width:420px){
  .product-card{
    grid-template-columns:46px minmax(0,1fr) 64px !important;
    min-height:62px !important;
    padding:4px 6px !important;
    gap:5px !important;
    contain-intrinsic-size:62px !important;
  }
  .product-cover{width:46px !important;height:46px !important;min-width:46px !important;}
  .product-card h4{font-size:10px !important;}
  .product-card p{font-size:8px !important;}
  .price-row{width:64px !important;min-width:64px !important;}
  .rank-price-box .new-price,
  .rank-price-box.compact .new-price,
  .price-row strong{font-size:9.5px !important;min-height:20px !important;}
  .buy-btn.btn,
  .price-row .btn{font-size:8px !important;min-height:21px !important;height:21px !important;}
}

/* ===== GRAVITY FINAL COMPACT BOTTOM AREA =====
   Keep the current colors; only tighten statistics and footer spacing. */
#publicStatsSection.public-stats-section{
  margin-top:10px !important;
  margin-bottom:8px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.public-stats-grid{
  gap:6px !important;
}
.public-stat-card{
  height:43px !important;
  min-height:43px !important;
  padding:5px 7px !important;
  border-radius:14px !important;
  gap:5px !important;
}
.public-stat-card .public-stat-icon{
  width:40px !important;
  min-width:40px !important;
  flex:0 0 40px !important;
  height:29px !important;
  border-radius:10px !important;
  font-size:.88rem !important;
}
.public-stat-card .public-stat-copy strong{
  font-size:clamp(.82rem,3.55vw,.98rem) !important;
  line-height:1 !important;
}
.public-stat-card .public-stat-copy span,
.public-stat-card .public-stat-copy small{
  display:none !important;
}
.public-stat-card.stat-online .public-stat-icon::before{
  width:20px !important;
  height:20px !important;
}
.online-stat-icon i{
  width:5px !important;
  height:5px !important;
  right:10px !important;
  top:7px !important;
}

.site-footer.footer-clean{
  margin-top:10px !important;
  padding-bottom:8px !important;
}
.footer-clean-card{
  padding:10px 12px 9px !important;
  border-radius:17px !important;
  min-height:0 !important;
}
.footer-main-row{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:0 !important;
}
.footer-brand-mini.footer-no-logo{
  gap:8px !important;
  min-height:0 !important;
}
.footer-brand-mini.footer-no-logo::before{
  width:7px !important;
  height:31px !important;
  border-radius:999px !important;
}
.footer-brand-mini strong{
  font-size:.82rem !important;
  line-height:1.1 !important;
  letter-spacing:.35px !important;
}
.footer-brand-mini span{
  margin-top:2px !important;
  font-size:.63rem !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
}
.footer-trust-mini{
  display:none !important;
}
.footer-bottom-row{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:3px 9px !important;
  margin-top:7px !important;
  padding-top:7px !important;
  text-align:left !important;
}
.footer-bottom-row p{
  margin:0 !important;
  font-size:.63rem !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}
.footer-legal-links{
  margin:0 !important;
  gap:5px !important;
  font-size:.62rem !important;
  line-height:1.2 !important;
}
.footer-bottom-row small{
  width:100% !important;
  margin-top:1px !important;
  font-size:.59rem !important;
  line-height:1.3 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  opacity:.72 !important;
}

@media (max-width:520px){
  #publicStatsSection.public-stats-section{margin-top:8px !important;margin-bottom:7px !important;}
  .public-stat-card{height:41px !important;min-height:41px !important;padding:4px 6px !important;border-radius:13px !important;}
  .public-stat-card .public-stat-icon{width:37px !important;min-width:37px !important;flex-basis:37px !important;height:27px !important;}
  .public-stat-card .public-stat-copy strong{font-size:clamp(.78rem,3.7vw,.94rem) !important;}
  .site-footer.footer-clean{margin-top:8px !important;padding-bottom:6px !important;}
  .footer-clean-card{padding:9px 10px 8px !important;border-radius:16px !important;}
  .footer-brand-mini.footer-no-logo::before{height:28px !important;width:6px !important;}
  .footer-brand-mini strong{font-size:.78rem !important;}
  .footer-brand-mini span{font-size:.59rem !important;}
  .footer-bottom-row{margin-top:6px !important;padding-top:6px !important;gap:3px 7px !important;}
  .footer-bottom-row p{font-size:.59rem !important;}
  .footer-legal-links{font-size:.59rem !important;gap:4px !important;}
  .footer-bottom-row small{display:none !important;}
}

/* ===== FINAL COMPACT PROFILE CARD — match compact products/footer ===== */
@media (max-width:760px){
  #heroSection.quick-dashboard{
    min-height:0 !important;
    padding:10px !important;
    gap:8px !important;
    border-radius:20px !important;
  }
  #heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card{
    min-height:0 !important;
    padding:9px 10px 8px !important;
    gap:5px !important;
    border-radius:18px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 22px rgba(0,0,0,.20),0 0 14px rgba(147,70,255,.10) !important;
  }
  #heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card::after{
    inset:1px !important;
    border-radius:17px !important;
    box-shadow:inset 0 0 0 1px rgba(78,224,255,.12),0 0 10px rgba(255,80,244,.20) !important;
    animation:none !important;
  }
  #heroSection.quick-dashboard .profile-vfx-ring,
  #heroSection.quick-dashboard .profile-vfx-spark,
  #heroSection.quick-dashboard .profile-vfx-scan{display:none !important;}

  #heroSection.quick-dashboard .profile-balance-card.profile-rank-row{
    min-height:38px !important;
    grid-template-columns:38px minmax(0,1fr) auto 27px !important;
    gap:7px !important;
  }
  #heroSection.quick-dashboard .profile-rank-row-img{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    border-radius:13px !important;
    filter:drop-shadow(0 0 8px rgba(255,84,238,.34)) !important;
  }
  #heroSection.quick-dashboard .profile-rank-row-name{
    font-size:1rem !important;
    line-height:1 !important;
  }
  #heroSection.quick-dashboard .profile-rank-row-money{
    font-size:1rem !important;
    min-width:56px !important;
    line-height:1 !important;
  }
  #heroSection.quick-dashboard .balance-eye-btn{
    width:27px !important;
    height:27px !important;
    min-width:27px !important;
    border-radius:9px !important;
  }
  #heroSection.quick-dashboard .balance-eye-btn img{width:15px !important;height:15px !important;}

  #heroSection.quick-dashboard #rankSystemPanel .current-rank-card{
    gap:3px 7px !important;
  }
  #heroSection.quick-dashboard .current-rank-info{
    gap:3px !important;
  }
  #heroSection.quick-dashboard .current-rank-info strong{
    font-size:.65rem !important;
    letter-spacing:.35px !important;
  }
  #heroSection.quick-dashboard .current-rank-info strong::after{
    font-size:.57rem !important;
  }
  #heroSection.quick-dashboard .current-rank-info small{
    font-size:.57rem !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  #heroSection.quick-dashboard .current-rank-card > em{
    font-size:.64rem !important;
    min-width:25px !important;
  }
  #heroSection.quick-dashboard .rank-progress{
    height:3px !important;
  }

  #heroSection.quick-dashboard .quick-action-panel{
    padding:7px !important;
    border-radius:16px !important;
  }
  #heroSection.quick-dashboard .quick-announcement{display:none !important;}
  #heroSection.quick-dashboard .quick-actions.hero-actions{gap:6px !important;}
  #heroSection.quick-dashboard .quick-action{
    min-height:44px !important;
    height:44px !important;
    padding:5px 7px !important;
    border-radius:14px !important;
    gap:5px !important;
  }
  #heroSection.quick-dashboard .quick-icon,
  #heroSection.quick-dashboard .quick-icon.quick-icon-deposit,
  #heroSection.quick-dashboard .quick-icon.quick-icon-facebook,
  #heroSection.quick-dashboard .quick-icon.quick-icon-telegram{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    min-height:28px !important;
    max-width:28px !important;
    max-height:28px !important;
    flex:0 0 28px !important;
    border-radius:9px !important;
  }
  #heroSection.quick-dashboard .quick-social-logo,
  #heroSection.quick-dashboard .quick-original-logo,
  #heroSection.quick-dashboard .quick-svg{
    width:17px !important;
    height:17px !important;
  }
  #heroSection.quick-dashboard .quick-action b{
    font-size:.64rem !important;
  }
}

/* ===== PROFILE CARD ANIMATION ONLY — keep all button sizes unchanged ===== */
@keyframes gravityProfileFloat {
  0%,100% { transform:translate3d(0,0,0); }
  50% { transform:translate3d(0,-2px,0); }
}
@keyframes gravityProfileAura {
  0%,100% {
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 22px rgba(0,0,0,.20),0 0 12px rgba(147,70,255,.13),0 0 7px rgba(68,213,255,.08);
    filter:saturate(1);
  }
  50% {
    box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 10px 25px rgba(0,0,0,.23),0 0 20px rgba(255,78,225,.25),0 0 14px rgba(68,213,255,.18);
    filter:saturate(1.06);
  }
}
@keyframes gravityProfileBorderBreath {
  0%,100% { opacity:.72; box-shadow:inset 0 0 0 1px rgba(78,224,255,.12),0 0 8px rgba(255,80,244,.17); }
  50% { opacity:1; box-shadow:inset 0 0 0 1px rgba(255,104,239,.25),0 0 15px rgba(255,80,244,.31),0 0 10px rgba(65,211,255,.18); }
}
@keyframes gravityRankBreathe {
  0%,100% { transform:scale(1); filter:drop-shadow(0 0 7px rgba(255,84,238,.30)); }
  50% { transform:scale(1.035); filter:drop-shadow(0 0 12px rgba(255,84,238,.48)) drop-shadow(0 0 6px rgba(70,210,255,.22)); }
}

@media (max-width:760px){
  #heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card{
    animation:gravityProfileFloat 4.6s ease-in-out infinite,gravityProfileAura 3.4s ease-in-out infinite !important;
    will-change:transform,box-shadow;
  }
  #heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card::after{
    animation:gravityProfileBorderBreath 2.8s ease-in-out infinite !important;
  }
  #heroSection.quick-dashboard .profile-rank-row-img{
    animation:gravityRankBreathe 3.2s ease-in-out infinite !important;
    will-change:transform,filter;
  }
}

.page-hidden #heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card,
.page-hidden #heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card::after,
.page-hidden #heroSection.quick-dashboard .profile-rank-row-img,
.performance-lite #heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card,
.performance-lite #heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card::after,
.performance-lite #heroSection.quick-dashboard .profile-rank-row-img{
  animation-play-state:paused !important;
}

@media (prefers-reduced-motion:reduce){
  #heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card,
  #heroSection.quick-dashboard #profileRankUnifiedCard.profile-rank-unified-card::after,
  #heroSection.quick-dashboard .profile-rank-row-img{
    animation:none !important;
    transform:none !important;
  }
}


/* RONG2 STORE warranty & services section */
.warranty-services-section{margin-top:20px}
.warranty-services-card{
  padding:20px;
  border-radius:24px;
  border:1px solid rgba(77,184,255,.24);
  background:
    radial-gradient(circle at 8% 0%,rgba(51,209,255,.11),transparent 30%),
    radial-gradient(circle at 95% 12%,rgba(127,92,255,.11),transparent 32%),
    linear-gradient(180deg,rgba(13,25,47,.92),rgba(8,17,34,.88));
  box-shadow:0 18px 48px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.05);
}
.warranty-services-head{display:flex;align-items:center;gap:13px;margin-bottom:15px}
.warranty-services-icon{
  width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;
  border-radius:15px;font-size:1.55rem;
  background:linear-gradient(145deg,rgba(51,209,255,.18),rgba(91,140,255,.16));
  border:1px solid rgba(91,190,255,.28);
  box-shadow:0 10px 28px rgba(51,209,255,.12);
}
.warranty-services-head h3{margin:0 0 3px;font-size:1.15rem;line-height:1.35}
.warranty-services-head p{margin:0;color:var(--muted);font-size:.82rem}
.warranty-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.warranty-service-item{
  min-width:0;padding:15px;border-radius:18px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(151,184,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.warranty-service-free{border-color:rgba(34,197,94,.22)}
.warranty-service-lock{border-color:rgba(168,85,247,.22)}
.warranty-service-recovery{border-color:rgba(51,209,255,.22)}
.warranty-service-item h4{margin:0 0 9px;font-size:.96rem;line-height:1.45}
.warranty-service-item p{margin:0 0 8px;color:#c7d5ee;font-size:.78rem;line-height:1.65}
.warranty-service-item strong{color:#fff}
.warranty-note,.warranty-price,.warranty-conditions{
  margin-top:10px;padding:10px 11px;border-radius:13px;
  background:rgba(5,12,25,.42);border:1px solid rgba(255,255,255,.06);
  font-size:.77rem;line-height:1.6;color:#dce8ff;
}
.warranty-note{border-color:rgba(245,158,11,.20);color:#ffe0a3}
.warranty-price{border-color:rgba(245,158,11,.18);color:#f7d28a}
.warranty-price strong{color:#ffd36b;font-size:.92rem}
.warranty-conditions p{margin:6px 0 0;font-size:.75rem}
.warranty-services-footer{
  margin-top:12px;padding:12px 14px;border-radius:16px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  background:rgba(5,12,25,.36);border:1px solid rgba(151,184,255,.10);
}
.warranty-services-footer p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.55}
.warranty-services-footer strong{font-size:.78rem;white-space:nowrap;color:#dcecff}
@media (max-width:900px){
  .warranty-services-grid{grid-template-columns:1fr}
  .warranty-services-footer{align-items:flex-start;flex-direction:column;gap:7px}
  .warranty-services-footer strong{white-space:normal}
}
@media (max-width:600px){
  .warranty-services-section{margin-top:16px}
  .warranty-services-card{padding:13px;border-radius:20px}
  .warranty-services-head{gap:10px;margin-bottom:11px}
  .warranty-services-icon{width:40px;height:40px;flex-basis:40px;border-radius:13px;font-size:1.25rem}
  .warranty-services-head h3{font-size:.94rem}
  .warranty-services-head p{font-size:.70rem}
  .warranty-services-grid{gap:9px}
  .warranty-service-item{padding:12px;border-radius:15px}
  .warranty-service-item h4{font-size:.85rem;margin-bottom:7px}
  .warranty-service-item p{font-size:.70rem;line-height:1.58;margin-bottom:6px}
  .warranty-note,.warranty-price,.warranty-conditions{font-size:.69rem;padding:8px 9px;margin-top:8px}
  .warranty-price strong{font-size:.80rem}
  .warranty-conditions p{font-size:.68rem}
  .warranty-services-footer{padding:10px 11px;margin-top:9px}
  .warranty-services-footer p,.warranty-services-footer strong{font-size:.67rem;line-height:1.5}
}

/* GRAVITY warranty box — compact mobile version (about 70% of previous size) */
@media (max-width: 760px){
  .warranty-services-section{margin-top:11px}
  .warranty-services-card{padding:9px;border-radius:15px}
  .warranty-services-head{gap:7px;margin-bottom:8px}
  .warranty-services-icon{width:28px;height:28px;flex-basis:28px;border-radius:9px;font-size:.88rem}
  .warranty-services-head h3{font-size:.72rem;line-height:1.25;margin-bottom:2px}
  .warranty-services-head p{font-size:.52rem;line-height:1.35}
  .warranty-services-grid{gap:6px}
  .warranty-service-item{padding:8px;border-radius:11px}
  .warranty-service-item h4{font-size:.63rem;line-height:1.35;margin-bottom:5px}
  .warranty-service-item p{font-size:.53rem;line-height:1.48;margin-bottom:4px}
  .warranty-note,.warranty-price,.warranty-conditions{font-size:.52rem;line-height:1.45;padding:6px 7px;margin-top:6px;border-radius:8px}
  .warranty-price strong{font-size:.61rem}
  .warranty-conditions p{font-size:.51rem;line-height:1.45;margin-top:4px}
  .warranty-services-footer{padding:7px 8px;margin-top:6px;gap:5px;border-radius:10px}
  .warranty-services-footer p,.warranty-services-footer strong{font-size:.50rem;line-height:1.42}
}

/* Warranty section show / hide button */
.warranty-services-title{min-width:0;flex:1}
.warranty-toggle-btn{
  margin-left:auto;
  flex:0 0 auto;
  min-width:72px;
  height:36px;
  padding:0 11px;
  border-radius:12px;
  border:1px solid rgba(91,140,255,.28);
  background:linear-gradient(135deg,rgba(91,140,255,.17),rgba(127,92,255,.16));
  color:#eef4ff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-size:.76rem;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
}
.warranty-toggle-btn:active{transform:scale(.97)}
.warranty-services-content{display:block}
.warranty-services-card.is-collapsed .warranty-services-content{display:none}
.warranty-services-card.is-collapsed .warranty-services-head{margin-bottom:0}

@media (max-width:600px){
  .warranty-toggle-btn{min-width:54px;height:28px;padding:0 8px;border-radius:9px;font-size:.56rem;gap:4px}
  .warranty-services-card.is-collapsed{padding-top:8px;padding-bottom:8px}
}

/* ===== RONG2 WALLET — premium deposit user card ===== */
.rong2-wallet-card{
  padding:20px;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 8%,rgba(91,140,255,.18),transparent 34%),
    linear-gradient(155deg,rgba(19,31,58,.96),rgba(8,16,32,.94));
  border-color:rgba(95,158,255,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 50px rgba(0,0,0,.34),0 0 34px rgba(61,116,255,.08);
}
.rong2-wallet-card::after{
  width:230px;
  height:230px;
  inset:auto -70px -100px auto;
  background:radial-gradient(circle,rgba(30,209,255,.10),transparent 68%);
}
.rong2-wallet-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
  position:relative;
  z-index:1;
}
.rong2-wallet-title{display:flex;align-items:center;gap:11px;min-width:0}
.rong2-wallet-title h4{margin:0;font-size:1.02rem;letter-spacing:.45px}
.rong2-wallet-title small{display:block;margin-top:2px;color:#8fa8cf;font-size:.72rem}
.rong2-wallet-icon{
  width:42px;height:42px;flex:0 0 42px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(145deg,rgba(42,164,255,.22),rgba(92,83,255,.18));
  border:1px solid rgba(80,184,255,.32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 22px rgba(38,109,255,.16);
}
.rong2-wallet-icon img{width:23px;height:23px;object-fit:contain}
.rong2-wallet-secure{
  flex:0 0 auto;padding:6px 9px;border-radius:999px;font-size:.63rem;font-weight:700;letter-spacing:.45px;
  color:#8ff2b3;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.25);
}
.rong2-wallet-balance{
  position:relative;z-index:1;padding:17px 18px;margin-bottom:12px;border-radius:20px;
  background:linear-gradient(135deg,rgba(76,115,255,.18),rgba(31,210,255,.07));
  border:1px solid rgba(106,157,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.18);
}
.rong2-wallet-balance span{display:block;color:#9db1d4;font-size:.78rem;margin-bottom:5px}
.rong2-wallet-balance strong{display:block;font-size:2rem;line-height:1;font-weight:800;letter-spacing:.3px;color:#fff;text-shadow:0 0 20px rgba(94,149,255,.22)}
.rong2-wallet-user-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px;position:relative;z-index:1;margin-bottom:14px}
.rong2-wallet-user-item{
  min-width:0;padding:11px 13px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.065)
}
.rong2-wallet-user-item span{display:block;color:#8fa4c9;font-size:.69rem;margin-bottom:3px}
.rong2-wallet-user-item strong{display:block;font-size:.87rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#edf4ff}
.rong2-wallet-deposit-btn{
  min-height:48px;border-radius:16px;font-weight:700;font-size:.98rem;position:relative;z-index:1;
  background:linear-gradient(135deg,#16b85a,#22d66b);
  box-shadow:0 12px 28px rgba(34,197,94,.20),inset 0 1px 0 rgba(255,255,255,.18);
}
.rong2-wallet-deposit-btn img{width:24px;height:24px;object-fit:contain;border-radius:7px}

@media (max-width:640px){
  .rong2-wallet-card{padding:15px;border-radius:24px}
  .rong2-wallet-head{margin-bottom:12px}
  .rong2-wallet-icon{width:38px;height:38px;flex-basis:38px;border-radius:12px}
  .rong2-wallet-title h4{font-size:.92rem}
  .rong2-wallet-title small{font-size:.63rem}
  .rong2-wallet-secure{padding:5px 7px;font-size:.56rem}
  .rong2-wallet-balance{padding:14px 15px;border-radius:17px;margin-bottom:10px}
  .rong2-wallet-balance strong{font-size:1.72rem}
  .rong2-wallet-user-grid{grid-template-columns:1fr;gap:8px;margin-bottom:11px}
  .rong2-wallet-user-item{padding:9px 11px;border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:12px}
  .rong2-wallet-user-item span{margin:0;flex:0 0 auto}
  .rong2-wallet-user-item strong{font-size:.8rem;text-align:right}
  .rong2-wallet-deposit-btn{min-height:45px;border-radius:14px;font-size:.9rem}
}

/* ===== RONG2 WALLET — framed information rows ===== */
#wallet .rong2-wallet-balance,
#wallet .rong2-wallet-user-item{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(31,45,78,.86),rgba(17,27,51,.90))!important;
  border:1px solid rgba(125,151,255,.24)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 0 22px rgba(79,103,255,.035),
    0 8px 20px rgba(0,0,0,.16)!important;
}
#wallet .rong2-wallet-balance::before,
#wallet .rong2-wallet-user-item::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,#54d7ff,#7868ff);
  opacity:.9;
}
#wallet .rong2-wallet-balance{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:12px 14px!important;
  margin-bottom:9px!important;
  border-radius:15px!important;
}
#wallet .rong2-wallet-balance span{
  margin:0!important;
  font-size:.69rem!important;
  color:#a9b9d7!important;
  white-space:nowrap!important;
}
#wallet .rong2-wallet-balance strong{
  font-size:1.28rem!important;
  line-height:1!important;
  text-align:right!important;
}
#wallet .rong2-wallet-user-grid{
  gap:9px!important;
  margin-bottom:11px!important;
}
#wallet .rong2-wallet-user-item{
  min-height:48px!important;
  padding:11px 13px!important;
  border-radius:15px!important;
}
#wallet .rong2-wallet-user-item span{
  color:#a9b9d7!important;
}
#wallet .rong2-wallet-user-item strong{
  color:#fff!important;
  font-weight:750!important;
}
@media (max-width:640px){
  #wallet .rong2-wallet-card{padding:14px!important;}
  #wallet .rong2-wallet-head{margin-bottom:10px!important;}
  #wallet .rong2-wallet-balance,
  #wallet .rong2-wallet-user-item{min-height:46px!important;}
  #wallet .rong2-wallet-balance{padding:10px 12px!important;}
  #wallet .rong2-wallet-balance strong{font-size:1.2rem!important;}
  #wallet .rong2-wallet-user-item{padding:10px 12px!important;}
}

/* =========================================================
   GRAVITY TOP 10 — PREMIUM ELITE LEADERBOARD
   ========================================================= */
.top50-list .top-user-row{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease !important;
}
.top50-list .top-user-row.top-premium{
  animation:topEliteEnter .62s cubic-bezier(.2,.8,.2,1) both;
  animation-delay:var(--top-delay,0s);
}
.top50-list .top-user-row.top-premium::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(120deg,rgba(255,255,255,.035),rgba(255,255,255,.01) 40%,rgba(124,92,255,.08));
}
.top50-list .top-user-row.top-premium::after{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-3;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(110deg,rgba(89,210,255,.52),rgba(125,92,255,.48),rgba(255,255,255,.08));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:.72;
}
.top50-list .top-user-row.top-premium:hover{
  transform:translateY(-3px) scale(1.006) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.32),0 0 24px rgba(102,92,255,.16) !important;
}
.top-premium-shine{
  position:absolute;
  z-index:0;
  top:-35%;
  left:-45%;
  width:34%;
  height:175%;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
  animation:topEliteShine 4.8s ease-in-out infinite;
  animation-delay:calc(var(--top-delay,0s) + .7s);
  pointer-events:none;
}
.top-user-row.top-premium .top-rank,
.top-user-row.top-premium .top-user-avatar,
.top-user-row.top-premium .top-user-name,
.top-user-row.top-premium > b{
  position:relative;
  z-index:2;
}
.top-user-row.top-premium .top-user-avatar{
  box-shadow:0 0 0 2px rgba(255,255,255,.10),0 8px 22px rgba(61,73,255,.30),0 0 18px rgba(116,92,255,.24) !important;
  animation:topAvatarPulse 3.2s ease-in-out infinite;
}
.top-user-row.top-premium .top-user-name strong{
  text-shadow:0 0 14px rgba(255,255,255,.10);
}
.top-elite-badge{
  display:inline-flex !important;
  align-items:center;
  width:max-content;
  margin-top:4px;
  padding:3px 7px;
  border-radius:999px;
  font-size:.60rem !important;
  line-height:1.1;
  letter-spacing:.5px;
  font-weight:900 !important;
  color:#dce8ff !important;
  background:rgba(91,140,255,.13);
  border:1px solid rgba(133,170,255,.18);
}
.top-crown{
  position:absolute;
  z-index:3;
  top:2px;
  left:48px;
  font-size:1.05rem;
  filter:drop-shadow(0 0 8px rgba(255,205,63,.82));
  animation:topCrownFloat 2.2s ease-in-out infinite;
}

/* TOP 1 — Champion */
.top50-list .top-user-row.top-1{
  min-height:88px !important;
  padding:16px 15px !important;
  background:
    radial-gradient(circle at 12% 50%,rgba(255,196,46,.22),transparent 34%),
    radial-gradient(circle at 88% 10%,rgba(145,87,255,.25),transparent 38%),
    linear-gradient(135deg,rgba(67,43,12,.92),rgba(39,28,81,.92) 56%,rgba(16,25,50,.96)) !important;
  border-color:rgba(255,207,78,.58) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 14px 38px rgba(0,0,0,.38),0 0 30px rgba(255,187,45,.13) !important;
  animation:topEliteEnter .62s cubic-bezier(.2,.8,.2,1) both,topChampionGlow 3s ease-in-out infinite !important;
  animation-delay:0s,.65s !important;
}
.top50-list .top-user-row.top-1::after{
  background:linear-gradient(110deg,#ffb82e,#fff2a8,#9d6cff,#ffb82e);
  background-size:220% 100%;
  opacity:1;
  animation:topBorderFlow 3.2s linear infinite;
}
.top-user-row.top-1 .top-rank{
  width:48px !important;
  height:48px !important;
  font-size:1.18rem !important;
  box-shadow:0 0 0 3px rgba(255,210,83,.12),0 0 24px rgba(255,181,39,.42) !important;
  animation:topRankPulse 2.4s ease-in-out infinite;
}
.top-user-row.top-1 .top-user-avatar{
  width:50px !important;
  height:50px !important;
  font-size:1.2rem !important;
  background:linear-gradient(145deg,#7c5cff,#4f7cff) !important;
}
.top-user-row.top-1 .top-user-name strong{font-size:1.08rem !important;}
.top-user-row.top-1 > b{
  color:#ffe68b !important;
  font-size:1.28rem !important;
  text-shadow:0 0 16px rgba(255,196,55,.44);
}
.top-user-row.top-1 .top-elite-badge{
  color:#ffe791 !important;
  background:rgba(255,190,45,.14);
  border-color:rgba(255,213,94,.34);
}

/* TOP 2 & TOP 3 */
.top50-list .top-user-row.top-2{
  background:linear-gradient(135deg,rgba(78,91,119,.25),rgba(31,37,65,.92),rgba(21,27,50,.96)) !important;
  border-color:rgba(208,222,255,.34) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.28),0 0 18px rgba(185,205,255,.08) !important;
}
.top50-list .top-user-row.top-3{
  background:linear-gradient(135deg,rgba(151,76,24,.20),rgba(53,35,42,.92),rgba(21,27,50,.96)) !important;
  border-color:rgba(235,150,82,.34) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.28),0 0 18px rgba(225,120,48,.08) !important;
}
.top-user-row.top-2 > b{color:#dce8ff !important;text-shadow:0 0 12px rgba(196,214,255,.20)}
.top-user-row.top-3 > b{color:#ffc28d !important;text-shadow:0 0 12px rgba(255,151,72,.18)}

/* TOP 4–10 — Elite tiers */
.top50-list .top-user-row.top-4,
.top50-list .top-user-row.top-5{
  background:linear-gradient(135deg,rgba(84,60,160,.20),rgba(21,30,58,.94)) !important;
  border-color:rgba(147,111,255,.28) !important;
}
.top50-list .top-user-row.top-6,
.top50-list .top-user-row.top-7{
  background:linear-gradient(135deg,rgba(36,105,157,.18),rgba(20,30,57,.94)) !important;
  border-color:rgba(77,177,255,.24) !important;
}
.top50-list .top-user-row.top-8,
.top50-list .top-user-row.top-9,
.top50-list .top-user-row.top-10{
  background:linear-gradient(135deg,rgba(38,114,109,.14),rgba(20,30,57,.94)) !important;
  border-color:rgba(76,211,197,.20) !important;
}
.top-user-row.top-4 .top-rank,
.top-user-row.top-5 .top-rank{
  background:linear-gradient(135deg,#6d5be7,#9872ff) !important;
  color:white !important;
  box-shadow:0 0 18px rgba(129,91,255,.22);
}
.top-user-row.top-6 .top-rank,
.top-user-row.top-7 .top-rank{
  background:linear-gradient(135deg,#2b73bc,#4aa9ff) !important;
  color:white !important;
}
.top-user-row.top-8 .top-rank,
.top-user-row.top-9 .top-rank,
.top-user-row.top-10 .top-rank{
  background:linear-gradient(135deg,#237d77,#3fb9aa) !important;
  color:white !important;
}
.top-user-row.top-premium > b{
  color:#7ff1bc;
  text-shadow:0 0 12px rgba(61,231,158,.16);
}
.top-user-row.top-standard{opacity:.91;}
.top-user-row.top-standard:hover{transform:translateY(-1px) !important;border-color:rgba(112,143,215,.18) !important;}

@keyframes topEliteEnter{
  from{opacity:0;transform:translateY(14px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes topEliteShine{
  0%,58%{left:-45%;opacity:0}
  65%{opacity:.85}
  82%{left:125%;opacity:0}
  100%{left:125%;opacity:0}
}
@keyframes topChampionGlow{
  0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 14px 38px rgba(0,0,0,.38),0 0 20px rgba(255,187,45,.10)}
  50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 16px 42px rgba(0,0,0,.40),0 0 36px rgba(255,187,45,.22)}
}
@keyframes topBorderFlow{to{background-position:220% 0}}
@keyframes topAvatarPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.12)}}
@keyframes topRankPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.055)}}
@keyframes topCrownFloat{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-4px) rotate(4deg)}}

@media (max-width:520px){
  .top50-list .top-user-row.top-1{min-height:78px !important;padding:13px 10px !important;}
  .top-user-row.top-1 .top-rank{width:42px !important;height:42px !important;flex:0 0 42px !important;}
  .top-user-row.top-1 .top-user-avatar{width:44px !important;height:44px !important;flex:0 0 44px !important;}
  .top-user-row.top-1 > b{font-size:1.06rem !important;}
  .top-crown{left:39px;top:0;font-size:.9rem;}
  .top-elite-badge{font-size:.52rem !important;padding:3px 6px;}
}
@media (prefers-reduced-motion:reduce){
  .top50-list .top-user-row.top-premium,
  .top-premium-shine,
  .top-crown,
  .top-user-row.top-premium .top-user-avatar,
  .top-user-row.top-1 .top-rank{animation:none !important;}
}

/* =========================================================
   GRAVITY TOP 50 — ULTRA ROUTE-ONLY FX
   These effects exist only inside #top50Section and are rendered
   only after the Top 50 route is opened.
   ========================================================= */
#top50Section{
  contain:layout paint style;
  content-visibility:auto;
  contain-intrinsic-size:900px;
}
#top50Section:not(.hidden) .top50-panel{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% -10%,rgba(255,194,54,.15),transparent 30%),
    radial-gradient(circle at 88% 0%,rgba(121,77,255,.22),transparent 34%),
    linear-gradient(180deg,rgba(18,28,55,.94),rgba(8,15,31,.97));
  border-color:rgba(115,148,255,.28);
  box-shadow:0 26px 70px rgba(0,0,0,.48),0 0 48px rgba(104,78,255,.12),inset 0 1px 0 rgba(255,255,255,.08);
}
#top50Section:not(.hidden) .top50-panel::before{
  content:"";
  position:absolute;
  inset:-55%;
  pointer-events:none;
  background:conic-gradient(from 0deg,transparent 0 18%,rgba(104,86,255,.10) 24%,transparent 30% 48%,rgba(255,196,63,.08) 54%,transparent 61% 100%);
  animation:topUniverseSpin 18s linear infinite;
}
#top50Section:not(.hidden) .leaderboard-head{
  position:relative;
  z-index:2;
  border-bottom:1px solid rgba(255,255,255,.07);
  padding-bottom:14px;
}
#top50Section:not(.hidden) .leaderboard-head::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;height:2px;
  background:linear-gradient(90deg,transparent,#ffe178,#8c65ff,#52d8ff,transparent);
  background-size:220% 100%;
  animation:topHeaderBeam 4s linear infinite;
  filter:drop-shadow(0 0 8px rgba(115,94,255,.75));
}
.top-loading-shell{display:grid;gap:14px;padding:8px 0}
.top-loading-shell i{display:block;height:76px;border-radius:24px;background:linear-gradient(110deg,rgba(255,255,255,.035) 20%,rgba(132,109,255,.12) 40%,rgba(255,255,255,.035) 60%);background-size:220% 100%;animation:topSkeleton 1.2s linear infinite;border:1px solid rgba(130,153,255,.10)}

.top50-list .top-user-row.top-premium{
  transform-style:preserve-3d;
  will-change:transform,filter;
}
.top-energy-line{
  position:absolute;z-index:1;left:8%;right:8%;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(89,212,255,.72),rgba(154,93,255,.85),transparent);
  filter:drop-shadow(0 0 7px rgba(112,102,255,.85));
  transform:scaleX(.25);opacity:.25;
  animation:topEnergySweep 3.8s ease-in-out infinite;
  animation-delay:calc(var(--top-delay,0s) + .4s);
}
.top-orbit{
  position:absolute;z-index:1;right:18%;top:50%;width:64px;height:64px;border-radius:50%;
  border:1px solid rgba(127,105,255,.17);
  box-shadow:inset 0 0 18px rgba(79,114,255,.08),0 0 20px rgba(95,77,255,.06);
  transform:translateY(-50%) rotate(0deg);
  animation:topOrbitSpin 7s linear infinite;
  pointer-events:none;
}
.top-orbit::before,.top-orbit::after{content:"";position:absolute;border-radius:50%;background:#8d72ff;box-shadow:0 0 10px #8d72ff}
.top-orbit::before{width:4px;height:4px;top:-2px;left:30px}
.top-orbit::after{width:3px;height:3px;bottom:4px;right:5px;background:#59d8ff;box-shadow:0 0 9px #59d8ff}
.top-sparks{
  position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.75;
  background-image:
    radial-gradient(circle at 18% 24%,rgba(255,255,255,.8) 0 1px,transparent 1.8px),
    radial-gradient(circle at 74% 28%,rgba(107,207,255,.9) 0 1px,transparent 1.8px),
    radial-gradient(circle at 87% 78%,rgba(167,113,255,.9) 0 1px,transparent 1.8px),
    radial-gradient(circle at 38% 82%,rgba(255,219,101,.9) 0 1px,transparent 1.8px);
  animation:topSparkTwinkle 2.6s ease-in-out infinite alternate;
}
.top50-list .top-user-row.top-1{
  min-height:104px !important;
  transform:perspective(900px) translateZ(0);
}
.top50-list .top-user-row.top-1:hover{transform:perspective(900px) translateY(-5px) rotateX(1deg) rotateY(-1deg) scale(1.012)!important}
.top-user-row.top-1 .top-crown{font-size:1.35rem;top:-3px;left:46px;animation:topCrownRoyal 2.2s ease-in-out infinite}
.top-user-row.top-1 .top-user-avatar::after{
  content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(255,221,111,.42);
  animation:topRoyalRing 2.8s ease-out infinite;
}
.top-user-row.top-1 .top-user-name strong{font-size:1.18rem!important;background:linear-gradient(90deg,#fff,#ffe17d,#fff,#bda7ff);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:topNameFlow 4s linear infinite}
.top-user-row.top-1 > b{font-size:1.42rem!important;animation:topMoneyPulse 2.4s ease-in-out infinite}
.top50-list .top-user-row.top-2,.top50-list .top-user-row.top-3{min-height:86px!important}
.top50-list .top-user-row.top-2::after{animation:topSilverBorder 5s linear infinite;background-size:230% 100%}
.top50-list .top-user-row.top-3::after{animation:topBronzeBorder 5s linear infinite;background-size:230% 100%}
.top50-list .top-user-row.top-4,.top50-list .top-user-row.top-5{box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 24px rgba(126,82,255,.10)!important}
.top50-list .top-user-row.top-6,.top50-list .top-user-row.top-7{box-shadow:0 12px 30px rgba(0,0,0,.26),0 0 22px rgba(48,155,255,.08)!important}
.top50-list .top-user-row.top-8,.top50-list .top-user-row.top-9,.top50-list .top-user-row.top-10{box-shadow:0 12px 28px rgba(0,0,0,.25),0 0 20px rgba(55,213,190,.07)!important}

@keyframes topUniverseSpin{to{transform:rotate(360deg)}}
@keyframes topHeaderBeam{to{background-position:220% 0}}
@keyframes topSkeleton{to{background-position:-220% 0}}
@keyframes topEnergySweep{0%,100%{transform:scaleX(.18);opacity:.18}50%{transform:scaleX(1);opacity:.78}}
@keyframes topOrbitSpin{to{transform:translateY(-50%) rotate(360deg)}}
@keyframes topSparkTwinkle{from{opacity:.22;filter:brightness(.7)}to{opacity:.95;filter:brightness(1.5)}}
@keyframes topCrownRoyal{0%,100%{transform:translateY(0) rotate(-5deg) scale(1);filter:drop-shadow(0 0 7px rgba(255,204,62,.8))}50%{transform:translateY(-7px) rotate(5deg) scale(1.08);filter:drop-shadow(0 0 15px rgba(255,217,83,1))}}
@keyframes topRoyalRing{0%{transform:scale(.78);opacity:.8}80%,100%{transform:scale(1.28);opacity:0}}
@keyframes topNameFlow{to{background-position:220% 0}}
@keyframes topMoneyPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.055);filter:brightness(1.22)}}
@keyframes topSilverBorder{to{background-position:230% 0}}
@keyframes topBronzeBorder{to{background-position:-230% 0}}

@media(max-width:520px){
  #top50Section:not(.hidden) .top50-panel{border-radius:28px}
  .top50-list .top-user-row.top-1{min-height:92px!important}
  .top-orbit{right:13%;width:52px;height:52px}
  .top-user-row.top-1 .top-crown{left:38px;font-size:1.05rem}
  .top-user-row.top-1 > b{font-size:1.14rem!important}
}


/* ===== GRAVITY ADMIN CENTER 2.0 ===== */
#adminSection{
  --admin-line:rgba(110,160,255,.24);
  --admin-soft:rgba(13,24,58,.72);
  --admin-glow:rgba(44,118,255,.22);
}
#adminSection .section-head{
  padding:18px 20px;
  margin-bottom:14px;
  border:1px solid var(--admin-line);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(13,24,58,.94),rgba(18,29,76,.78));
  box-shadow:0 18px 45px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.05);
}
#adminSection .section-head h3{font-size:clamp(22px,3vw,30px);margin:0 0 5px;letter-spacing:-.02em}
#adminSection .section-head p{margin:0;color:rgba(230,238,255,.7)}
#adminSection .admin-tabs{
  position:sticky;top:8px;z-index:20;
  display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;
  padding:9px;margin-bottom:16px;border-radius:18px;
  border:1px solid var(--admin-line);
  background:rgba(7,14,36,.88);backdrop-filter:blur(16px);
  scrollbar-width:none;
}
#adminSection .admin-tabs::-webkit-scrollbar{display:none}
#adminSection .admin-tabs .tab{
  flex:0 0 auto;min-height:44px;padding:0 15px;border-radius:13px;
  border:1px solid transparent;background:rgba(255,255,255,.045);
  color:rgba(238,244,255,.78);font-weight:800;transition:.18s ease;
}
#adminSection .admin-tabs .tab:hover{border-color:rgba(105,162,255,.3);background:rgba(70,115,230,.14)}
#adminSection .admin-tabs .tab.active{
  color:#fff;border-color:rgba(103,166,255,.55);
  background:linear-gradient(135deg,rgba(55,124,255,.9),rgba(92,72,235,.86));
  box-shadow:0 10px 26px rgba(42,91,230,.32),inset 0 1px rgba(255,255,255,.2);
}
#adminSection .tab-panel{animation:adminPanelIn .22s ease both}
@keyframes adminPanelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
#adminSection .admin-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#adminSection .admin-kpi-card,#adminSection .admin-today-card{
  min-height:116px;padding:17px;border-radius:19px;overflow:hidden;position:relative;
  border:1px solid var(--admin-line);background:linear-gradient(145deg,rgba(18,34,78,.86),rgba(10,20,50,.76));
}
#adminSection .admin-kpi-card::after,#adminSection .admin-today-card::after{
  content:"";position:absolute;width:95px;height:95px;border-radius:50%;right:-35px;bottom:-42px;
  background:radial-gradient(circle,var(--admin-glow),transparent 68%);pointer-events:none;
}
#adminSection .mini-card span{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:rgba(221,233,255,.66)}
#adminSection .mini-card strong{display:block;margin-top:10px;font-size:clamp(24px,3vw,34px);line-height:1}
#adminSection .form-card,#adminSection .card-row,#adminSection .admin-report-note{
  border:1px solid var(--admin-line);background:linear-gradient(145deg,rgba(13,25,60,.82),rgba(8,17,43,.76));
  box-shadow:0 14px 36px rgba(0,0,0,.16);
}
#adminSection .admin-user-search-box{
  position:sticky;top:76px;z-index:15;padding:12px;border-radius:18px;
  background:rgba(8,17,43,.92);backdrop-filter:blur(14px);
}
#adminSection #userSearch{min-height:50px;font-size:15px;border-radius:14px}
#adminSection .admin-user-search-btn{min-width:120px;border-radius:14px;box-shadow:0 8px 22px rgba(48,107,255,.25)}
#adminSection .admin-user-result-card{padding:18px;border-radius:20px;margin-top:12px}
#adminSection .admin-user-stats .mini-card{padding:13px;border:1px solid rgba(114,160,255,.18);border-radius:14px;background:rgba(255,255,255,.035)}
#adminSection .user-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
#adminSection .user-actions .btn{flex:1 1 145px;min-height:42px}
#adminSection .admin-day-group{border:1px solid rgba(115,160,255,.16);border-radius:15px;background:rgba(4,12,32,.38);overflow:hidden}
#adminSection .admin-day-group summary{padding:12px 14px;cursor:pointer}
#adminSection .admin-history-list{padding:0 12px 12px}
#adminSection .admin-panel-grid.two-col{gap:14px}
#adminSection .admin-form-grid .input{min-height:46px;border-radius:13px}
@media(max-width:980px){#adminSection .admin-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  #adminSection .section-head{padding:15px;border-radius:18px}
  #adminSection .admin-tabs{top:4px;margin-inline:-4px;border-radius:15px;padding:7px}
  #adminSection .admin-tabs .tab{min-height:41px;padding-inline:12px;font-size:13px}
  #adminSection .admin-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  #adminSection .admin-kpi-card,#adminSection .admin-today-card{min-height:104px;padding:14px}
  #adminSection .admin-user-search-box{top:61px;grid-template-columns:1fr;padding:10px}
  #adminSection .admin-user-search-btn{width:100%}
  #adminSection .admin-user-result-card{padding:13px}
}

/* GRAVITY Admin Premium Inventory V3 */
#adminSection .section-head{position:relative;overflow:hidden;border:1px solid rgba(97,140,255,.35);background:linear-gradient(135deg,rgba(20,56,180,.92),rgba(76,27,180,.72));box-shadow:0 24px 70px rgba(0,45,180,.28),inset 0 1px 0 rgba(255,255,255,.16)}
#adminSection .section-head:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-130px;background:radial-gradient(circle,rgba(94,221,255,.38),transparent 66%);pointer-events:none}
#adminSection .admin-tabs{padding:8px;background:rgba(7,14,48,.68);backdrop-filter:blur(18px);border:1px solid rgba(121,157,255,.26);box-shadow:0 12px 38px rgba(0,0,0,.2)}
#adminSection .admin-tabs .tab{border-radius:13px;font-weight:800;letter-spacing:.01em;transition:.2s ease}
#adminSection .admin-tabs .tab.active{background:linear-gradient(135deg,#377cff,#6e5cff);box-shadow:0 8px 26px rgba(67,111,255,.42),inset 0 1px 0 rgba(255,255,255,.28)}
.premium-stock-manager{padding:20px!important;background:linear-gradient(160deg,rgba(12,25,70,.92),rgba(15,13,54,.84))!important;border:1px solid rgba(112,151,255,.25)!important;box-shadow:0 24px 70px rgba(0,0,0,.22)}
.premium-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.premium-panel-heading h4{font-size:1.2rem;margin:3px 0}.premium-kicker{font-size:.68rem;letter-spacing:.18em;font-weight:900;color:#83c7ff}.premium-stock-total{min-width:105px;text-align:center;padding:11px 15px;border-radius:16px;background:linear-gradient(145deg,rgba(57,117,255,.25),rgba(111,73,255,.18));border:1px solid rgba(122,166,255,.35)}.premium-stock-total span{display:block;font-size:.7rem;color:#aebce6}.premium-stock-total strong{display:block;font-size:1.65rem;line-height:1.1;color:#fff}
.premium-product-toolbar{display:grid;grid-template-columns:1fr 180px;gap:10px;margin-bottom:15px}.premium-product-toolbar .input{background:rgba(4,10,35,.7);border-color:rgba(112,151,255,.25)}
.premium-admin-products{display:grid;gap:14px}.premium-product-card{padding:0!important;overflow:hidden;border:1px solid rgba(116,153,255,.22)!important;background:linear-gradient(145deg,rgba(13,28,73,.92),rgba(11,17,52,.9))!important;box-shadow:0 14px 36px rgba(0,0,0,.18);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.premium-product-card:hover{transform:translateY(-2px);border-color:rgba(122,166,255,.48)!important;box-shadow:0 20px 48px rgba(0,0,0,.26)}.premium-product-card.stock-out{border-color:rgba(255,82,112,.3)!important}.premium-product-card.stock-low{border-color:rgba(255,187,72,.3)!important}
.premium-product-summary{display:grid;grid-template-columns:58px 1fr auto;gap:13px;align-items:center;padding:14px 15px;background:linear-gradient(90deg,rgba(47,87,198,.16),transparent)}.premium-product-thumb{width:58px;height:58px;object-fit:cover;border-radius:15px;border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 22px rgba(0,0,0,.25)}.premium-product-info{min-width:0}.premium-product-title-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.premium-product-title-row h4{margin:0;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.premium-product-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}.premium-product-meta span{font-size:.72rem;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.06);color:#bdc9ee}.stock-status{font-size:.61rem;font-weight:900;letter-spacing:.06em;padding:4px 7px;border-radius:999px}.stock-status.good{color:#80ffc4;background:rgba(31,193,126,.14)}.stock-status.low{color:#ffd07b;background:rgba(255,176,42,.14)}.stock-status.out{color:#ff8ea2;background:rgba(255,60,94,.14)}.premium-stock-number{text-align:center;min-width:58px}.premium-stock-number small{display:block;font-size:.58rem;color:#8fa2d5;letter-spacing:.12em}.premium-stock-number strong{font-size:1.65rem;line-height:1;color:#fff}
.premium-stock-entry{padding:14px 15px;border-top:1px solid rgba(255,255,255,.07)}.premium-stock-entry>label{display:block;font-size:.78rem;font-weight:800;margin-bottom:8px;color:#c9d5ff}.premium-stock-textarea{min-height:92px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;line-height:1.55;background:rgba(3,8,28,.72)!important;border-color:rgba(110,149,255,.22)!important}.premium-stock-textarea:focus{border-color:#6294ff!important;box-shadow:0 0 0 3px rgba(74,125,255,.13)}.premium-stock-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.premium-stock-actions .btn.primary{min-width:150px;background:linear-gradient(135deg,#347dff,#725cff);box-shadow:0 8px 22px rgba(64,104,255,.27)}.premium-empty{padding:36px 18px!important;border:1px dashed rgba(123,155,255,.3);border-radius:17px}
@media(max-width:760px){.premium-product-toolbar{grid-template-columns:1fr}.premium-panel-heading{align-items:flex-start}.premium-product-summary{grid-template-columns:48px 1fr auto;padding:12px}.premium-product-thumb{width:48px;height:48px;border-radius:13px}.premium-stock-number{min-width:42px}.premium-stock-number strong{font-size:1.35rem}.premium-stock-actions .btn{flex:1 1 calc(50% - 8px)}.premium-stock-actions .btn.primary{flex-basis:100%}}

/* Product account viewer - Premium V4 */
.premium-account-panel{margin-top:12px;padding:12px;border:1px solid rgba(112,151,255,.22);border-radius:15px;background:rgba(3,8,28,.6)}
.premium-account-toolbar{display:grid;grid-template-columns:minmax(160px,1fr) auto auto;gap:8px;align-items:center}
.premium-account-toolbar .input{min-height:42px;background:rgba(5,12,38,.85)}
.premium-account-count{margin:9px 2px 7px;color:#9fb0df;font-size:.72rem;font-weight:700}
.premium-account-list{display:grid;gap:7px;max-height:360px;overflow:auto;padding-right:3px}
.premium-account-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;border:1px solid rgba(116,153,255,.14);border-radius:12px;background:rgba(255,255,255,.035)}
.premium-account-number{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:rgba(72,119,255,.18);color:#b9cbff;font-size:.7rem;font-weight:900}
.premium-account-credential{min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem}
.premium-account-credential b{color:#fff;word-break:break-all}.premium-account-credential>span:not(.premium-account-note){color:#9fc6ff;word-break:break-all}
.premium-account-note{padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.06);color:#aebce6;font-family:inherit;font-size:.68rem}
.premium-account-row-actions{display:flex;gap:6px}.btn.tiny{min-height:30px;padding:5px 9px;font-size:.68rem;border-radius:9px}
.premium-account-loading{padding:22px;text-align:center;color:#afc4ff}
@media(max-width:700px){.premium-account-toolbar{grid-template-columns:1fr 1fr}.premium-account-toolbar .input{grid-column:1/-1}.premium-account-row{grid-template-columns:28px minmax(0,1fr)}.premium-account-row-actions{grid-column:2;justify-content:flex-start}.premium-account-list{max-height:430px}}

/* ===== Premium Admin Deposits V5 ===== */
#adminDepositsList{display:grid;gap:14px}
#adminDepositsList .admin-day-group{border:1px solid rgba(99,149,255,.28);border-radius:20px;background:linear-gradient(180deg,rgba(12,30,72,.78),rgba(6,18,48,.78));overflow:hidden;box-shadow:0 14px 38px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04)}
#adminDepositsList .admin-day-group>summary{padding:15px 17px;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,rgba(27,86,216,.18),rgba(104,54,244,.10));border-bottom:1px solid transparent}
#adminDepositsList .admin-day-group[open]>summary{border-bottom-color:rgba(99,149,255,.20)}
#adminDepositsList .admin-day-group>summary::-webkit-details-marker{display:none}
#adminDepositsList .admin-day-group>summary strong{font-size:1rem;color:#f4f7ff}
#adminDepositsList .admin-day-group>summary span{display:block;margin-top:4px;color:#9eb1da;font-size:.78rem}
#adminDepositsList .admin-day-total{text-align:right;flex:0 0 auto}
#adminDepositsList .admin-day-total b{display:block;color:#fff;font-size:1.12rem}
#adminDepositsList .admin-day-total small{display:block;color:#8fa5d2;font-size:.72rem;margin-top:3px}
#adminDepositsList .admin-day-details{display:grid;gap:10px;padding:12px}
.admin-deposit-card{position:relative;border:1px solid rgba(109,154,255,.22);border-radius:17px;background:linear-gradient(145deg,rgba(16,42,93,.88),rgba(9,25,59,.92));padding:14px 15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.admin-deposit-card:hover{transform:translateY(-1px);border-color:rgba(117,175,255,.45);box-shadow:0 10px 26px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.05)}
.admin-deposit-card.is-auto{border-left:3px solid #39d98a}
.admin-deposit-card.is-manual{border-left:3px solid #f6c453}
.admin-deposit-card.status-payment_timeout,.admin-deposit-card.status-payment_failed{border-left-color:#ff6b87;opacity:.88}
.admin-deposit-main{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start}
.admin-deposit-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:20px;background:linear-gradient(145deg,rgba(41,112,255,.24),rgba(122,63,255,.22));border:1px solid rgba(121,167,255,.28)}
.admin-deposit-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.admin-deposit-title-row h5{margin:0;color:#fff;font-size:1rem;line-height:1.3}
.admin-deposit-sub{margin-top:4px;color:#8fa6d4;font-size:.75rem}
.admin-deposit-amount{white-space:nowrap;color:#fff;font-size:1.12rem;text-align:right}
.admin-deposit-amount small{font-size:.68rem;color:#91a9d8;font-weight:700}
.admin-deposit-info-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:10px}
.admin-payment-type{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:.64rem;font-weight:900;letter-spacing:.7px;border:1px solid transparent}
.admin-payment-type.auto{color:#8ff0c0;background:rgba(25,187,110,.11);border-color:rgba(57,217,138,.28)}
.admin-payment-type.manual{color:#ffe18f;background:rgba(246,196,83,.10);border-color:rgba(246,196,83,.28)}
.admin-deposit-message{margin:9px 0 0;color:#c7d4ef;font-size:.78rem;line-height:1.55}
.admin-deposit-hash{margin-top:10px;padding:8px 10px;border-radius:11px;background:rgba(2,10,30,.42);border:1px solid rgba(100,145,244,.16);display:grid;gap:4px;min-width:0}
.admin-deposit-hash span{color:#7893c8;font-size:.64rem;text-transform:uppercase;letter-spacing:.7px;font-weight:800}
.admin-deposit-hash code{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c8d6f5;font-size:.69rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.admin-deposit-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:11px;padding-top:10px;border-top:1px solid rgba(105,148,235,.13)}
.admin-deposit-actions:empty{display:none}
.admin-deposit-actions .btn{min-height:35px;padding:7px 12px!important;border-radius:11px!important;font-size:.75rem!important}
@media(max-width:680px){
  #adminDepositsList .admin-day-group>summary{padding:13px 14px}
  #adminDepositsList .admin-day-details{padding:9px;gap:8px}
  .admin-deposit-card{padding:12px}
  .admin-deposit-main{grid-template-columns:36px minmax(0,1fr);gap:10px}
  .admin-deposit-icon{width:36px;height:36px;border-radius:11px;font-size:17px}
  .admin-deposit-title-row{gap:8px}
  .admin-deposit-title-row h5{font-size:.92rem}
  .admin-deposit-amount{font-size:1rem}
  .admin-deposit-sub,.admin-deposit-message{font-size:.70rem}
  .admin-deposit-actions{justify-content:stretch}
  .admin-deposit-actions .btn{flex:1 1 auto}
}

/* ===== GRAVITY ADMIN DASHBOARD V6 ===== */
#dashboardTab .admin-cards:first-child {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}
#dashboardTab .admin-cards:first-child .mini-card {
  position: relative;
  overflow: hidden;
  min-height: 104px;
  border: 1px solid rgba(117, 160, 255, .28);
  background: linear-gradient(145deg, rgba(13, 31, 91, .88), rgba(23, 59, 153, .45));
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 16px 36px rgba(0,0,0,.18);
}
#dashboardTab .admin-cards:first-child .mini-card::after {
  content: "";
  position: absolute;
  width: 90px; height: 90px;
  right: -30px; top: -34px;
  border-radius: 999px;
  background: rgba(83, 152, 255, .18);
  filter: blur(2px);
}
#dashboardTab .admin-cards:first-child .mini-card span { color: #a9c4ff; font-weight: 700; }
#dashboardTab .admin-cards:first-child .mini-card strong { font-size: clamp(25px, 3vw, 38px); }
.dashboard-v6 { display: grid; gap: 16px; margin-top: 6px; }
.dashboard-hero {
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  padding: 24px 26px;
  border: 1px solid rgba(103, 155, 255, .36);
  background:
    radial-gradient(circle at 80% 15%, rgba(81, 119, 255, .38), transparent 32%),
    linear-gradient(135deg, rgba(12, 29, 82, .96), rgba(20, 64, 164, .72));
  box-shadow: 0 22px 52px rgba(0, 23, 91, .3), inset 0 1px rgba(255,255,255,.1);
}
.dashboard-eyebrow { display: block; margin-bottom: 7px; color: #72d8ff; font-size: 11px; font-weight: 900; letter-spacing: 2px; }
.dashboard-hero h4 { margin: 0 0 5px; font-size: clamp(22px, 3vw, 34px); color: #fff; }
.dashboard-hero p { margin: 0; color: #b9cafa; }
.dashboard-live-pill { display: inline-flex; align-items: center; gap: 9px; padding: 10px 14px; border: 1px solid rgba(92,255,172,.32); border-radius: 999px; background: rgba(12,93,73,.38); color: #b9ffdd; font-weight: 800; white-space: nowrap; }
.dashboard-live-pill i { width: 9px; height: 9px; border-radius: 50%; background: #44f69d; box-shadow: 0 0 0 6px rgba(68,246,157,.12), 0 0 18px #44f69d; }
.dashboard-metric-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 13px; }
.dashboard-metric-card { display: flex; align-items: center; gap: 14px; min-height: 112px; padding: 17px; border: 1px solid rgba(111,151,255,.25); border-radius: 18px; background: linear-gradient(145deg, rgba(13,28,75,.93), rgba(22,53,127,.62)); box-shadow: inset 0 1px rgba(255,255,255,.07), 0 14px 30px rgba(0,0,0,.16); }
.dashboard-metric-card.metric-primary { border-color: rgba(80,188,255,.5); background: linear-gradient(145deg, rgba(14,72,170,.95), rgba(40,73,201,.73)); }
.metric-icon { display: grid; place-items: center; flex: 0 0 48px; width: 48px; height: 48px; border-radius: 15px; font-size: 23px; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.11); }
.dashboard-metric-card span { display: block; color: #aebff1; font-size: 13px; font-weight: 800; }
.dashboard-metric-card strong { display: block; margin: 3px 0; color: white; font-size: clamp(22px,2.5vw,31px); line-height: 1.05; }
.dashboard-metric-card small { color: #7fa2ed; }
.dashboard-insight-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.dashboard-insight-card { min-width: 0; padding: 17px; border: 1px solid rgba(111,151,255,.24); background: linear-gradient(155deg, rgba(12,27,72,.9), rgba(18,47,116,.55)); }
.insight-heading { display:flex; align-items:center; gap:10px; padding-bottom: 13px; margin-bottom: 8px; border-bottom:1px solid rgba(133,164,255,.15); }
.insight-heading > span { font-size: 24px; }
.insight-heading h4 { margin:0; color:#fff; font-size:16px; }
.insight-heading small { color:#7998df; }
.dashboard-insight-card .rank-row { display:grid; grid-template-columns: 30px minmax(0,1fr); gap: 3px 8px; padding: 11px 5px; border-bottom: 1px solid rgba(128,157,244,.11); }
.dashboard-insight-card .rank-row:last-child { border-bottom: 0; }
.dashboard-insight-card .rank-row b { grid-row:1/3; display:grid; place-items:center; align-self:center; width:27px;height:27px;border-radius:9px;background:rgba(69,126,255,.17);color:#78c7ff; }
.dashboard-insight-card .rank-row span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#edf3ff; font-weight:800; }
.dashboard-insight-card .rank-row em { color:#7895d3; font-size:11px; font-style:normal; }
/* All products remain rendered; use a compact two-column layout on wide screens. */
.premium-admin-products { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:14px; align-items:start; }
.premium-admin-products .premium-product-card { min-width:0; margin:0; }
.premium-admin-products .premium-stock-textarea { min-height:108px; }
@media (max-width: 1050px) {
  .dashboard-metric-grid, .dashboard-insight-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .premium-admin-products { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  #dashboardTab .admin-cards:first-child { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dashboard-hero { align-items:flex-start; padding:19px; flex-direction:column; }
  .dashboard-metric-grid, .dashboard-insight-grid { grid-template-columns: 1fr; }
  .dashboard-metric-card { min-height:96px; }
}

/* ===== V7 Compact Deposits + Manual Confirm ===== */
#adminDepositsList .admin-report-note{padding:9px 12px;margin-bottom:9px;font-size:.72rem;line-height:1.4}
#adminDepositsList .admin-day-group{margin-bottom:9px;border-radius:14px}
#adminDepositsList .admin-day-group>summary{padding:10px 12px;min-height:58px}
#adminDepositsList .admin-day-group>summary strong{font-size:.88rem}
#adminDepositsList .admin-day-group>summary span,#adminDepositsList .admin-day-total small{font-size:.66rem}
#adminDepositsList .admin-day-total b{font-size:.95rem}
#adminDepositsList .admin-day-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px}
#adminDepositsList .admin-deposit-card{padding:10px 11px;border-radius:13px;min-width:0}
#adminDepositsList .admin-deposit-main{grid-template-columns:32px minmax(0,1fr);gap:8px}
#adminDepositsList .admin-deposit-icon{width:32px;height:32px;border-radius:10px;font-size:15px}
#adminDepositsList .admin-deposit-title-row{gap:8px}
#adminDepositsList .admin-deposit-title-row h5{font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
#adminDepositsList .admin-deposit-sub{margin-top:2px;font-size:.62rem}
#adminDepositsList .admin-deposit-amount{font-size:.92rem}
#adminDepositsList .admin-deposit-amount small{font-size:.58rem}
#adminDepositsList .admin-deposit-info-row{gap:5px;margin-top:6px}
#adminDepositsList .admin-payment-type,#adminDepositsList .status{font-size:.58rem;padding:4px 7px}
#adminDepositsList .admin-deposit-message{margin-top:6px;font-size:.66rem;line-height:1.35}
#adminDepositsList .admin-deposit-hash{margin-top:6px;padding:6px 8px;border-radius:9px;gap:2px}
#adminDepositsList .admin-deposit-hash span{font-size:.54rem}
#adminDepositsList .admin-deposit-hash code{font-size:.58rem}
#adminDepositsList .admin-deposit-actions{gap:6px;margin-top:7px;padding-top:7px}
#adminDepositsList .admin-deposit-actions .btn{min-height:30px;padding:5px 9px!important;border-radius:9px!important;font-size:.65rem!important}
@media(max-width:900px){#adminDepositsList .admin-day-details{grid-template-columns:1fr}}
@media(max-width:560px){
  #adminDepositsList .admin-report-note{font-size:.66rem;padding:8px 10px}
  #adminDepositsList .admin-day-group>summary{padding:8px 9px;min-height:52px}
  #adminDepositsList .admin-day-details{gap:7px;padding:7px}
  #adminDepositsList .admin-deposit-card{padding:9px}
  #adminDepositsList .admin-deposit-main{grid-template-columns:28px minmax(0,1fr);gap:7px}
  #adminDepositsList .admin-deposit-icon{width:28px;height:28px;font-size:13px}
  #adminDepositsList .admin-deposit-title-row h5{font-size:.78rem;max-width:150px}
  #adminDepositsList .admin-deposit-sub{font-size:.57rem}
  #adminDepositsList .admin-deposit-amount{font-size:.82rem}
  #adminDepositsList .admin-deposit-message{font-size:.61rem}
  #adminDepositsList .admin-deposit-actions{justify-content:flex-end}
  #adminDepositsList .admin-deposit-actions .btn{flex:0 1 auto;min-height:28px;padding:4px 7px!important;font-size:.61rem!important}
}

/* ===== V10 Premium Deposits + Persistent Open Day ===== */
.deposit-premium-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:12px;
  padding:18px 20px;
  border:1px solid rgba(105,158,255,.38);
  border-radius:18px;
  background:
    radial-gradient(circle at 88% 10%,rgba(68,132,255,.32),transparent 34%),
    linear-gradient(135deg,rgba(9,28,82,.96),rgba(20,60,151,.73));
  box-shadow:inset 0 1px rgba(255,255,255,.10),0 18px 40px rgba(0,18,78,.24);
}
.deposit-premium-title{min-width:0}
.deposit-premium-kicker{
  display:block;
  margin-bottom:5px;
  color:#70d9ff;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:1.7px;
}
.deposit-premium-title h4{margin:0 0 4px;color:#fff;font-size:1.18rem}
.deposit-premium-title p{margin:0;color:#aebfea;font-size:.72rem;line-height:1.45}
.deposit-premium-stats{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:8px;min-width:min(48%,430px)}
.deposit-premium-stats>div{
  padding:10px 12px;
  border:1px solid rgba(126,168,255,.23);
  border-radius:13px;
  background:rgba(5,19,62,.42);
  text-align:center;
}
.deposit-premium-stats span{display:block;color:#8fa9df;font-size:.59rem;font-weight:800}
.deposit-premium-stats strong{display:block;margin-top:3px;color:#fff;font-size:1rem}
.premium-deposit-note{border-color:rgba(91,159,255,.22)!important;background:rgba(14,37,96,.55)!important}
#adminDepositsList .admin-day-group{
  overflow:hidden;
  border:1px solid rgba(103,151,255,.24);
  background:linear-gradient(155deg,rgba(8,23,67,.90),rgba(15,43,110,.62));
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 10px 25px rgba(0,0,0,.12);
}
#adminDepositsList .admin-day-group[open]{border-color:rgba(86,165,255,.48);box-shadow:inset 0 1px rgba(255,255,255,.07),0 14px 32px rgba(0,31,112,.20)}
#adminDepositsList .admin-day-group>summary{background:linear-gradient(90deg,rgba(19,52,133,.48),rgba(13,35,91,.22));cursor:pointer}
#adminDepositsList .admin-day-group>summary:hover{background:linear-gradient(90deg,rgba(27,72,172,.58),rgba(17,45,112,.30))}
#adminDepositsList .admin-day-group>summary::marker{color:#69b9ff}
#adminDepositsList .admin-day-total b{color:#f5f8ff}
#adminDepositsList .admin-day-total small{color:#75a2e9}
@media(max-width:850px){
  .deposit-premium-head{align-items:stretch;flex-direction:column;padding:15px}
  .deposit-premium-stats{min-width:0;width:100%}
}
@media(max-width:520px){
  .deposit-premium-head{gap:12px;padding:13px;border-radius:15px}
  .deposit-premium-title h4{font-size:1rem}
  .deposit-premium-title p{font-size:.65rem}
  .deposit-premium-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .deposit-premium-stats>div{padding:8px 5px;border-radius:10px}
  .deposit-premium-stats span{font-size:.50rem}
  .deposit-premium-stats strong{font-size:.78rem}
}

/* =========================================================
   GRAVITY ADMIN V11 — PREMIUM COMPACT UI
   Visual-only redesign. Existing admin logic remains intact.
   ========================================================= */
#adminSection{
  --admin-bg:#071126;
  --admin-panel:rgba(10,25,57,.82);
  --admin-line:rgba(130,165,255,.14);
  --admin-text:#f4f7ff;
  --admin-muted:#92a3c7;
  --admin-accent:#6c8cff;
  --admin-accent2:#8b5cf6;
  display:grid;
  grid-template-columns:218px minmax(0,1fr);
  grid-template-rows:auto 1fr;
  gap:16px 20px;
  max-width:1500px;
  margin:0 auto;
  padding:14px 18px 30px;
}
#adminSection.hidden{display:none!important}
#adminSection>.section-head{
  grid-column:1/-1;
  padding:18px 20px;
  margin:0;
  border:1px solid var(--admin-line);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(15,35,78,.95),rgba(16,27,61,.82));
  box-shadow:0 16px 44px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.06);
}
#adminSection>.section-head h3{font-size:1.25rem;letter-spacing:-.02em;margin:0 0 5px;color:var(--admin-text)}
#adminSection>.section-head h3:before{content:'◆';margin-right:9px;color:#86a2ff;font-size:.8em}
#adminSection>.section-head p{margin:0;color:var(--admin-muted);font-size:.74rem}
#adminSection>.admin-tabs{
  grid-column:1;
  grid-row:2;
  position:sticky;
  top:14px;
  align-self:start;
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:10px;
  margin:0;
  overflow:visible;
  border:1px solid var(--admin-line);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(10,25,57,.94),rgba(6,15,35,.94));
  box-shadow:0 18px 42px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.045);
}
#adminSection>.admin-tabs:before{
  content:'ADMIN MENU';
  padding:7px 10px 9px;
  color:#7183aa;
  font-size:.56rem;
  font-weight:900;
  letter-spacing:1.7px;
}
#adminSection .admin-tabs .tab{
  width:100%;min-height:43px;
  display:flex;align-items:center;gap:10px;
  justify-content:flex-start;
  padding:9px 11px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:#aab7d3;
  font-size:.76rem;font-weight:800;
  white-space:nowrap;
  box-shadow:none;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
#adminSection .admin-tabs .tab:hover{background:rgba(109,139,255,.09);color:#f5f7ff;transform:translateX(2px)}
#adminSection .admin-tabs .tab.active{
  color:#fff;
  border-color:rgba(125,151,255,.30);
  background:linear-gradient(110deg,rgba(83,111,230,.40),rgba(120,74,235,.24));
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 7px 18px rgba(22,36,105,.20);
}
.admin-nav-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.055);font-size:.82rem;color:#9eb1ff}
.tab.active .admin-nav-icon{background:rgba(255,255,255,.13);color:#fff}
#adminSection>.tab-panel{grid-column:2;grid-row:2;min-width:0;margin:0}
#adminSection>.tab-panel.hidden{display:none!important}
#adminSection>.tab-panel.active{display:block}
#adminSection .glass,#adminSection .form-card,#adminSection .dashboard-insight-card,#adminSection .dashboard-hero{
  border-color:var(--admin-line);
  background:linear-gradient(150deg,rgba(11,28,64,.88),rgba(7,18,43,.85));
  box-shadow:0 12px 30px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.045);
}
#dashboardTab>.admin-cards{display:none!important}
#adminSection .dashboard-hero{padding:18px 20px;border-radius:18px;margin-bottom:12px}
#adminSection .dashboard-hero-copy h4{font-size:1.18rem;margin:4px 0}
#adminSection .dashboard-hero-copy p{font-size:.7rem;color:var(--admin-muted)}
#adminSection .dashboard-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#adminSection .dashboard-metric-card{min-height:104px;padding:14px;border-radius:16px;border:1px solid var(--admin-line);background:linear-gradient(145deg,rgba(12,30,69,.91),rgba(8,19,45,.88))}
#adminSection .dashboard-metric-card .metric-icon{width:34px;height:34px;font-size:1rem;border-radius:10px}
#adminSection .dashboard-metric-card span{font-size:.65rem}
#adminSection .dashboard-metric-card strong{font-size:1.18rem;margin-top:4px}
#adminSection .dashboard-metric-card small{font-size:.57rem}
#adminSection .dashboard-insight-grid{gap:10px;margin-top:10px}
#adminSection .dashboard-insight-card{border-radius:16px;padding:14px}
#adminSection .admin-today-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px}
#adminSection .admin-today-card{padding:12px 13px;border-radius:14px;min-height:82px}
#adminSection .admin-today-card span{font-size:.59rem}#adminSection .admin-today-card strong{font-size:1.02rem}
#adminSection .admin-panel-grid.two-col{grid-template-columns:minmax(280px,.72fr) minmax(480px,1.5fr);gap:12px;align-items:start}
#adminSection .form-card{padding:16px;border-radius:17px}
#adminSection .form-card h4{margin:0 0 12px;font-size:.92rem}
#adminSection .input,#adminSection select.input,#adminSection textarea.input{min-height:40px;padding:9px 11px;border-radius:10px;font-size:.72rem;background:rgba(4,13,32,.66);border-color:rgba(135,164,234,.17)}
#adminSection textarea.input{min-height:78px;line-height:1.5}
#adminSection .btn{min-height:37px;padding:8px 12px;border-radius:10px;font-size:.68rem}
#adminSection .premium-panel-heading{padding-bottom:11px;margin-bottom:10px}
#adminSection .premium-panel-heading h4{font-size:.94rem;margin:2px 0}
#adminSection .premium-panel-heading p{font-size:.64rem}
#adminSection .premium-product-toolbar{gap:8px;margin-bottom:10px}
#adminSection .premium-admin-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#adminSection .premium-product-card{border-radius:15px;padding:11px;min-width:0}
#adminSection .premium-product-card img{border-radius:11px}
#adminSection .admin-user-search-box{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:8px;padding:11px;margin-bottom:10px}
#adminSection .list{gap:8px}
#adminSection .card-row,#adminSection .admin-deposit-card,#adminSection .admin-day-group{border-radius:14px}
#adminSection .admin-day-group{margin-bottom:8px}
#adminSection .admin-day-group>summary{padding:12px 14px}
#adminSection .admin-day-group>summary strong{font-size:.76rem}
#adminSection .admin-day-group>summary span{font-size:.59rem}
#adminSection .admin-day-details{padding:8px}
#adminSection .admin-deposit-card{padding:11px;margin-bottom:7px}
#adminSection .admin-deposit-title-row h5{font-size:.78rem}
#adminSection .admin-deposit-sub,#adminSection .admin-deposit-message{font-size:.58rem}
#adminSection .admin-deposit-amount{font-size:.88rem}
#adminSection .deposit-premium-head{padding:15px 17px;border-radius:17px;margin-bottom:9px}
#adminSection .deposit-premium-title h4{font-size:1rem}
#adminSection .deposit-premium-stats>div{padding:8px 10px}
#adminSection .admin-report-note{padding:10px 12px;border-radius:12px;font-size:.64rem;margin-bottom:9px}

@media(max-width:1050px){
  #adminSection{grid-template-columns:178px minmax(0,1fr);gap:14px;padding-inline:12px}
  #adminSection .dashboard-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #adminSection .admin-panel-grid.two-col{grid-template-columns:1fr}
  #adminSection .premium-admin-products{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  #adminSection{display:block;padding:9px 8px 24px}
  #adminSection>.section-head{padding:14px 15px;border-radius:16px;margin-bottom:9px}
  #adminSection>.section-head h3{font-size:1.02rem}
  #adminSection>.section-head p{font-size:.62rem;line-height:1.45}
  #adminSection>.admin-tabs{position:sticky;top:5px;z-index:20;display:flex;flex-direction:row;gap:6px;overflow-x:auto;padding:7px;margin-bottom:10px;border-radius:14px;scrollbar-width:none}
  #adminSection>.admin-tabs::-webkit-scrollbar{display:none}
  #adminSection>.admin-tabs:before{display:none}
  #adminSection .admin-tabs .tab{width:auto;min-width:max-content;min-height:38px;padding:7px 10px;font-size:.65rem;border-radius:10px}
  .admin-nav-icon{width:22px;height:22px;border-radius:7px;font-size:.72rem}
  #adminSection>.tab-panel{margin:0}
  #adminSection .dashboard-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  #adminSection .dashboard-metric-card{min-height:92px;padding:11px;border-radius:13px}
  #adminSection .dashboard-metric-card strong{font-size:1rem}
  #adminSection .dashboard-insight-grid{grid-template-columns:1fr}
  #adminSection .admin-today-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  #adminSection .premium-admin-products{grid-template-columns:1fr}
  #adminSection .admin-user-search-box{grid-template-columns:minmax(0,1fr) 86px}
  #adminSection .deposit-premium-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:420px){
  #adminSection .dashboard-hero{padding:13px 14px}
  #adminSection .dashboard-live-pill{display:none}
  #adminSection .dashboard-metric-card{min-height:86px;padding:10px}
  #adminSection .dashboard-metric-card .metric-icon{width:29px;height:29px}
  #adminSection .admin-today-summary{grid-template-columns:1fr 1fr}
  #adminSection .deposit-premium-head{padding:12px}
  #adminSection .deposit-premium-stats>div{padding:7px 4px}
}

/* ===== GRAVITY V12 — clearer public statistics ===== */
#publicStatsSection.public-stats-section{
  margin:14px 0 10px !important;
  padding:0 2px !important;
}
#publicStatsSection .public-stats-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}
#publicStatsSection .public-stat-card{
  position:relative !important;
  isolation:isolate;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:72px !important;
  padding:10px 11px !important;
  border-radius:18px !important;
  border:1px solid rgba(132,170,255,.22) !important;
  background:linear-gradient(145deg,rgba(17,31,67,.96),rgba(11,23,50,.94)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 8px 24px rgba(0,0,0,.22) !important;
  overflow:hidden !important;
  transform:translateZ(0);
}
#publicStatsSection .public-stat-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-45% auto auto -15%;
  width:85%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(80,132,255,.18),transparent 68%);
  pointer-events:none;
}
#publicStatsSection .public-stat-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  left:-45%;
  width:34%;
  height:100%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);
  animation:gravityStatShine 7s ease-in-out infinite;
  pointer-events:none;
}
#publicStatsSection .public-stat-card:nth-child(2)::after{animation-delay:1.2s}
#publicStatsSection .public-stat-card:nth-child(3)::after{animation-delay:2.4s}
@keyframes gravityStatShine{
  0%,72%,100%{left:-45%;opacity:0}
  78%{opacity:1}
  92%{left:125%;opacity:0}
}
#publicStatsSection .public-stat-icon{
  width:42px !important;
  min-width:42px !important;
  flex:0 0 42px !important;
  height:42px !important;
  border-radius:13px !important;
  font-size:1.18rem !important;
  background:linear-gradient(145deg,rgba(97,145,255,.28),rgba(126,86,255,.20)) !important;
  border:1px solid rgba(157,185,255,.24) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 5px 15px rgba(31,69,173,.20) !important;
}
#publicStatsSection .public-stat-copy{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:2px !important;
  line-height:1.05 !important;
}
#publicStatsSection .public-stat-copy strong{
  order:1;
  display:block !important;
  margin:0 !important;
  color:#fff !important;
  font-size:clamp(1rem,3.2vw,1.28rem) !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  line-height:1 !important;
  text-shadow:0 0 18px rgba(102,145,255,.24);
}
#publicStatsSection .public-stat-copy span{
  order:2;
  display:block !important;
  width:100%;
  margin:2px 0 0 !important;
  color:#aebfe4 !important;
  font-size:clamp(.56rem,1.8vw,.70rem) !important;
  font-weight:750 !important;
  line-height:1.25 !important;
  white-space:normal !important;
}
#publicStatsSection .public-stat-copy small{
  display:none !important;
}
#publicStatsSection .stat-sold{
  border-color:rgba(148,106,255,.25) !important;
}
#publicStatsSection .stat-sold .public-stat-icon{
  background:linear-gradient(145deg,rgba(110,126,255,.30),rgba(154,74,255,.23)) !important;
}
#publicStatsSection .stat-online{
  border-color:rgba(52,211,153,.28) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 8px 24px rgba(0,0,0,.22),0 0 20px rgba(34,197,94,.07) !important;
}
#publicStatsSection .stat-online .public-stat-icon{
  background:linear-gradient(145deg,rgba(34,197,94,.30),rgba(36,199,255,.17)) !important;
}
#publicStatsSection .public-stat-card.stat-online .public-stat-icon::before{
  width:23px !important;
  height:23px !important;
}
#publicStatsSection .online-stat-icon i{
  width:6px !important;
  height:6px !important;
  top:7px !important;
  right:7px !important;
}
@media (hover:hover) and (pointer:fine){
  #publicStatsSection .public-stat-card{
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
  }
  #publicStatsSection .public-stat-card:hover{
    transform:translateY(-2px);
    border-color:rgba(137,174,255,.38) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 13px 28px rgba(0,0,0,.27),0 0 20px rgba(87,124,255,.08) !important;
  }
}
@media (max-width:520px){
  #publicStatsSection.public-stats-section{margin-top:13px !important;margin-bottom:9px !important;padding:0 1px !important}
  #publicStatsSection .public-stats-grid{gap:7px !important}
  #publicStatsSection .public-stat-card{
    min-height:68px !important;
    padding:8px 7px !important;
    gap:6px !important;
    border-radius:16px !important;
  }
  #publicStatsSection .public-stat-icon{
    width:35px !important;
    min-width:35px !important;
    flex-basis:35px !important;
    height:35px !important;
    border-radius:11px !important;
    font-size:.98rem !important;
  }
  #publicStatsSection .public-stat-copy strong{font-size:clamp(.92rem,4vw,1.06rem) !important}
  #publicStatsSection .public-stat-copy span{font-size:clamp(.47rem,2.05vw,.59rem) !important;line-height:1.2 !important}
  #publicStatsSection .public-stat-card.stat-online .public-stat-icon::before{width:19px !important;height:19px !important}
  #publicStatsSection .online-stat-icon i{width:5px !important;height:5px !important;top:6px !important;right:6px !important}
}
@media (max-width:360px){
  #publicStatsSection .public-stats-grid{gap:5px !important}
  #publicStatsSection .public-stat-card{padding:7px 5px !important;gap:5px !important;min-height:64px !important}
  #publicStatsSection .public-stat-icon{width:31px !important;min-width:31px !important;flex-basis:31px !important;height:31px !important;border-radius:10px !important;font-size:.86rem !important}
  #publicStatsSection .public-stat-copy strong{font-size:.88rem !important}
  #publicStatsSection .public-stat-copy span{font-size:.44rem !important}
}
@media (prefers-reduced-motion:reduce){
  #publicStatsSection .public-stat-card::after,
  #publicStatsSection .online-stat-icon i{animation:none !important}
}

/* ===== GRAVITY V13 — compact premium public status bar ===== */
#publicStatsSection.public-stats-section{
  margin:11px 0 9px !important;
  padding:0 2px !important;
}
#publicStatsSection .public-stats-grid,
#publicStatsSection .public-stat-card{
  display:none !important;
}
#publicStatsSection .public-stats-bar{
  position:relative;
  isolation:isolate;
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap;
  gap:12px;
  padding:10px 16px;
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(132,170,255,.22);
  background:
    linear-gradient(145deg,rgba(16,30,63,.95),rgba(9,21,47,.96));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    0 8px 22px rgba(0,0,0,.22),
    0 0 24px rgba(77,112,255,.055);
  transform:translateZ(0);
}
#publicStatsSection .public-stats-bar::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:auto -8% -180% auto;
  width:52%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(82,99,255,.14),transparent 68%);
  pointer-events:none;
}
#publicStatsSection .public-stats-bar::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-220% auto auto -8%;
  width:48%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(38,203,255,.09),transparent 68%);
  pointer-events:none;
}
#publicStatsSection .public-stats-bar-shine{
  position:absolute;
  inset:0 auto 0 -32%;
  width:18%;
  transform:skewX(-20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.075),transparent);
  animation:gravityInlineStatsShine 7.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes gravityInlineStatsShine{
  0%,72%,100%{left:-32%;opacity:0}
  78%{opacity:1}
  92%{left:118%;opacity:0}
}
#publicStatsSection .public-stat-inline{
  min-width:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  white-space:nowrap;
  color:#c8d5f3;
  font-size:.78rem;
  font-weight:700;
  line-height:1;
}
#publicStatsSection .public-stat-inline strong{
  margin:0;
  color:#fff;
  font-size:.98rem;
  font-weight:900;
  line-height:1;
  letter-spacing:.01em;
  text-shadow:0 0 16px rgba(104,145,255,.24);
}
#publicStatsSection .inline-stat-label{
  color:#b8c5e2;
  font-size:.73rem;
  font-weight:750;
  letter-spacing:0;
  line-height:1.15;
  text-shadow:0 0 12px rgba(105,135,255,.08);
}
#publicStatsSection .inline-stat-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  border-radius:8px;
  font-size:.82rem;
  background:linear-gradient(145deg,rgba(94,140,255,.25),rgba(128,81,255,.17));
  border:1px solid rgba(154,183,255,.20);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
#publicStatsSection .stat-sold .inline-stat-icon{
  background:linear-gradient(145deg,rgba(112,122,255,.27),rgba(158,77,255,.18));
}
#publicStatsSection .public-stat-divider{
  flex:0 0 auto;
  color:rgba(167,187,231,.38);
  font-size:.72rem;
  line-height:1;
}
#publicStatsSection .inline-online-dot{
  position:relative;
  width:10px;
  height:10px;
  flex:0 0 10px;
  border-radius:50%;
  background:#36e98d;
  box-shadow:0 0 0 3px rgba(54,233,141,.11),0 0 13px rgba(54,233,141,.48);
}
#publicStatsSection .inline-online-dot::after{
  content:"";
  position:absolute;
  inset:-4px;
  border-radius:inherit;
  border:1px solid rgba(54,233,141,.55);
  animation:gravityInlineOnlinePulse 2.1s ease-out infinite;
}
@keyframes gravityInlineOnlinePulse{
  0%{transform:scale(.55);opacity:.8}
  80%,100%{transform:scale(1.55);opacity:0}
}
@media (hover:hover) and (pointer:fine){
  #publicStatsSection .public-stats-bar{
    transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;
  }
  #publicStatsSection .public-stats-bar:hover{
    transform:translateY(-1px);
    border-color:rgba(139,174,255,.34);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.085),0 11px 26px rgba(0,0,0,.25),0 0 25px rgba(80,115,255,.07);
  }
}
@media (max-width:520px){
  #publicStatsSection.public-stats-section{margin:9px 0 8px !important;padding:0 1px !important}
  #publicStatsSection .public-stats-bar{
    min-height:43px;
    gap:7px;
    padding:8px 10px;
    border-radius:14px;
  }
  #publicStatsSection .public-stat-inline{gap:4px;font-size:.66rem}
  #publicStatsSection .public-stat-inline strong{font-size:.80rem}
  #publicStatsSection .inline-stat-label{font-size:.60rem;line-height:1.12}
  #publicStatsSection .inline-stat-icon{width:20px;height:20px;border-radius:7px;font-size:.68rem}
  #publicStatsSection .inline-online-dot{width:8px;height:8px;flex-basis:8px}
  #publicStatsSection .public-stat-divider{font-size:.56rem}
}
@media (max-width:360px){
  #publicStatsSection .public-stats-bar{gap:5px;padding:8px 7px}
  #publicStatsSection .public-stat-inline{gap:3px}
  #publicStatsSection .public-stat-inline strong{font-size:.74rem}
  #publicStatsSection .inline-stat-label{font-size:.56rem}
  #publicStatsSection .inline-stat-icon{width:18px;height:18px;font-size:.61rem}
}
@media (prefers-reduced-motion:reduce){
  #publicStatsSection .public-stats-bar-shine,
  #publicStatsSection .inline-online-dot::after{animation:none !important}
}

/* ===== GRAVITY V15 — Top 50 Compact Premium Mobile ===== */
.top50-section{
  padding-top:8px !important;
  padding-bottom:10px !important;
}
.top50-panel{
  position:relative;
  overflow:hidden;
}
.top50-panel::before{
  content:"";
  position:absolute;
  inset:-80px -90px auto auto;
  width:190px;
  height:190px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(96,80,255,.16),transparent 68%);
  pointer-events:none;
}
.top50-list .top-user-row{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transform:translateZ(0);
}
.top50-list .top-premium-shine{
  position:absolute;
  z-index:-1;
  inset:0 auto 0 -38%;
  width:24%;
  transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.11),transparent);
  animation:top50RowShine 7s ease-in-out infinite;
  animation-delay:calc(var(--top-delay,0s) + 1s);
  pointer-events:none;
}
.top50-list .top-energy-line{
  position:absolute;
  left:10px;
  right:10px;
  bottom:0;
  height:1px;
  opacity:.42;
  background:linear-gradient(90deg,transparent,rgba(92,143,255,.6),transparent);
  pointer-events:none;
}
.top50-list .top-crown{
  position:absolute;
  right:7px;
  top:2px;
  z-index:2;
  font-size:.72rem;
  filter:drop-shadow(0 0 7px rgba(255,207,79,.7));
  animation:top50CrownFloat 2.6s ease-in-out infinite;
}
.top50-list .top-orbit,
.top50-list .top-sparks{position:absolute;pointer-events:none}
.top50-list .top-orbit{
  left:39px;
  width:38px;
  height:38px;
  border-radius:50%;
  border:1px solid rgba(111,150,255,.22);
  animation:top50Orbit 7s linear infinite;
}
.top50-list .top-sparks{
  left:42px;
  width:32px;
  height:32px;
  border-radius:50%;
  background:conic-gradient(from 0deg,transparent 0 28%,rgba(255,255,255,.48) 31%,transparent 34% 74%,rgba(112,151,255,.5) 77%,transparent 80%);
  opacity:.34;
  animation:top50Orbit 9s linear infinite reverse;
}
.top50-list .top-premium.top-1{
  border-color:rgba(255,207,79,.5);
  background:linear-gradient(100deg,rgba(91,60,8,.42),rgba(29,35,74,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 18px rgba(255,189,46,.12);
}
.top50-list .top-premium.top-2{
  border-color:rgba(210,224,246,.35);
  background:linear-gradient(100deg,rgba(88,103,130,.3),rgba(25,34,67,.7));
}
.top50-list .top-premium.top-3{
  border-color:rgba(229,144,67,.38);
  background:linear-gradient(100deg,rgba(104,51,16,.32),rgba(27,34,69,.7));
}
.top50-list .top-premium.top-1 > b{color:#ffe083;text-shadow:0 0 12px rgba(255,205,80,.42)}
.top50-list .top-premium.top-2 > b{color:#e8f0ff;text-shadow:0 0 10px rgba(207,224,255,.25)}
.top50-list .top-premium.top-3 > b{color:#ffc184;text-shadow:0 0 10px rgba(255,157,72,.25)}
@keyframes top50RowShine{
  0%,70%,100%{left:-38%;opacity:0}
  76%{opacity:1}
  91%{left:118%;opacity:0}
}
@keyframes top50Orbit{to{transform:rotate(360deg)}}
@keyframes top50CrownFloat{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-2px) rotate(4deg)}}

@media (max-width:760px){
  #top50Section.section{
    padding:4px 8px 8px !important;
  }
  #top50Section .top50-panel{
    max-height:none !important;
    min-height:0 !important;
    padding:10px 9px 9px !important;
    border-radius:18px !important;
  }
  #top50Section .leaderboard-head{
    align-items:center;
    margin-bottom:7px;
    gap:7px;
  }
  #top50Section .leaderboard-head span{
    font-size:.69rem;
    line-height:1.1;
  }
  #top50Section .leaderboard-head strong{
    margin-top:2px;
    font-size:.90rem;
    line-height:1.15;
  }
  #top50Section .leaderboard-head small{
    padding:4px 7px;
    font-size:.60rem;
  }
  #top50Section .public-top-list{
    display:grid;
    gap:3px !important;
    height:min(467px,calc(100svh - 205px));
    max-height:none !important;
    padding-right:3px !important;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
  }
  #top50Section .top-user-row{
    min-height:44px !important;
    height:44px;
    grid-template-columns:25px 31px minmax(0,1fr) auto !important;
    gap:6px !important;
    padding:3px 7px !important;
    border-radius:11px !important;
  }
  #top50Section .top-rank{
    width:23px;
    height:23px;
    border-radius:8px;
    font-size:.66rem;
  }
  #top50Section .top-user-avatar{
    width:29px;
    height:29px;
    font-size:.70rem;
    box-shadow:0 0 10px rgba(127,92,255,.18);
  }
  #top50Section .top-user-name strong{
    font-size:.73rem;
    line-height:1.05;
  }
  #top50Section .top-user-name small,
  #top50Section .top-elite-badge{
    display:block;
    margin-top:2px;
    font-size:.48rem !important;
    line-height:1;
    letter-spacing:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#8fa5cf;
  }
  #top50Section .top-user-row > b{
    font-size:.72rem;
    line-height:1;
  }
  #top50Section .top-orbit{left:31px;width:34px;height:34px}
  #top50Section .top-sparks{left:34px;width:28px;height:28px}
  #top50Section .top-crown{right:4px;top:0;font-size:.58rem}
  #top50Section .top-energy-line{left:7px;right:7px}
}

@media (max-width:380px){
  #top50Section .public-top-list{
    height:min(447px,calc(100svh - 198px));
    gap:2px !important;
  }
  #top50Section .top-user-row{
    min-height:42px !important;
    height:42px;
    grid-template-columns:23px 29px minmax(0,1fr) auto !important;
    gap:5px !important;
    padding:3px 6px !important;
  }
  #top50Section .top-rank{width:21px;height:21px;font-size:.61rem}
  #top50Section .top-user-avatar{width:27px;height:27px;font-size:.65rem}
  #top50Section .top-user-name strong{font-size:.69rem}
  #top50Section .top-user-row > b{font-size:.68rem}
}

@media (prefers-reduced-motion:reduce){
  .top50-list .top-premium-shine,
  .top50-list .top-crown,
  .top50-list .top-orbit,
  .top50-list .top-sparks{animation:none !important}
}

/* ===== GRAVITY V16 — ULTRA PREMIUM TOP 50 ===== */
#top50Section{
  --elite-blue:#6fa8ff;
  --elite-violet:#8d63ff;
  --elite-cyan:#42e8df;
}
#top50Section .top50-panel{
  padding:14px !important;
  border:1px solid rgba(127,156,255,.22) !important;
  background:
    radial-gradient(90% 55% at 95% 0%,rgba(126,78,255,.16),transparent 62%),
    radial-gradient(80% 50% at 0% 100%,rgba(24,181,255,.10),transparent 65%),
    linear-gradient(180deg,rgba(11,20,43,.96),rgba(7,15,32,.96)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 24px 70px rgba(0,0,0,.36),0 0 0 1px rgba(63,91,165,.07) !important;
}
#top50Section .top50-panel::before{
  inset:0 !important;
  background:
    linear-gradient(90deg,transparent,rgba(91,140,255,.28),transparent) top/100% 1px no-repeat,
    repeating-linear-gradient(135deg,transparent 0 22px,rgba(255,255,255,.012) 23px 24px) !important;
  opacity:1 !important;
}
#top50Section .top50-panel::after{
  content:"";
  position:absolute;
  width:210px;height:210px;right:-110px;top:-120px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(123,79,255,.25),transparent 68%);
  filter:blur(6px);pointer-events:none;
}
#top50Section .top50-premium-head{
  position:relative;z-index:2;
  display:flex;align-items:center;justify-content:space-between;
  min-height:62px;margin:0 0 11px !important;padding:1px 3px 9px;
  border-bottom:1px solid rgba(122,150,225,.13);
}
#top50Section .top50-title-wrap{display:grid;gap:2px;min-width:0}
#top50Section .top50-kicker{
  display:flex;align-items:center;gap:6px;
  color:#93a9dd;font-size:.62rem;font-weight:900;letter-spacing:.17em;
}
#top50Section .top50-kicker i{width:17px;height:3px;border-radius:99px;background:linear-gradient(90deg,#42ddff,#8b5cff);box-shadow:0 0 11px #6c74ff}
#top50Section .top50-premium-head strong{font-size:1.08rem !important;letter-spacing:-.02em;color:#fff;text-shadow:0 0 20px rgba(123,105,255,.22)}
#top50Section .top50-title-wrap em{font-style:normal;color:#6f84af;font-size:.66rem;font-weight:650}
#top50Section .top50-head-badge{
  width:68px;height:45px;flex:0 0 68px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;gap:3px;
  background:linear-gradient(145deg,rgba(104,63,255,.18),rgba(28,42,83,.76));
  border:1px solid rgba(135,100,255,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 8px 25px rgba(75,39,181,.18),0 0 22px rgba(105,72,255,.10);
}
#top50Section .top50-head-badge b{font-size:.58rem;color:#96a9d3;letter-spacing:.08em}
#top50Section .top50-head-badge strong{font-size:1.12rem !important;color:#fff}
#top50Section .top50-head-badge span{color:#ffd96a;font-size:.72rem;filter:drop-shadow(0 0 6px rgba(255,201,61,.55))}

#top50Section .public-top-list{position:relative;z-index:2;gap:5px !important;padding:1px 1px 2px}
#top50Section .top-user-row{
  grid-template-columns:34px 38px minmax(0,1fr) auto !important;
  min-height:52px !important;height:52px;
  gap:9px !important;padding:5px 9px !important;border-radius:14px !important;
  border:1px solid rgba(104,132,202,.20) !important;
  background:linear-gradient(100deg,rgba(24,36,69,.78),rgba(16,27,55,.72)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 5px 14px rgba(0,0,0,.15) !important;
  transition:transform .18s ease,border-color .18s ease,filter .18s ease;
}
#top50Section .top-user-row:active{transform:scale(.992)}
#top50Section .top-user-row::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 24%,transparent 75%,rgba(118,94,255,.035));
}
#top50Section .top-rank{
  width:30px;height:30px;display:grid;place-items:center;position:relative;
  border-radius:10px !important;background:linear-gradient(145deg,#3358b7,#5f79e8) !important;
  color:#fff !important;font-weight:950;box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 5px 12px rgba(25,54,145,.28);
}
#top50Section .top-rank em{font-style:normal;font-size:.70rem;line-height:1}
#top50Section .top-rank i{position:absolute;right:-4px;top:-6px;font-style:normal;font-size:.49rem;filter:drop-shadow(0 0 5px currentColor)}
#top50Section .top-rank.gold{background:linear-gradient(145deg,#c88200,#ffd35c) !important;color:#3b2400 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 16px rgba(255,184,43,.30)}
#top50Section .top-rank.silver{background:linear-gradient(145deg,#7d8fae,#e9f2ff) !important;color:#20304a !important}
#top50Section .top-rank.bronze{background:linear-gradient(145deg,#a14a16,#f69b52) !important;color:#351302 !important}
#top50Section .top-user-avatar{
  width:36px;height:36px;position:relative;display:grid;place-items:center;border-radius:50%;
  background:linear-gradient(145deg,#735aff,#435fec) !important;
  border:1px solid rgba(190,184,255,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 3px rgba(102,82,255,.08),0 7px 16px rgba(39,34,120,.30) !important;
}
#top50Section .top-user-avatar span{font-size:.78rem;font-weight:950;color:#fff;z-index:1}
#top50Section .top-user-avatar i{position:absolute;width:6px;height:6px;right:0;top:0;border-radius:50%;background:#8f6dff;border:1px solid #d7ccff;box-shadow:0 0 8px #8d63ff}
#top50Section .top-user-name{display:grid;align-content:center;min-width:0;gap:2px}
#top50Section .top-user-name strong{font-size:.83rem !important;font-weight:900;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#top50Section .top-user-name small,#top50Section .top-elite-badge{
  width:max-content;max-width:100%;margin:0 !important;padding:2px 6px !important;border-radius:99px;
  font-size:.49rem !important;line-height:1 !important;font-weight:850;letter-spacing:.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  color:#aebee2 !important;background:rgba(66,91,153,.20);border:1px solid rgba(120,146,211,.17);
}
#top50Section .top-amount{
  min-width:72px;padding:5px 8px;border-radius:10px;text-align:right;
  display:grid;grid-auto-flow:column;align-items:center;justify-content:end;gap:4px;
  color:#82efd1 !important;font-size:.80rem !important;font-weight:950;
  background:linear-gradient(145deg,rgba(35,174,151,.09),rgba(44,80,119,.08));
  border:1px solid rgba(92,226,194,.10);
}
#top50Section .top-amount small{font-size:.39rem;color:#5f8e91;letter-spacing:.06em}

#top50Section .top-premium.top-1{
  min-height:58px !important;height:58px;
  grid-template-columns:36px 42px minmax(0,1fr) auto !important;
  border-color:rgba(255,200,75,.48) !important;
  background:linear-gradient(100deg,rgba(102,65,5,.53),rgba(38,34,72,.84) 54%,rgba(46,35,76,.74)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 0 1px rgba(255,195,68,.06),0 8px 24px rgba(148,91,5,.16),0 0 24px rgba(255,187,47,.10) !important;
}
#top50Section .top-premium.top-1 .top-user-avatar{width:40px;height:40px;background:linear-gradient(145deg,#8d5dff,#5269ff) !important;box-shadow:0 0 0 3px rgba(255,201,74,.12),0 0 18px rgba(116,85,255,.34) !important}
#top50Section .top-premium.top-1 .top-user-name strong{font-size:.98rem !important;color:#fff5c9;text-shadow:0 0 14px rgba(255,200,80,.24)}
#top50Section .top-premium.top-1 .top-elite-badge{color:#ffe59a !important;background:rgba(173,112,0,.20);border-color:rgba(255,204,91,.25)}
#top50Section .top-premium.top-1 .top-amount{color:#ffe17b !important;background:rgba(175,110,0,.12);border-color:rgba(255,203,70,.18);font-size:.88rem !important}
#top50Section .top-premium.top-2{border-color:rgba(208,224,250,.30) !important;background:linear-gradient(100deg,rgba(91,108,141,.36),rgba(20,31,63,.78)) !important}
#top50Section .top-premium.top-3{border-color:rgba(237,144,72,.34) !important;background:linear-gradient(100deg,rgba(113,57,18,.36),rgba(21,31,63,.78)) !important}
#top50Section .top-premium.top-4,#top50Section .top-premium.top-5{border-color:rgba(135,97,255,.30) !important;background:linear-gradient(100deg,rgba(73,45,137,.27),rgba(19,31,65,.77)) !important}
#top50Section .top-premium.top-6,#top50Section .top-premium.top-7{border-color:rgba(54,168,255,.28) !important}
#top50Section .top-premium.top-8,#top50Section .top-premium.top-9,#top50Section .top-premium.top-10{border-color:rgba(51,212,191,.24) !important}
#top50Section .tier-20{border-left-color:rgba(112,94,255,.34) !important}
#top50Section .tier-35{border-left-color:rgba(55,164,232,.28) !important}
#top50Section .tier-50{border-left-color:rgba(69,203,174,.22) !important}
#top50Section .top-crown{right:7px !important;top:1px !important;color:#ffd968;font-size:.65rem !important;z-index:3}
#top50Section .top-orbit{left:42px !important;width:43px !important;height:43px !important;border-color:rgba(139,101,255,.20) !important}
#top50Section .top-sparks{left:46px !important;width:35px !important;height:35px !important;opacity:.22 !important}

@media (max-width:760px){
  #top50Section.section{padding:5px 8px 9px !important}
  #top50Section .top50-panel{padding:10px 9px 9px !important;border-radius:19px !important}
  #top50Section .top50-premium-head{min-height:51px;margin-bottom:7px !important;padding:0 2px 7px}
  #top50Section .top50-kicker{font-size:.52rem;letter-spacing:.14em}
  #top50Section .top50-premium-head strong{font-size:.91rem !important}
  #top50Section .top50-title-wrap em{font-size:.55rem}
  #top50Section .top50-head-badge{width:59px;height:39px;flex-basis:59px;border-radius:13px}
  #top50Section .top50-head-badge strong{font-size:.96rem !important}
  #top50Section .public-top-list{height:min(530px,calc(100svh - 184px));gap:3px !important}
  #top50Section .top-user-row{grid-template-columns:27px 31px minmax(0,1fr) auto !important;min-height:43px !important;height:43px;gap:7px !important;padding:3px 7px !important;border-radius:11px !important}
  #top50Section .top-premium.top-1{grid-template-columns:29px 34px minmax(0,1fr) auto !important;min-height:48px !important;height:48px}
  #top50Section .top-rank{width:25px;height:25px;border-radius:9px !important}
  #top50Section .top-rank em{font-size:.63rem}
  #top50Section .top-user-avatar{width:29px;height:29px}
  #top50Section .top-premium.top-1 .top-user-avatar{width:32px;height:32px}
  #top50Section .top-user-avatar span{font-size:.68rem}
  #top50Section .top-user-name strong{font-size:.72rem !important}
  #top50Section .top-premium.top-1 .top-user-name strong{font-size:.80rem !important}
  #top50Section .top-user-name small,#top50Section .top-elite-badge{font-size:.43rem !important;padding:2px 5px !important}
  #top50Section .top-amount{min-width:64px;padding:4px 6px;font-size:.70rem !important;border-radius:8px}
  #top50Section .top-premium.top-1 .top-amount{font-size:.76rem !important}
  #top50Section .top-amount small{display:none}
  #top50Section .top-orbit{left:31px !important;width:35px !important;height:35px !important}
  #top50Section .top-sparks{left:35px !important;width:27px !important;height:27px !important}
}
@media (max-width:380px){
  #top50Section .public-top-list{height:min(506px,calc(100svh - 178px))}
  #top50Section .top-user-row{grid-template-columns:24px 29px minmax(0,1fr) auto !important;gap:6px !important;padding-left:6px !important;padding-right:6px !important}
  #top50Section .top-rank{width:23px;height:23px}
  #top50Section .top-user-avatar{width:27px;height:27px}
  #top50Section .top-amount{min-width:58px;font-size:.66rem !important;padding-left:4px;padding-right:4px}
}
@media (hover:hover){#top50Section .top-user-row:hover{transform:translateY(-1px);border-color:rgba(129,151,230,.34) !important;filter:brightness(1.05)}}
@media (prefers-reduced-motion:reduce){#top50Section .top-user-row{transition:none !important}}

/* ===== GRAVITY Section Compact Premium v18 ===== */
.product-section-block{
  margin-bottom:18px !important;
}
.product-section-header{
  width:fit-content !important;
  max-width:100% !important;
  min-width:220px !important;
  min-height:54px !important;
  padding:8px 12px !important;
  margin:0 0 10px !important;
  gap:10px !important;
  border-radius:16px !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(91,140,255,.18), transparent 42%),
    linear-gradient(135deg, rgba(13,25,52,.97), rgba(22,25,66,.95)) !important;
  border:1px solid rgba(143,177,255,.24) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.24),0 0 18px rgba(91,140,255,.08) !important;
}
.product-section-header::before{
  height:1px !important;
}
.product-section-header::after{
  opacity:.32 !important;
}
.product-section-icon{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  border-radius:12px !important;
  font-size:1.12rem !important;
  box-shadow:0 6px 14px rgba(0,0,0,.22),0 0 12px rgba(91,140,255,.10) !important;
}
.product-section-title{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
}
.product-section-title h3{
  max-width:180px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:.98rem !important;
  line-height:1.1 !important;
  letter-spacing:.1px !important;
}
.product-section-title small{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:28px !important;
  height:24px !important;
  padding:0 8px !important;
  margin:0 !important;
  border-radius:999px !important;
  background:rgba(105,137,255,.13) !important;
  border:1px solid rgba(143,177,255,.18) !important;
  color:#b9c9eb !important;
  font-size:.68rem !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}
@media (min-width:761px){
  .product-section-header{
    min-height:58px !important;
    padding:9px 14px !important;
    border-radius:17px !important;
  }
  .product-section-icon{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
  }
  .product-section-title h3{font-size:1.02rem !important;}
}
@media (max-width:760px){
  .product-section-block{margin-bottom:16px !important;}
  .product-section-header{
    width:100% !important;
    min-width:0 !important;
    min-height:50px !important;
    padding:7px 9px !important;
    margin-bottom:8px !important;
    border-radius:14px !important;
  }
  .product-section-icon{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    border-radius:10px !important;
    font-size:1rem !important;
  }
  .product-section-title{
    width:100% !important;
    justify-content:space-between !important;
    gap:8px !important;
  }
  .product-section-title h3{
    max-width:calc(100vw - 145px) !important;
    font-size:.9rem !important;
  }
  .product-section-title small{
    height:22px !important;
    padding:0 7px !important;
    font-size:.63rem !important;
  }
}


/* ===== PC Compact Product Cards (V19) ===== */
@media (min-width: 1024px){
  .product-grid{
    grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
    gap:12px;
  }
  .product-card{
    padding:12px;
    border-radius:18px;
  }
  .product-cover{
    height:130px;
    margin-bottom:10px;
    border-radius:14px;
  }
  .product-card h3,
  .product-title{
    font-size:.9rem;
    line-height:1.2;
  }
  .product-meta,
  .product-price,
  .price,
  .badge{
    font-size:.82rem;
  }
  .product-card .btn,
  .product-card button{
    min-height:34px;
    padding:6px 10px;
    font-size:.82rem;
  }
}