@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");
:root{--bg:#07050d;--bg2:#0c0815;--panel:#110d1d;--panel2:#171025;--line:#2b1d45;--purple:#8b5cf6;--purple2:#6d28d9;--violet:#a855f7;--pink:#d946ef;--text:#f7f2ff;--muted:#a99dbb;--gold:#f4d35e;--green:#22c55e;--red:#ef4444;--shadow:0 18px 50px #0009}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -10%,#21103d 0,#07050d 38%,#05040a 100%);color:var(--text);font:14px Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
.nav{min-height:76px;background:#090711eF;border-bottom:1px solid #281a40;display:flex;align-items:center;padding:0 5%;gap:28px;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.logo{font-size:21px;font-weight:900;letter-spacing:.5px;white-space:nowrap}.logo span{display:inline-flex;width:45px;height:45px;border-radius:13px;background:linear-gradient(135deg,var(--violet),var(--purple2));align-items:center;justify-content:center;margin-right:8px;color:#fff;font-size:17px;box-shadow:0 0 24px #8b5cf655}.logo b{color:#c084fc}.nav nav{display:flex;gap:8px;flex:1;align-items:center}.nav nav a{color:#c9bfd8;padding:10px 11px;border-radius:8px}.nav nav a:hover,.nav nav a.active{background:#8b5cf615;color:#c084fc}.nav-actions{display:flex;gap:8px;align-items:center}.btn{display:inline-block;padding:12px 22px;border-radius:9px;font-weight:800;border:1px solid transparent;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn.blue{background:linear-gradient(90deg,#7c3aed,#9333ea);color:#fff;box-shadow:0 8px 22px #7c3aed33}.btn.yellow{background:linear-gradient(90deg,#d8b4fe,#a855f7);color:#170b24}.btn.dark{background:#171024;border-color:#35244f}.btn.red{background:#5b1522;color:#fff;border-color:#81243a}.btn.green{background:#12492e;color:#fff;border-color:#1c7045}.small{padding:10px 15px}.wallet{background:#130d22;border:1px solid #4c2a78;padding:10px 13px;border-radius:8px;color:#c084fc}.hero{min-height:430px;display:flex;align-items:center;padding:55px 9%;overflow:hidden;background:radial-gradient(circle at 78% 42%,#3a1761 0,#170c28 28%,#07050d 64%)}.hero-copy{width:55%;position:relative;z-index:2}.pill,.tag{display:inline-block;background:#281443;color:#d8b4fe;padding:7px 12px;border-radius:999px;font-weight:700;border:1px solid #4a2770}.hero h1{font-size:45px;line-height:1.05;margin:15px 0}.hero h1 b{color:#c084fc}.hero p{color:#b8acc7;max-width:540px;font-size:16px;line-height:1.6}.hero-art{height:330px;flex:1;position:relative}.roblox-card{position:absolute;width:170px;height:220px;border-radius:28px;background:linear-gradient(145deg,#8b5cf6,#1b0b32);border:2px solid #a855f7;box-shadow:0 25px 60px #000b,0 0 35px #8b5cf633;display:flex;align-items:center;justify-content:center;font-size:70px;font-weight:900}.c1{right:220px;top:45px;transform:rotate(-12deg)}.c2{right:70px;top:5px;transform:rotate(12deg);background:linear-gradient(145deg,#c084fc,#341052)}.c3{right:145px;bottom:-20px;transform:rotate(4deg);background:linear-gradient(145deg,#7e22ce,#160823)}
.section{padding:38px 9%}.section h2{font-size:21px}.service-grid,.product-grid,.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service,.product{background:linear-gradient(145deg,#120d1e,#0d0916);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow)}.service:hover,.product:hover{border-color:#7040a5;box-shadow:0 18px 50px #0009,0 0 28px #8b5cf61c}.service i{background:linear-gradient(135deg,#8b5cf6,#6d28d9);font-style:normal;font-size:22px;padding:5px 9px;border-radius:7px}.service h3{margin:17px 0 7px}.service p,.product p,footer p{color:var(--muted);line-height:1.5}.service a{color:#c084fc;font-weight:700}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title a{color:#c084fc}.product-grid{grid-template-columns:repeat(5,1fr)}.product{text-align:center;position:relative}.product .tag{position:absolute;top:10px;right:10px;font-size:10px}.robux-icon{margin:20px auto 10px;width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#d8b4fe,#8b5cf6);color:#190b29;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;box-shadow:0 0 25px #8b5cf633}.product strong{display:block;font-size:18px;color:#d8b4fe;margin:9px}.product .btn{width:100%}.why-grid{grid-template-columns:repeat(4,1fr)}.why-grid div{background:#100b1a;border:1px solid var(--line);border-radius:12px;padding:25px;text-align:center;font-size:29px}.why-grid b,.why-grid small{display:block;margin-top:9px}.why-grid small{font-size:13px;color:var(--muted)}footer{padding:40px 9%;background:#05040a;border-top:1px solid #281a40;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;color:#a99dbb}.auth-wrap{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:40px}.auth{width:min(440px,100%);background:linear-gradient(145deg,#140e20,#0b0712);border:1px solid #392254;border-radius:15px;padding:28px;box-shadow:0 20px 70px #000b}.auth h1{text-align:center}.field{margin:13px 0}.field label{display:block;margin-bottom:7px;color:#cbbfd8}.field input,.field select,.field textarea{width:100%;padding:13px;background:#08060e;border:1px solid #3a2950;color:#fff;border-radius:8px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#9b5cff;box-shadow:0 0 0 3px #8b5cf61a}.auth .btn{width:100%;margin-top:8px}.notice{padding:12px;border-radius:8px;margin-bottom:15px;background:#24113b;border:1px solid #4d2875}.notice.error{background:#40121f;border-color:#762038}.notice.success{background:#10351f;border-color:#1d6b40}.dashboard{padding:40px 7%}.dash-grid{display:grid;grid-template-columns:250px 1fr;gap:20px}.side,.panel{background:linear-gradient(145deg,#120d1d,#0b0712);border:1px solid var(--line);border-radius:13px}.side a{display:block;padding:14px 18px;border-bottom:1px solid #211631;color:#bfb2ce}.side a.active,.side a:hover{background:#8b5cf612;color:#d8b4fe}.panel{padding:24px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat{background:#160e24;border:1px solid #3a2455;padding:18px;border-radius:11px}.stat small{color:#a99dbb}.stat strong{display:block;font-size:24px;margin-top:8px;color:#d8b4fe}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #281b3a}th{color:#c084fc}tr:hover td{background:#8b5cf608}.status{padding:5px 8px;border-radius:999px;background:#163d2e;color:#69e5a8;font-size:12px}.admin-nav{background:#0a0710;border-bottom:1px solid #2c1b45;padding:16px 5%;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.admin-nav a{color:#c4b5fd}.admin{padding:30px 5%}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.admin-card{background:#110b1c;border:1px solid #35204e;padding:20px;border-radius:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.muted{color:#9f93ad}
@media(max-width:900px){.nav{padding:0 3%;gap:10px}.nav nav{display:none}.hero{padding:40px 6%}.hero-copy{width:100%}.hero-art{display:none}.service-grid,.product-grid,.why-grid{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.cards,.admin-grid{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr}.section{padding:30px 5%}}@media(max-width:560px){.service-grid,.product-grid,.why-grid,.cards,.admin-grid{grid-template-columns:1fr}.hero h1{font-size:34px}.nav-actions .wallet{display:none}.nav{min-height:68px}.logo{font-size:18px}.logo span{width:39px;height:39px}}

/* GEKISTORE PURPLE-BLACK V2 - intentionally high-contrast */
:root{
 --bg:#05030a !important;
 --bg2:#0a0612 !important;
 --panel:#10091b !important;
 --panel2:#170d25 !important;
 --line:#3b2160 !important;
 --purple:#9b5cff !important;
 --purple2:#6d28d9 !important;
 --violet:#c084fc !important;
 --pink:#e879f9 !important;
 --text:#faf7ff !important;
 --muted:#b7a8c9 !important;
}
body{
 background:
   radial-gradient(circle at 85% 0%, rgba(139,92,246,.28), transparent 35%),
   radial-gradient(circle at 0% 30%, rgba(168,85,247,.12), transparent 30%),
   #05030a !important;
 color:#faf7ff !important;
}
.nav,.admin-nav{
 background:rgba(7,4,13,.96) !important;
 border-color:#3b2160 !important;
 box-shadow:0 8px 35px rgba(124,58,237,.12) !important;
}
.nav nav a:hover,.nav nav a.active,.side a:hover,.side a.active{
 background:rgba(139,92,246,.18) !important;
 color:#d8b4fe !important;
}
.hero{
 background:
   radial-gradient(circle at 75% 45%, rgba(126,34,206,.42), transparent 32%),
   linear-gradient(135deg,#08040e 0%,#160923 55%,#07040c 100%) !important;
}
.service,.product,.panel,.side,.auth,.stat,.admin-card{
 background:linear-gradient(145deg,#160c25,#09050f) !important;
 border-color:#3b2160 !important;
 box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 25px rgba(139,92,246,.06) !important;
}
.btn.blue{
 background:linear-gradient(90deg,#7c3aed,#a855f7) !important;
 color:#fff !important;
}
.btn.yellow{
 background:linear-gradient(90deg,#c084fc,#8b5cf6) !important;
 color:#12071d !important;
}
.wallet,.pill,.tag{
 background:#1b0d2d !important;
 border-color:#6d3aa0 !important;
 color:#d8b4fe !important;
}
.robux-icon,.logo span,.service i{
 background:linear-gradient(135deg,#c084fc,#7c3aed) !important;
 box-shadow:0 0 30px rgba(168,85,247,.35) !important;
}
.product strong,.stat strong,th,.section-title a,.service a{
 color:#d8b4fe !important;
}
.field input,.field select,.field textarea{
 background:#06030a !important;
 border-color:#452767 !important;
 color:#fff !important;
}
footer{
 background:#030207 !important;
 border-color:#321b50 !important;
}

/* GekiStore Robux 120H visibility fix */
.nav-120h{color:#d8b4fe!important;font-weight:800!important}.purple120{background:linear-gradient(90deg,#7c3aed,#a855f7);color:#fff!important;border-color:#a855f7!important;white-space:nowrap}.side a[href="robux120h.php"]{color:#d8b4fe;font-weight:800}
@media(max-width:900px){.nav{flex-wrap:nowrap;overflow:visible}.nav nav{display:flex;order:3;width:100%;overflow-x:auto;flex:1;scrollbar-width:none}.nav nav::-webkit-scrollbar{display:none}.nav nav a{white-space:nowrap}.nav-actions{margin-left:auto;flex-shrink:0}.nav-actions .purple120{display:inline-block}.nav{gap:6px}.nav .logo{flex-shrink:0}.nav nav{display:none}.nav .nav-120h{display:none}}
@media(max-width:560px){.nav-actions .purple120{display:inline-block;padding:8px 10px;font-size:12px}.nav{padding:0 2.5%}.logo span{margin-right:5px}}

/* Robux 120H - automatic Roblox Gamepass picker */
.gp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px}
.gp-card{position:relative;text-align:left;border:1px solid #3b2160;border-radius:12px;background:linear-gradient(145deg,#160c25,#09050f);color:#faf7ff;padding:10px;cursor:pointer;transition:.18s;min-width:0}
.gp-card:hover{border-color:#8b5cf6;transform:translateY(-1px)}
.gp-card.selected{border-color:#a855f7;box-shadow:0 0 0 2px rgba(168,85,247,.22),0 12px 30px rgba(0,0,0,.35)}
.gp-radio{position:absolute;right:9px;top:9px;width:18px;height:18px;border:2px solid #6d4b91;border-radius:50%;background:#09050f}
.gp-card.selected .gp-radio{border-color:#c084fc;box-shadow:inset 0 0 0 4px #09050f;background:#c084fc}
.gp-image{display:flex;width:100%;height:110px;align-items:center;justify-content:center;border-radius:9px;background:#0b0617;color:#49bd4b;font-size:25px;font-weight:900;overflow:hidden;margin-bottom:8px}
.gp-image img,.gp-card img.gp-image{width:100%;height:110px;object-fit:cover}
.gp-name{display:block;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gp-id,.gp-card small{display:block;color:#a99dbb;font-size:11px;margin-top:4px}
.gp-price{display:block;color:#d8b4fe;font-size:17px;margin-top:7px}
.gp-empty{padding:18px;border:1px dashed #4a2a69;border-radius:10px;color:#a99dbb;text-align:center;grid-column:1/-1}
@media(max-width:700px){.gp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gp-image,.gp-image img,.gp-card img.gp-image{height:95px}}
@media(max-width:420px){.gp-grid{grid-template-columns:1fr 1fr}.gp-card{padding:8px}.gp-image,.gp-image img,.gp-card img.gp-image{height:82px}.gp-price{font-size:15px}}

/* GekiStore Gamepass Picker — premium selected state */
.gp-card{
  isolation:isolate;
  min-height:205px;
  padding:10px;
  border:1px solid rgba(139,92,246,.20)!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(25,15,45,.98),rgba(10,7,20,.98))!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.025)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.gp-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-1;
  border-radius:15px;
  padding:1px;
  background:linear-gradient(135deg,rgba(168,85,247,.0),rgba(192,132,252,.0),rgba(124,58,237,.0));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:0;
  transition:opacity .18s ease;
}
.gp-card:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(168,85,247,.65)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.35),0 0 20px rgba(139,92,246,.14)!important;
}
.gp-card:focus-visible{
  outline:3px solid rgba(192,132,252,.72)!important;
  outline-offset:3px;
}
.gp-card.selected{
  transform:translateY(-2px)!important;
  border:2px solid #b678ff!important;
  background:linear-gradient(145deg,rgba(45,22,72,.99),rgba(16,9,29,.99))!important;
  box-shadow:0 0 0 1px rgba(192,132,252,.30),0 0 0 4px rgba(139,92,246,.13),0 0 28px rgba(168,85,247,.38),0 14px 35px rgba(0,0,0,.38)!important;
}
.gp-card.selected::before{
  background:linear-gradient(135deg,#c084fc,#a855f7,#7c3aed,#d8b4fe);
  opacity:1;
}
.gp-card.selected::after{
  content:"✓";
  position:absolute;
  top:8px;
  right:8px;
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:linear-gradient(135deg,#c084fc,#8b5cf6);
  color:#fff;
  font-size:16px;
  font-weight:900;
  box-shadow:0 4px 15px rgba(124,58,237,.55),0 0 0 3px rgba(20,10,35,.9);
  z-index:5;
}
.gp-card.selected .gp-radio{display:none!important}
.gp-card .gp-image{
  border:1px solid rgba(139,92,246,.15);
  box-shadow:inset 0 0 18px rgba(0,0,0,.28);
  transition:border-color .18s ease,box-shadow .18s ease;
}
.gp-card.selected .gp-image{
  border-color:rgba(192,132,252,.45);
  box-shadow:inset 0 0 18px rgba(0,0,0,.3),0 0 16px rgba(168,85,247,.12);
}
.gp-card .gp-name{font-size:14px;margin-top:2px}
.gp-card .gp-price{font-weight:900;text-shadow:0 0 12px rgba(192,132,252,.2)}
.gp-card.selected .gp-price{color:#e9d5ff!important}
.gp-card .gp-id{opacity:.72}
.gp-card small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gp-grid{gap:13px!important}
.gp-empty{background:rgba(18,10,30,.45);min-height:90px;display:flex;align-items:center;justify-content:center}

@media(max-width:700px){
  .gp-card{min-height:185px}
  .gp-card.selected{box-shadow:0 0 0 1px rgba(192,132,252,.3),0 0 0 3px rgba(139,92,246,.13),0 0 22px rgba(168,85,247,.32),0 10px 25px rgba(0,0,0,.35)!important}
  .gp-card.selected::after{width:25px;height:25px;font-size:14px;top:6px;right:6px}
}

/* GekiStore v6 — definitive Gamepass card UI (cache-busted) */
#orderForm .gp-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  margin-top:12px !important;
}
#orderForm .gp-card{
  -webkit-appearance:none !important;
  appearance:none !important;
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  min-height:190px !important;
  position:relative !important;
  overflow:hidden !important;
  padding:10px !important;
  margin:0 !important;
  text-align:center !important;
  cursor:pointer !important;
  color:#f8f3ff !important;
  background:linear-gradient(145deg,#1a0f2c 0%,#0d0717 100%) !important;
  border:1px solid rgba(139,92,246,.28) !important;
  border-radius:14px !important;
  box-shadow:0 8px 24px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035) !important;
  transform:none !important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease !important;
}
#orderForm .gp-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:14px !important;
  padding:1px !important;
  pointer-events:none !important;
  background:linear-gradient(135deg,rgba(192,132,252,0),rgba(168,85,247,0),rgba(124,58,237,0)) !important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask-composite:exclude !important;
  opacity:0 !important;
  transition:opacity .18s ease !important;
}
#orderForm .gp-card:hover{
  transform:translateY(-3px) !important;
  background:linear-gradient(145deg,#211337 0%,#10091b 100%) !important;
  border-color:#9b5cff !important;
  box-shadow:0 12px 30px rgba(0,0,0,.38),0 0 24px rgba(139,92,246,.22) !important;
}
#orderForm .gp-card:focus-visible{
  outline:3px solid rgba(192,132,252,.72) !important;
  outline-offset:3px !important;
}
#orderForm .gp-card.selected{
  transform:translateY(-2px) !important;
  border:2px solid #c084fc !important;
  background:linear-gradient(145deg,#35185b 0%,#160a28 100%) !important;
  box-shadow:0 0 0 2px rgba(168,85,247,.22),0 0 0 5px rgba(139,92,246,.10),0 0 30px rgba(168,85,247,.45),0 14px 34px rgba(0,0,0,.42) !important;
}
#orderForm .gp-card.selected::before{
  background:linear-gradient(135deg,#e9d5ff,#c084fc,#a855f7,#7c3aed) !important;
  opacity:1 !important;
}
#orderForm .gp-card.selected::after{
  content:"✓" !important;
  position:absolute !important;
  top:8px !important;
  right:8px !important;
  z-index:10 !important;
  width:29px !important;
  height:29px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% !important;
  background:linear-gradient(135deg,#d8b4fe,#8b5cf6) !important;
  color:#fff !important;
  font-size:17px !important;
  font-weight:900 !important;
  box-shadow:0 0 0 3px #180b29,0 5px 16px rgba(124,58,237,.65) !important;
}
#orderForm .gp-card .gp-radio{display:none !important}
#orderForm .gp-card .gp-image,
#orderForm .gp-card img.gp-image{
  display:flex !important;
  width:100% !important;
  height:116px !important;
  min-height:116px !important;
  margin:0 0 9px !important;
  align-items:center !important;
  justify-content:center !important;
  object-fit:cover !important;
  overflow:hidden !important;
  border:1px solid rgba(139,92,246,.20) !important;
  border-radius:10px !important;
  background:#090511 !important;
  color:#8b5cf6 !important;
  box-shadow:inset 0 0 18px rgba(0,0,0,.35) !important;
}
#orderForm .gp-card.selected .gp-image,
#orderForm .gp-card.selected img.gp-image{
  border-color:rgba(216,180,254,.62) !important;
  box-shadow:inset 0 0 18px rgba(0,0,0,.30),0 0 18px rgba(168,85,247,.20) !important;
}
#orderForm .gp-card .gp-name{
  display:block !important;
  width:100% !important;
  color:#f8f3ff !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#orderForm .gp-card .gp-id{
  display:block !important;
  color:#9f8db5 !important;
  font-size:10px !important;
  margin-top:3px !important;
}
#orderForm .gp-card .gp-price{
  display:block !important;
  margin-top:7px !important;
  color:#d8b4fe !important;
  font-size:17px !important;
  font-weight:900 !important;
  text-shadow:0 0 12px rgba(192,132,252,.18) !important;
}
#orderForm .gp-card small{
  display:block !important;
  max-width:100% !important;
  margin-top:4px !important;
  color:#9f93ad !important;
  font-size:9px !important;
  line-height:1.25 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#orderForm .gp-card.selected .gp-price{color:#f0ddff !important}
#orderForm .gp-empty{
  grid-column:1/-1 !important;
  min-height:90px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:18px !important;
  border:1px dashed #5d3884 !important;
  border-radius:12px !important;
  background:rgba(18,10,30,.55) !important;
  color:#aa9cba !important;
  text-align:center !important;
}
@media(max-width:900px){
  #orderForm .gp-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media(max-width:650px){
  #orderForm .gp-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
  #orderForm .gp-card{min-height:170px !important;padding:8px !important;border-radius:13px !important}
  #orderForm .gp-card .gp-image,
  #orderForm .gp-card img.gp-image{height:88px !important;min-height:88px !important}
  #orderForm .gp-card.selected{border-width:2px !important;box-shadow:0 0 0 2px rgba(168,85,247,.20),0 0 22px rgba(168,85,247,.38),0 10px 25px rgba(0,0,0,.38) !important}
  #orderForm .gp-card.selected::after{width:25px !important;height:25px !important;top:6px !important;right:6px !important;font-size:14px !important}
  #orderForm .gp-card .gp-name{font-size:13px !important}
  #orderForm .gp-card .gp-price{font-size:15px !important}
  #orderForm .gp-card small{font-size:8px !important}
}


/* GekiStore v7 — Atlantis-inspired typography + Robux amount flow */
html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;letter-spacing:.01em}
body{font-weight:500}
h1,h2,h3,h4,.section-title,.panel label,.gp-name,.gp-price,.btn,.tag,.stat strong{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important}
.section-title h1{letter-spacing:-.025em;font-weight:850}
.panel{border-color:rgba(139,92,246,.24);box-shadow:0 18px 50px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.025)}
#orderForm .field>label{font-size:15px;font-weight:750;color:#d9c9e8;margin-bottom:7px;display:block}
.robux-input-wrap{position:relative;display:flex;align-items:center}
.robux-input-wrap input{width:100%!important;padding-right:58px!important;font-size:21px!important;font-weight:800!important;letter-spacing:.01em}
.robux-input-wrap>span{position:absolute;right:16px;color:#c084fc;font-weight:900;font-size:16px;pointer-events:none}
.amount-hint{margin-top:7px;color:#9f93ad;font-size:12px}
.amount-hint b{color:#d8b4fe}
.amount-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.amount-chip{-webkit-appearance:none;appearance:none;border:1px solid rgba(139,92,246,.28);background:linear-gradient(145deg,#171024,#0c0714);color:#bda9d2;border-radius:10px;padding:9px 14px;font:750 13px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;transition:.16s ease}
.amount-chip:hover{border-color:#a855f7;color:#eee2ff;transform:translateY(-1px)}
.amount-chip.active{border-color:#c084fc;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 0 0 2px rgba(192,132,252,.18),0 8px 22px rgba(124,58,237,.28)}
.gp-selected-info{padding:10px 12px;border:1px solid rgba(139,92,246,.25);border-radius:11px;background:rgba(20,10,34,.62);color:#a99dbb;font-size:12px}
.gp-selected-info b{color:#e9d5ff}
#orderForm .gp-card{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important}
#orderForm .gp-card .gp-price{letter-spacing:.01em}
#orderForm #quoteBox{background:linear-gradient(145deg,rgba(55,25,83,.52),rgba(18,9,31,.72));border-radius:12px;padding:14px 15px;line-height:1.55}
#orderForm #quoteBox .quote-title{display:inline-block;color:#d8b4fe;font-weight:850;margin-bottom:3px}
@media(max-width:650px){
  #orderForm .robux-input-wrap input{font-size:19px!important}
  .amount-chip{padding:8px 12px;font-size:12px}
  #orderForm .gp-card .gp-name{font-weight:800!important}
}


/* GekiStore v8 — Gamepass quantity cards / premium ordering UI */
.robux-order-panel{max-width:1040px!important;margin:25px auto!important;padding:26px!important}
#orderForm .gp-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:stretch}
#orderForm .gp-card{
  position:relative!important;display:flex!important;flex-direction:column!important;min-width:0!important;min-height:315px!important;
  padding:10px!important;border:1px solid rgba(139,92,246,.24)!important;border-radius:16px!important;
  background:linear-gradient(145deg,#171027 0%,#0d0817 100%)!important;color:#faf7ff!important;
  cursor:pointer!important;overflow:hidden!important;text-align:left!important;outline:none!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
#orderForm .gp-card::before{content:"";position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgba(192,132,252,.15),transparent 42%,rgba(124,58,237,.08));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.9}
#orderForm .gp-card:hover{transform:translateY(-3px)!important;border-color:rgba(168,85,247,.65)!important;box-shadow:0 14px 35px rgba(0,0,0,.35),0 0 24px rgba(139,92,246,.12)!important}
#orderForm .gp-card:focus-visible{box-shadow:0 0 0 3px rgba(192,132,252,.22),0 0 28px rgba(139,92,246,.2)!important}
#orderForm .gp-card.selected{
  border:2px solid #b784ff!important;background:linear-gradient(145deg,#211238 0%,#10091c 100%)!important;
  box-shadow:0 0 0 2px rgba(168,85,247,.16),0 0 30px rgba(168,85,247,.30),0 18px 40px rgba(0,0,0,.38)!important;
  transform:translateY(-2px)!important
}
#orderForm .gp-card.selected::before{background:linear-gradient(135deg,#d8b4fe,rgba(168,85,247,.2) 45%,#7c3aed)!important;opacity:1!important}
#orderForm .gp-check{position:absolute;z-index:4;right:8px;top:8px;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(9,5,15,.9);border:2px solid #5a3a7e;color:transparent;font-weight:900;font-size:13px;box-shadow:0 4px 14px rgba(0,0,0,.25);transition:.16s ease}
#orderForm .gp-card.selected .gp-check{background:linear-gradient(135deg,#c084fc,#8b5cf6)!important;border-color:#e9d5ff!important;color:#fff!important;box-shadow:0 0 18px rgba(192,132,252,.55)!important}
#orderForm .gp-card .gp-image,#orderForm .gp-card img.gp-image{width:100%!important;height:145px!important;min-height:145px!important;object-fit:cover!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:11px!important;background:#090513!important;color:#4abd4c!important;font-size:25px!important;font-weight:900!important;overflow:hidden!important;margin:0 0 10px!important;border:1px solid rgba(139,92,246,.13)!important}
#orderForm .gp-card.selected .gp-image,#orderForm .gp-card.selected img.gp-image{border-color:rgba(192,132,252,.42)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 20px rgba(168,85,247,.10)!important}
#orderForm .gp-content{min-width:0;flex:1;display:flex;flex-direction:column}
#orderForm .gp-card .gp-name{font-size:14px!important;font-weight:850!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#f7f0ff!important}
#orderForm .gp-card .gp-id{font-size:10px!important;color:#8f819e!important;margin-top:4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#orderForm .gp-card .gp-price{font-size:18px!important;font-weight:900!important;color:#d8b4fe!important;margin-top:7px!important;line-height:1.1!important;text-shadow:0 0 14px rgba(192,132,252,.16)!important}
#orderForm .gp-card small{font-size:9px!important;color:#9f93ad!important;margin-top:5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#orderForm .gp-stepper{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;height:40px;margin-top:10px;border:1px solid rgba(139,92,246,.24);border-radius:11px;background:rgba(6,3,11,.72);overflow:hidden;position:relative;z-index:5}
#orderForm .gp-step{appearance:none!important;-webkit-appearance:none!important;border:0!important;background:transparent!important;color:#d8b4fe!important;height:100%!important;width:100%!important;padding:0!important;font-size:22px!important;font-weight:800!important;cursor:pointer!important;line-height:1!important}
#orderForm .gp-step:hover{background:rgba(139,92,246,.18)!important;color:#fff!important}
#orderForm .gp-step-count{text-align:center;color:#fff!important;font-size:14px!important;font-weight:850!important;user-select:none}
#orderForm .gp-stepper::before{content:"Số lượng";position:absolute;left:50%;top:-8px;transform:translate(-50%,-50%);font-size:8px;color:#756681;background:#120b1e;padding:0 5px;opacity:.75}
#orderForm .gp-card.selected .gp-stepper{border-color:rgba(192,132,252,.55)!important;box-shadow:0 0 16px rgba(168,85,247,.12)!important}
#orderForm .gp-card.selected .gp-step.plus,.gp-card.selected .gp-step.minus{color:#eadbff!important}
#orderForm .gp-selected-info{font-size:13px!important;padding:12px 14px!important;background:linear-gradient(145deg,rgba(45,20,70,.65),rgba(14,7,24,.75))!important;border-color:rgba(168,85,247,.35)!important}
#orderForm #scanStatus{padding:9px 12px;border-radius:10px;background:rgba(17,10,29,.55);border:1px solid rgba(139,92,246,.15)}
#orderForm #gamepassSearch{border-radius:11px!important;padding:12px 14px!important}
#orderForm .robux-order-panel{}
#orderForm #quoteBox{margin-top:14px!important;border-radius:13px!important;padding:15px!important;background:linear-gradient(145deg,rgba(44,20,68,.62),rgba(14,7,24,.82))!important}
@media(max-width:1000px){#orderForm .gp-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){
  .robux-order-panel{padding:17px!important}
  #orderForm .gp-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  #orderForm .gp-card{min-height:250px!important;padding:8px!important;border-radius:14px!important}
  #orderForm .gp-card::before{border-radius:14px}
  #orderForm .gp-card .gp-image,#orderForm .gp-card img.gp-image{height:100px!important;min-height:100px!important;border-radius:9px!important;margin-bottom:8px!important}
  #orderForm .gp-card .gp-name{font-size:12px!important}
  #orderForm .gp-card .gp-price{font-size:15px!important}
  #orderForm .gp-card small{font-size:8px!important}
  #orderForm .gp-stepper{grid-template-columns:32px 1fr 32px;height:36px;margin-top:8px;border-radius:10px}
  #orderForm .gp-step{font-size:20px!important}
  #orderForm .gp-step-count{font-size:13px!important}
  #orderForm .gp-check{width:23px;height:23px;right:6px;top:6px}
  #orderForm .gp-card.selected{box-shadow:0 0 0 2px rgba(168,85,247,.16),0 0 24px rgba(168,85,247,.32),0 12px 28px rgba(0,0,0,.35)!important}
}
@media(max-width:390px){#orderForm .gp-grid{gap:8px!important}#orderForm .gp-card{min-height:235px!important}#orderForm .gp-card .gp-image,#orderForm .gp-card img.gp-image{height:88px!important;min-height:88px!important}}


/* GekiStore V9 - Live rate selector */
#orderForm .rate-selector-wrap{margin:16px 0 12px}
#orderForm .rate-current{
  display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid rgba(139,92,246,.30);
  border-radius:14px;background:linear-gradient(145deg,rgba(31,17,48,.94),rgba(12,7,19,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 28px rgba(0,0,0,.18)
}
#orderForm .rate-current-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(139,92,246,.16);border:1px solid rgba(192,132,252,.28);font-size:20px;flex:none}
#orderForm .rate-current-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
#orderForm .rate-current-main small{font-size:10px;color:#8e819d;text-transform:uppercase;letter-spacing:.08em}
#orderForm .rate-current-main strong{font-size:17px;color:#f4eaff;line-height:1.2}
#orderForm .rate-current-main span{font-size:11px;color:#9e91ad}
#orderForm .rate-change{padding:9px 13px!important;font-size:12px!important;flex:none}
.rate-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:18px}
.rate-modal.open{display:flex}
.rate-backdrop{position:absolute;inset:0;background:rgba(3,2,7,.76);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.rate-dialog{position:relative;width:min(760px,100%);max-height:min(820px,92vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(168,85,247,.52);border-radius:20px;background:linear-gradient(145deg,#171027,#09050f);box-shadow:0 30px 90px rgba(0,0,0,.58),0 0 45px rgba(139,92,246,.16)}
.rate-dialog-head{display:flex;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid rgba(139,92,246,.18);background:linear-gradient(180deg,rgba(124,58,237,.10),transparent)}
.rate-dialog-head h3{margin:0;color:#f4eaff;font-size:20px}
.rate-dialog-head p{margin:5px 0 0;color:#9588a4;font-size:12px}
.rate-close{width:34px;height:34px;border:1px solid rgba(168,85,247,.30);border-radius:9px;background:#11091c;color:#cdbbe0;font-size:23px;line-height:1;cursor:pointer}
.rate-close:hover{border-color:#b784ff;color:#fff;background:#211238}
.rate-list{padding:12px 16px;overflow:auto;display:flex;flex-direction:column;gap:9px}
.rate-option{position:relative;width:100%;display:block;text-align:left;border:1px solid rgba(139,92,246,.23);border-radius:14px;padding:13px 14px 12px 44px;background:linear-gradient(145deg,#120b20,#0b0713);color:#fff;cursor:pointer;transition:.16s ease}
.rate-option:hover{border-color:rgba(192,132,252,.58);transform:translateY(-1px);box-shadow:0 10px 28px rgba(0,0,0,.25)}
.rate-option.selected{border:2px solid #ad7cff;padding:12px 13px 11px 43px;background:linear-gradient(145deg,#211538,#10091c);box-shadow:0 0 0 2px rgba(168,85,247,.12),0 0 28px rgba(168,85,247,.20)}
.rate-radio{position:absolute;left:15px;top:16px;width:20px;height:20px;border:2px solid #64488b;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:900}
.rate-option.selected .rate-radio{border-color:#c084fc;background:#a855f7;box-shadow:0 0 15px rgba(168,85,247,.5)}
.rate-option-body{display:flex;flex-direction:column;gap:7px;min-width:0}
.rate-top{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.rate-top strong{font-size:19px;color:#f5eaff}
.rate-top small{font-size:11px;color:#9d8cb3}
.rate-badge{font-style:normal;font-size:9px;font-weight:850;padding:5px 7px;border-radius:5px;letter-spacing:.02em}
.rate-badge.best{background:#b784ff;color:#160b22}
.rate-badge.good{background:rgba(34,197,94,.13);border:1px solid rgba(74,222,128,.32);color:#76e39b}
.rate-badge.bad{background:rgba(245,158,11,.13);border:1px solid rgba(245,158,11,.30);color:#f6c65d}
.rate-source{font-size:10px;color:#82748f}
.rate-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px dashed rgba(139,92,246,.18);padding-top:9px}
.rate-stats span{display:flex;flex-direction:column;gap:2px;text-align:center}
.rate-stats span+span{border-left:1px dashed rgba(139,92,246,.18)}
.rate-stats small{font-size:8px;color:#71637e;letter-spacing:.08em}
.rate-stats b{font-size:12px;color:#ddd1e8}
.rate-loading,.rate-empty{padding:28px 14px;text-align:center;color:#9e91ad;border:1px dashed rgba(139,92,246,.24);border-radius:12px}
.rate-dialog-foot{display:flex;justify-content:flex-end;gap:9px;padding:13px 16px;border-top:1px solid rgba(139,92,246,.18);background:#0d0817}
@media(max-width:700px){
  .rate-modal{padding:8px}
  .rate-dialog{max-height:94vh;border-radius:16px}
  .rate-dialog-head{padding:15px}
  .rate-dialog-head h3{font-size:18px}
  .rate-list{padding:10px}
  .rate-option{padding-left:40px}
  .rate-option.selected{padding-left:39px}
  .rate-top strong{font-size:16px}
  .rate-source{font-size:9px}
  .rate-stats b{font-size:11px}
}

/* GekiStore V10 — Atlantis-style mobile header, no Atlantis branding */
.geki-header{height:76px;min-height:76px;padding:0 clamp(18px,5vw,72px);gap:22px;position:sticky;top:0;z-index:100}
.geki-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.geki-brand .logo-mark,.mobile-brand .logo-mark{
  width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#c084fc,#7c3aed);color:#fff;font-weight:900;font-size:15px;
  box-shadow:0 0 24px rgba(168,85,247,.38);letter-spacing:-.5px
}
.geki-brand .logo-word{font-size:20px;font-weight:900;letter-spacing:.4px;color:#f7f2ff}
.geki-brand .logo-word b,.mobile-brand span{color:#c084fc}
.desktop-nav{display:flex;gap:4px;align-items:center;flex:1;min-width:0}
.desktop-nav a{padding:10px 10px;border-radius:9px;white-space:nowrap;color:#c9bfd8;font-weight:700}
.desktop-nav a:hover,.desktop-nav a.active{background:rgba(139,92,246,.16);color:#d8b4fe}
.nav-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0}
.desktop-account{display:flex;align-items:center;gap:8px}
.header-icon-btn,.header-avatar,.mobile-menu-btn{
  width:46px;height:46px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #302345;background:linear-gradient(145deg,#181522,#0d0a13);
  color:#f5efff;box-shadow:0 5px 18px rgba(0,0,0,.22);transition:.2s
}
.header-icon-btn:hover,.header-avatar:hover,.mobile-menu-btn:hover{border-color:#8b5cf6;box-shadow:0 0 20px rgba(139,92,246,.2);transform:translateY(-1px)}
.header-icon-btn{font-size:20px}.header-avatar{font-size:16px;font-weight:900;background:linear-gradient(145deg,#211737,#100a1a);color:#d8b4fe}
.mobile-menu-btn{display:none;font-size:24px;background:#15131c;cursor:pointer}
.mobile-nav-drawer{display:none}
@media(max-width:1050px){
  .desktop-nav a{padding:9px 7px;font-size:13px}
  .desktop-account .wallet,.desktop-account .btn.yellow.small:last-child{display:none}
}
@media(max-width:900px){
  .geki-header{height:70px;min-height:70px;padding:0 18px;background:rgba(7,9,17,.97)!important;border-bottom:1px solid #22253a}
  .desktop-nav,.desktop-account{display:none}
  .nav-actions{gap:10px}
  .header-icon-btn,.header-avatar,.mobile-menu-btn{display:inline-flex;width:44px;height:44px}
  .mobile-menu-btn{display:inline-flex}
  .geki-brand .logo-mark{width:42px;height:42px;border-radius:11px}
  .geki-brand .logo-word{font-size:19px}
  .mobile-nav-drawer{position:fixed;inset:0;z-index:200;display:block;visibility:hidden;pointer-events:none}
  .mobile-nav-drawer.open{visibility:visible;pointer-events:auto}
  .mobile-nav-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);opacity:0;transition:.22s}
  .mobile-nav-drawer.open .mobile-nav-backdrop{opacity:1}
  .mobile-nav-panel{
    position:absolute;right:0;top:0;width:min(360px,88vw);height:100%;overflow:auto;
    padding:18px;background:linear-gradient(180deg,#11101a,#08070d 75%);
    border-left:1px solid #3b2160;box-shadow:-20px 0 70px rgba(0,0,0,.55);
    transform:translateX(105%);transition:transform .24s ease
  }
  .mobile-nav-drawer.open .mobile-nav-panel{transform:translateX(0)}
  .mobile-nav-head{display:flex;align-items:center;justify-content:space-between;padding:3px 2px 18px;border-bottom:1px solid #292039}
  .mobile-brand{display:flex;align-items:center;gap:10px;font-size:18px}
  .mobile-brand .logo-mark{width:40px;height:40px}
  .mobile-nav-close{width:40px;height:40px;border:1px solid #38264d;background:#171221;color:#fff;border-radius:10px;font-size:25px;cursor:pointer}
  .mobile-nav-user{display:flex;align-items:center;gap:12px;margin:16px 0;padding:13px;border:1px solid #33214a;border-radius:13px;background:#120d1d}
  .mobile-nav-user .header-avatar{width:42px;height:42px;flex-shrink:0}
  .mobile-nav-user strong,.mobile-nav-user small{display:block}
  .mobile-nav-user small{color:#a99dbb;margin-top:3px}
  .mobile-nav-links{display:grid;gap:7px}
  .mobile-nav-links a{display:flex;align-items:center;gap:12px;padding:14px 13px;border:1px solid transparent;border-radius:11px;color:#ddd4e8;font-weight:700}
  .mobile-nav-links a:hover{background:#171022;border-color:#382250;color:#d8b4fe}
  .mobile-nav-links a span{flex:1}
  .mobile-nav-links a b{font-size:11px;color:#d8b4fe;background:#2b1544;padding:5px 8px;border-radius:999px}
  .mobile-nav-links a.featured{background:linear-gradient(90deg,rgba(124,58,237,.28),rgba(168,85,247,.12));border-color:#7040a5;color:#fff}
  body.menu-open{overflow:hidden}
}

/* GEKISTORE V17 — Admin luôn xuất hiện trong menu mobile */
.mobile-nav-drawer .mobile-nav-links a.admin-mobile-link{
  border-color:rgba(168,85,247,.28)!important;
  background:linear-gradient(90deg,rgba(124,58,237,.12),rgba(168,85,247,.06))!important;
}
.mobile-nav-drawer .mobile-nav-links a.admin-mobile-link b{
  font-size:10px;
  color:#d8b4fe;
  background:#2b1544;
  padding:5px 8px;
  border-radius:999px;
}
@media(max-width:900px){
  .mobile-nav-drawer .mobile-nav-links a.admin-mobile-link{
    display:flex!important;
  }
}
@media(max-width:560px){
  .geki-header{padding:0 14px}
  .geki-brand .logo-word{font-size:17px}
  .header-icon-btn,.header-avatar,.mobile-menu-btn{width:41px;height:41px}
  .nav-actions{gap:7px}
}

/* =========================================================
   GEKISTORE V11 — CLEAN MOBILE HEADER / DRAWER FIX
   High-specificity rules intentionally override legacy nav CSS.
   ========================================================= */
.geki-header{
  width:100%!important; height:76px!important; min-height:76px!important;
  display:flex!important; align-items:center!important;
  padding:0 clamp(16px,5vw,64px)!important; gap:20px!important;
  position:sticky!important; top:0!important; z-index:1000!important;
  background:rgba(9,7,17,.96)!important;
  border-bottom:1px solid rgba(139,92,246,.24)!important;
  box-shadow:0 8px 30px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(16px)!important;
}
.geki-header .geki-brand{display:flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important}
.geki-header .geki-brand .logo-mark{
  width:44px!important;height:44px!important;margin:0!important;
  border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  background:linear-gradient(135deg,#c084fc,#7c3aed)!important;color:#fff!important;
  font-size:15px!important;font-weight:900!important;box-shadow:0 0 22px rgba(168,85,247,.35)!important;
}
.geki-header .geki-brand .logo-word{font-size:20px!important;font-weight:900!important;letter-spacing:.4px!important;color:#f7f2ff!important}
.geki-header .geki-brand .logo-word b{color:#c084fc!important}
.geki-header .desktop-nav{display:flex!important;align-items:center!important;gap:4px!important;flex:1!important;min-width:0!important}
.geki-header .desktop-nav a{padding:9px 10px!important;border-radius:9px!important;color:#c9bfd8!important;font-weight:700!important;white-space:nowrap!important}
.geki-header .desktop-nav a:hover,.geki-header .desktop-nav a.active{background:rgba(139,92,246,.16)!important;color:#d8b4fe!important}
.geki-header .nav-actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important}
.geki-header .header-icon-btn,.geki-header .header-avatar,.geki-header .mobile-menu-btn{
  width:44px!important;height:44px!important;border-radius:12px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(139,92,246,.24)!important;
  background:linear-gradient(145deg,#181522,#0d0a13)!important;
  color:#f5efff!important;text-decoration:none!important;
}
.geki-header .mobile-menu-btn{display:none!important;cursor:pointer!important;font-size:23px!important}
.mobile-nav-drawer{
  display:none!important;position:fixed!important;inset:0!important;
  width:100%!important;height:100%!important;z-index:10000!important;
  visibility:hidden!important;pointer-events:none!important;
}
.mobile-nav-drawer.open{
  display:block!important;visibility:visible!important;pointer-events:auto!important;
}
.mobile-nav-drawer .mobile-nav-backdrop{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  background:rgba(0,0,0,.68)!important;opacity:0!important;
  transition:opacity .22s ease!important;
}
.mobile-nav-drawer.open .mobile-nav-backdrop{opacity:1!important}
.mobile-nav-drawer .mobile-nav-panel{
  position:absolute!important;right:0!important;top:0!important;
  width:min(360px,88vw)!important;height:100%!important;
  overflow-y:auto!important;padding:18px!important;
  background:linear-gradient(180deg,#14101e,#08070d 78%)!important;
  border-left:1px solid rgba(168,85,247,.40)!important;
  box-shadow:-20px 0 70px rgba(0,0,0,.60)!important;
  transform:translateX(105%)!important;transition:transform .24s ease!important;
}
.mobile-nav-drawer.open .mobile-nav-panel{transform:translateX(0)!important}
.mobile-nav-drawer .mobile-nav-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  padding:3px 2px 18px!important;border-bottom:1px solid rgba(139,92,246,.20)!important;
}
.mobile-nav-drawer .mobile-brand{display:flex!important;align-items:center!important;gap:10px!important;color:#fff!important;font-size:18px!important}
.mobile-nav-drawer .mobile-brand .logo-mark{width:40px!important;height:40px!important;margin:0!important}
.mobile-nav-drawer .mobile-nav-close{
  width:40px!important;height:40px!important;border:1px solid rgba(168,85,247,.30)!important;
  background:#171221!important;color:#fff!important;border-radius:10px!important;font-size:25px!important;cursor:pointer!important;
}
.mobile-nav-drawer .mobile-nav-user{
  display:flex!important;align-items:center!important;gap:12px!important;margin:16px 0!important;padding:13px!important;
  border:1px solid rgba(139,92,246,.20)!important;border-radius:13px!important;background:#120d1d!important;
}
.mobile-nav-drawer .mobile-nav-links{display:grid!important;gap:7px!important}
.mobile-nav-drawer .mobile-nav-links a{
  display:flex!important;align-items:center!important;gap:12px!important;
  padding:14px 13px!important;border:1px solid transparent!important;border-radius:11px!important;
  color:#ddd4e8!important;font-weight:700!important;
}
.mobile-nav-drawer .mobile-nav-links a span{flex:1!important}
.mobile-nav-drawer .mobile-nav-links a.featured{
  background:linear-gradient(90deg,rgba(124,58,237,.28),rgba(168,85,247,.12))!important;
  border-color:rgba(168,85,247,.40)!important;color:#fff!important;
}
@media(max-width:900px){
  .geki-header{height:70px!important;min-height:70px!important;padding:0 16px!important}
  .geki-header .desktop-nav,.geki-header .desktop-account{display:none!important}
  .geki-header .nav-actions{margin-left:auto!important;gap:8px!important}
  .geki-header .mobile-menu-btn{display:inline-flex!important}
  .geki-header .header-icon-btn,.geki-header .header-avatar{display:inline-flex!important}
}
@media(max-width:520px){
  .geki-header{padding:0 12px!important}
  .geki-header .geki-brand .logo-word{font-size:17px!important}
  .geki-header .geki-brand .logo-mark{width:40px!important;height:40px!important}
  .geki-header .header-icon-btn,.geki-header .header-avatar,.geki-header .mobile-menu-btn{width:40px!important;height:40px!important}
  .geki-header .nav-actions{gap:6px!important}
}


/* GekiStore Global Price Catalog v1 */
.global-price-intro{
  margin:14px 0 18px;
  padding:18px 20px;
  border:1px solid #4a2a72;
  border-radius:14px;
  background:linear-gradient(135deg,rgba(43,20,70,.72),rgba(13,7,23,.86));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.global-price-intro h3{margin:0 0 6px;font-size:17px}
.global-price-intro p{margin:0;color:#b7a8c9}
.global-badge{
  padding:8px 13px;border-radius:999px;border:1px solid #8b5cf6;
  color:#d8b4fe;background:#1b0d2d;font-weight:900;font-size:11px;
}
.global-price-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.global-price-card{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:210px;
  padding:18px;
  border:1px solid #3b2160;
  border-radius:14px;
  background:linear-gradient(145deg,#160c25,#09050f);
  box-shadow:0 12px 35px rgba(0,0,0,.3);
  transition:.18s ease;
}
.global-price-card:hover{
  transform:translateY(-2px);
  border-color:#9b5cff;
  box-shadow:0 14px 38px rgba(0,0,0,.38),0 0 22px rgba(139,92,246,.16);
}
.global-price-icon{
  width:50px;height:50px;flex:0 0 50px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#c084fc,#7c3aed);
  box-shadow:0 0 24px rgba(168,85,247,.28);
  font-size:21px;
}
.global-price-info{min-width:0;width:100%;text-align:center}
.global-price-info h3{
  margin:0;color:#faf7ff;font-size:15px;line-height:1.35;
}
.global-bonus{
  display:block;margin-top:3px;color:#a99dbb;font-size:12px;
}
.global-price-info strong{
  display:block;margin-top:7px;color:#e9d5ff;font-size:19px;
}
.global-price-card .btn{
  width:100%;
  flex:0 0 auto;
  min-width:96px;
  text-align:center;
  padding:10px 13px;
}
.global-note{
  margin-top:18px;
  padding:17px 19px;
  border:1px solid #4a2a72;
  border-left:3px solid #a855f7;
  border-radius:12px;
  background:rgba(28,14,44,.72);
  color:#c7bad5;
  line-height:1.55;
}
.global-note p{margin:4px 0 9px}
.global-note ul{margin:0;padding-left:20px}
.global-note li{margin:4px 0}
@media(max-width:700px){
  .global-price-grid{grid-template-columns:1fr}
  .global-price-intro{padding:15px}
  .global-price-card{min-height:190px;padding:14px}
  .global-price-icon{width:44px;height:44px;flex-basis:44px;font-size:18px}
  .global-price-info h3{font-size:14px}
  .global-price-info strong{font-size:17px}
  .global-price-card .btn{min-width:82px;padding:9px 10px;font-size:12px}
}

/* ===================== AFFILIATE UI ===================== */
.affiliate-page{max-width:1180px;margin:auto}
.affiliate-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;margin-bottom:16px}
.affiliate-hero h2{font-size:27px;margin:14px 0 8px}
.affiliate-rate-big{min-width:150px;text-align:center;padding:20px;border:1px solid #6d3aa0;border-radius:14px;background:rgba(139,92,246,.10)}
.affiliate-rate-big strong{display:block;font-size:42px;color:#d8b4fe}
.affiliate-rate-big small{color:var(--muted)}
.affiliate-link-box,.affiliate-level{margin:16px 0}
.affiliate-copy-row{display:flex;gap:10px}
.affiliate-copy-row input{flex:1;min-width:0;padding:13px 14px;background:#06030a;border:1px solid #452767;color:#fff;border-radius:9px}
.affiliate-copy-row .btn{white-space:nowrap}
.affiliate-level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.affiliate-tier{padding:18px;border:1px solid #3b2160;border-radius:12px;background:linear-gradient(145deg,#160c25,#09050f)}
.affiliate-tier.current{border-color:#a855f7;box-shadow:0 0 0 1px #a855f733,0 0 25px #8b5cf61c}
.affiliate-tier b{display:block;font-size:28px;color:#d8b4fe}
.affiliate-tier span{display:block;margin:5px 0;font-weight:800}
.affiliate-tier small{color:var(--muted)}
.affiliate-progress{height:10px;background:#211331;border-radius:99px;overflow:hidden;margin-top:18px}
.affiliate-progress div{height:100%;background:linear-gradient(90deg,#7c3aed,#c084fc);border-radius:99px}
@media(max-width:700px){
 .affiliate-hero{align-items:stretch;flex-direction:column}
 .affiliate-rate-big{min-width:0}
 .affiliate-level-grid{grid-template-columns:1fr}
 .affiliate-copy-row{flex-direction:column}
}


/* ===================== GekiStore AFF V19 — Atlantis-inspired typography & withdrawal ===================== */
html,body,button,input,select,textarea{
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
}
body{font-weight:500;letter-spacing:-.005em}
h1,h2,h3,h4,h5,h6,.btn,.tag,.stat strong,.affiliate-tier b,.affiliate-rate-big strong{
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  font-weight:700;
  letter-spacing:-.018em;
}
.affiliate-page{max-width:1120px!important}
.affiliate-page .panel{
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(19,12,31,.98),rgba(8,5,14,.98))!important;
  border:1px solid rgba(139,92,246,.34)!important;
}
.aff-heading{margin-bottom:18px}
.aff-heading h1{font-size:29px!important;line-height:1.2}
.aff-heading p{font-size:15px!important;line-height:1.55}
.aff-panel-title{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}
.aff-panel-title h2{margin:2px 0 5px!important;font-size:23px!important}
.aff-panel-title p{margin:0;line-height:1.5}
.aff-icon{
  width:48px;height:48px;flex:0 0 48px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#536dfe,#7c3aed);
  color:#fff;font-size:24px;font-weight:800;
  box-shadow:0 8px 24px rgba(99,102,241,.22);
}
.affiliate-hero{padding:26px!important}
.affiliate-hero h2{font-size:26px!important}
.affiliate-rate-big{border-radius:13px!important}
.affiliate-stats .stat{min-height:92px}
.withdraw-limits{
  display:grid;grid-template-columns:1fr 1px 1fr;gap:20px;align-items:center;
  background:rgba(44,55,78,.62);border:1px solid rgba(111,128,160,.16);
  border-radius:11px;padding:16px 20px;margin:4px 0 20px;
}
.withdraw-limits>div{text-align:center}
.withdraw-limits span{height:42px;width:1px;background:rgba(196,203,220,.25)}
.withdraw-limits small{display:block;color:#8f9bb0;font-size:13px;margin-bottom:5px}
.withdraw-limits strong{font-size:20px;color:#b9c7ff}
.withdraw-limits>div:last-child strong{color:#69e5a8}
.withdraw-form .field{margin:14px 0}
.withdraw-form .field label{font-size:14px;font-weight:600;color:#cbd3e2}
.withdraw-form input,.withdraw-form select,.withdraw-form textarea{
  background:#263148!important;border-color:#3c4b65!important;border-radius:9px!important;
  padding:13px 14px!important;font-size:15px!important;color:#f5f7fb!important;
}
.withdraw-form input::placeholder,.withdraw-form textarea::placeholder{color:#78859b!important}
.withdraw-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.withdraw-available{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:15px 0;padding:13px 15px;border-radius:10px;
  background:rgba(83,109,254,.08);border:1px solid rgba(83,109,254,.22);
  color:#aeb8ca
}
.withdraw-available b{color:#bca5ff;font-size:17px}
.withdraw-submit{width:100%;height:48px!important;font-size:15px!important;font-weight:700!important}
.admin-action-form{display:flex;gap:6px;align-items:center;margin:4px 0;min-width:220px}
.admin-note-input{width:120px!important;padding:8px!important;border-radius:7px!important;background:#12101a!important;border:1px solid #392254!important;color:#fff!important}
.admin-action-form .btn{flex:0 0 auto}
.admin-mobile-link{
  background:linear-gradient(90deg,rgba(83,109,254,.20),rgba(124,58,237,.14))!important;
  border-color:rgba(139,92,246,.35)!important;
}
@media(max-width:700px){
  .aff-heading h1{font-size:24px!important}
  .affiliate-hero{padding:20px!important}
  .affiliate-hero h2{font-size:22px!important}
  .aff-panel-title h2{font-size:20px!important}
  .withdraw-two{grid-template-columns:1fr}
  .withdraw-limits{gap:10px;padding:14px 10px}
  .withdraw-limits strong{font-size:16px}
  .withdraw-limits small{font-size:12px}
}

/* ===================== TOP NẠP THÁNG ===================== */
.nav-topnap{color:#f4d35e!important;font-weight:800!important}
.topnap-mobile-link{font-weight:800!important;color:#f4d35e!important}
.topnap-page{max-width:1180px;margin:0 auto}
.topnap-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;padding:28px 30px;border:1px solid #4b2875;border-radius:16px;background:radial-gradient(circle at 80% 30%,rgba(168,85,247,.22),transparent 38%),linear-gradient(145deg,#180b29,#09050f);box-shadow:0 20px 55px rgba(0,0,0,.38)}
.topnap-hero h1{font-size:32px;margin:12px 0 8px}
.topnap-hero p{margin:0;color:#b7a8c9;line-height:1.6}
.topnap-live{white-space:nowrap;padding:10px 15px;border-radius:999px;background:#10351f;border:1px solid #1d6b40;color:#69e5a8;font-weight:800}
.topnap-panel{padding:25px}
.topnap-list{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.topnap-row{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:15px;padding:15px 17px;border:1px solid #2f1d46;border-radius:12px;background:linear-gradient(145deg,#130b20,#0a0610);transition:.18s}
.topnap-row:hover{border-color:#6d3aa0;transform:translateY(-1px)}
.topnap-podium{border-color:#543078;background:linear-gradient(145deg,#1a0d2b,#0d0716)}
.topnap-rank{font-size:24px;font-weight:900;text-align:center}
.topnap-user strong{display:block;font-size:16px}
.topnap-user small{display:block;margin-top:5px;color:#a99dbb}
.topnap-amount{font-size:18px;font-weight:900;color:#d8b4fe;white-space:nowrap}
.topnap-empty{text-align:center;padding:45px 15px}
.topnap-empty>div{font-size:46px}
.topnap-empty h3{margin:12px 0 5px}
.topnap-note{margin-top:18px;display:flex;align-items:center;gap:14px;padding:18px 20px}
.topnap-note>span{font-size:27px}
.topnap-note div{flex:1}
.topnap-note p{margin:5px 0 0}
.topnap-stat a{color:#d8b4fe}
@media(max-width:560px){
 .topnap-hero{padding:22px 18px;align-items:flex-start}
 .topnap-hero h1{font-size:26px}
 .topnap-live{font-size:11px;padding:8px 10px}
 .topnap-panel{padding:17px}
 .topnap-row{grid-template-columns:48px 1fr;gap:10px}
 .topnap-amount{grid-column:2;font-size:16px}
 .topnap-note{align-items:flex-start;flex-wrap:wrap}
 .topnap-note .btn{width:100%;text-align:center}
}

/* Atlantis-inspired navigation icons: thin, clean line icons instead of emoji */
.nav-svg-icon{
  width:20px;height:20px;display:inline-block;flex:0 0 20px;
  vertical-align:-5px;color:currentColor;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.desktop-nav a{display:inline-flex!important;align-items:center;gap:7px}
.mobile-nav-links a{display:flex;align-items:center;gap:14px}
.mobile-nav-links .nav-svg-icon{
  width:22px;height:22px;flex-basis:22px;
  color:#aeb2c0;stroke-width:1.75;
}
.mobile-nav-links a:hover .nav-svg-icon,
.mobile-nav-links a.active .nav-svg-icon,
.mobile-nav-links a.featured .nav-svg-icon{
  color:#c084fc;
}
.mobile-nav-links a>span:not(.nav-svg-icon){min-width:0}
.mobile-nav-links a b{margin-left:auto}
@media(max-width:900px){
  .nav-120h .nav-svg-icon{display:none}
}

/* Small header icons use the same restrained Atlantis-like line treatment */
.header-icon-btn .nav-svg-icon{width:19px;height:19px;vertical-align:middle}
.purple120{display:inline-flex!important;align-items:center;gap:6px}
.purple120 .nav-svg-icon{width:17px;height:17px;stroke-width:1.8}
.mobile-nav-user .header-avatar .nav-svg-icon{width:21px;height:21px}

/* ===================== ROBUX CHECKOUT + REFUND SAFETY V23 ===================== */
.buy-page{padding-top:55px;padding-bottom:70px}.buy-auth{width:min(620px,100%);padding:30px}.buy-summary{font-size:15px;line-height:1.65;background:linear-gradient(135deg,rgba(124,58,237,.20),rgba(36,17,59,.75));border-color:#5b2b8b}.roblox-scan-card{margin-top:16px;padding:20px;border:1px solid #3d2460;border-radius:16px;background:linear-gradient(145deg,#160c25,#0b0712);box-shadow:0 15px 40px rgba(0,0,0,.24)}.scan-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.scan-kicker{font-size:10px;letter-spacing:1.4px;font-weight:900;color:#b47cff}.scan-heading h2{margin:6px 0 5px;font-size:20px}.scan-heading p{margin:0;color:#a99dbb;font-size:13px;line-height:1.55;max-width:460px}.scan-badge{padding:7px 9px;border-radius:999px;border:1px solid #5b3290;background:#24113b;color:#d8b4fe;font-size:10px;font-weight:900;white-space:nowrap}.scan-input-row{display:grid;grid-template-columns:1fr 92px;gap:8px}.scan-input-row input{min-width:0}.roblox-result{display:flex;align-items:center;gap:13px;margin-top:13px;padding:12px;border-radius:14px;border:1px solid #543078;background:linear-gradient(135deg,#1b0e2d,#100918);box-shadow:0 0 28px rgba(139,92,246,.10)}.roblox-result img{width:64px;height:64px;border-radius:16px;object-fit:cover;background:#26143b;border:1px solid #7040a5}.roblox-result-info{min-width:0;flex:1}.roblox-result-info small{display:block;color:#8f7ca4;font-size:9px;letter-spacing:1.2px;font-weight:900}.roblox-result-info strong{display:block;color:#fff;font-size:17px;margin-top:3px;overflow:hidden;text-overflow:ellipsis}.roblox-result-info span{display:block;color:#c9bfd8;margin-top:2px}.roblox-result-info em{display:block;color:#766885;font-style:normal;font-size:11px;margin-top:3px}.verified-dot{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#143c2a;color:#6ee7a8;border:1px solid #286b4a;font-weight:900}.scan-message{min-height:18px;margin-top:9px;font-size:12px;color:#a99dbb}.scan-message.ok{color:#69e5a8}.scan-message.error{color:#ff8ba7}.payment-confirm{margin-top:15px;padding:15px;border:1px solid #543078;border-radius:15px;background:linear-gradient(145deg,#1a0d2a,#0d0716)}.payment-confirm>div{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.payment-confirm>div>span{font-size:23px}.payment-confirm b{display:block}.payment-confirm small{display:block;color:#a99dbb;line-height:1.5;margin-top:3px}.payment-confirm .btn{width:100%;margin-top:0}.payment-confirm .btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.table-sub{display:block;margin-top:3px;color:#8f829d;font-size:11px}.status-refunded{background:#3a1722!important;color:#ff9ab0!important;border:1px solid #713043}.refund-help{margin-top:16px;border-color:#4b2875;background:linear-gradient(145deg,#160d24,#0b0711)}

/* Top Nạp redesigned: stronger hierarchy, podium, glass cards, less "basic" */
.topnap-page{max-width:1120px}.topnap-hero{position:relative;overflow:hidden;padding:32px;border-radius:22px;border-color:#56308a;background:radial-gradient(circle at 82% 18%,rgba(168,85,247,.30),transparent 34%),radial-gradient(circle at 15% 100%,rgba(99,102,241,.13),transparent 32%),linear-gradient(145deg,#190c2c,#08050e);box-shadow:0 28px 80px rgba(0,0,0,.42)}.topnap-hero:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(192,132,252,.16);border-radius:50%;right:-70px;bottom:-95px;box-shadow:0 0 0 35px rgba(192,132,252,.035),0 0 0 70px rgba(192,132,252,.02)}.topnap-hero h1{font-size:clamp(29px,4vw,42px);letter-spacing:-1.2px;font-weight:950}.topnap-hero p{font-size:15px;max-width:680px}.topnap-live{position:relative;z-index:2;box-shadow:0 0 25px rgba(34,197,94,.10)}.topnap-panel{padding:28px;border-radius:20px;background:linear-gradient(145deg,rgba(18,10,29,.96),rgba(7,4,11,.96))}.topnap-panel .section-title h2{font-size:22px;letter-spacing:-.4px}.topnap-panel .tag{box-shadow:inset 0 0 20px rgba(168,85,247,.10)}.topnap-list{gap:12px}.topnap-row{min-height:74px;grid-template-columns:68px 1fr auto;padding:13px 16px;border-radius:16px;border-color:#2e1b45;background:linear-gradient(145deg,#130b20,#090610);box-shadow:0 10px 25px rgba(0,0,0,.18)}.topnap-row:hover{border-color:#7040a5;box-shadow:0 14px 35px rgba(0,0,0,.25),0 0 25px rgba(139,92,246,.08)}.topnap-rank{font-size:22px}.topnap-user strong{font-size:16px;font-weight:850}.topnap-amount{font-size:17px}.topnap-row:nth-child(1){border-color:#a36be0;background:linear-gradient(100deg,rgba(124,58,237,.18),rgba(20,10,31,.92));box-shadow:0 0 28px rgba(168,85,247,.10)}.topnap-row:nth-child(2){border-color:#684a82}.topnap-row:nth-child(3){border-color:#59406c}.topnap-note{border-radius:18px;border-color:#3d2755;background:linear-gradient(145deg,#140b22,#0b0712);padding:20px 22px}.topnap-note>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#24113b;border:1px solid #4d2875}.topnap-note strong{font-size:16px}.topnap-note .btn{min-width:110px;text-align:center}

body{font-family:Inter,"Be Vietnam Pro","SF Pro Display","Segoe UI",system-ui,-apple-system,sans-serif;letter-spacing:-.01em}button,input,select,textarea{font:inherit}
@media(max-width:700px){.buy-auth{padding:20px}.scan-heading{display:block}.scan-badge{display:inline-block;margin-top:10px}.scan-input-row{grid-template-columns:1fr 78px}.roblox-result{padding:10px}.roblox-result img{width:58px;height:58px}.topnap-hero{padding:24px 19px;border-radius:18px}.topnap-panel{padding:17px}.topnap-panel .section-title{align-items:flex-start}.topnap-panel .section-title h2{font-size:19px}.topnap-row{grid-template-columns:52px 1fr;padding:13px}.topnap-amount{grid-column:2}.topnap-note{padding:17px}.topnap-note .btn{width:100%}}
.topnap-featured{position:relative;display:flex;align-items:center;gap:16px;margin-top:20px;padding:20px;border:1px solid #8d5cc4;border-radius:18px;background:radial-gradient(circle at 18% 40%,rgba(192,132,252,.18),transparent 30%),linear-gradient(105deg,#241039,#0f0818);box-shadow:0 18px 45px rgba(0,0,0,.30),0 0 30px rgba(168,85,247,.10);overflow:hidden}.topnap-featured:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent);transform:translateX(-100%);animation:topnapShine 5s ease-in-out infinite}.featured-crown{position:absolute;right:18px;top:10px;font-size:25px;filter:drop-shadow(0 0 10px rgba(250,204,21,.25))}.featured-avatar{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;font-size:25px;font-weight:950;background:linear-gradient(145deg,#f1d28a,#9a6b20);color:#2b1905;border:2px solid #f3d998;box-shadow:0 0 28px rgba(234,179,8,.18);z-index:1}.featured-copy{flex:1;min-width:0;z-index:1}.featured-copy span{font-size:9px;letter-spacing:1.3px;font-weight:950;color:#e9c98c}.featured-copy strong{display:block;font-size:20px;margin:4px 0}.featured-copy small{color:#a99dbb}.featured-amount{font-size:20px;color:#f0d59c;white-space:nowrap;z-index:1}@keyframes topnapShine{0%,65%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}@media(max-width:560px){.topnap-featured{padding:16px;gap:11px}.featured-avatar{width:54px;height:54px;border-radius:16px}.featured-copy strong{font-size:17px}.featured-amount{font-size:16px}.featured-crown{font-size:20px;right:12px}}
.roblox-mini{display:flex;align-items:center;gap:8px;min-width:150px}.roblox-mini img{width:34px;height:34px;border-radius:10px;object-fit:cover;border:1px solid #4d2b70;background:#21112f}.roblox-mini .table-sub{margin-top:2px}


/* ===================== GEKISTORE V25 CLEAN UI ===================== */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');

html,body{
  font-family:"Manrope","Plus Jakarta Sans","SF Pro Display","Segoe UI",system-ui,sans-serif;
}
h1,h2,h3,h4,.btn,.logo-word,.desktop-nav,.mobile-nav-links{
  font-family:"Plus Jakarta Sans","Manrope","SF Pro Display","Segoe UI",system-ui,sans-serif;
}

/* Checkout */
.buy-page{padding-top:42px!important;padding-bottom:70px!important}
.buy-auth{
  width:min(560px,100%)!important;
  padding:24px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(17,9,29,.97),rgba(7,4,13,.98))!important;
  border:1px solid rgba(151,93,214,.42)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.42),0 0 50px rgba(124,58,237,.07)!important;
}
.checkout-head{margin-bottom:18px}
.checkout-kicker,.scan-kicker,.summary-label,.result-caption,.confirm-kicker{
  display:block;font-size:10px;letter-spacing:1.25px;font-weight:800;color:#b88af1;
}
.checkout-head h1{
  margin:6px 0 5px!important;font-size:29px!important;letter-spacing:-.8px!important;
}
.checkout-head p{margin:0;color:#988ca8;font-size:12px;line-height:1.55}
.checkout-summary{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:15px 16px;border-radius:14px;
  border:1px solid #382051;background:#12091e;
}
.summary-label{margin-bottom:4px;color:#81718f}
.checkout-summary strong{display:block;font-size:15px;color:#f7f4fb}
.checkout-summary small{display:block;margin-top:3px;color:#9588a2;font-size:11px}
.summary-price{text-align:right;flex:0 0 auto}
.summary-price span{display:block;color:#81718f;font-size:10px}
.summary-price strong{font-size:18px;color:#d9b5ff;margin-top:3px}
.checkout-error{margin:12px 0!important;font-size:12px!important}
.roblox-scan-card{
  margin-top:13px!important;padding:17px!important;border-radius:16px!important;
  background:linear-gradient(145deg,#140a21,#0b0612)!important;
  border-color:#38204f!important;box-shadow:none!important;
}
.scan-heading{gap:10px!important}
.scan-heading h2{margin:5px 0 4px!important;font-size:17px!important;letter-spacing:-.25px}
.scan-heading p{font-size:11.5px!important;line-height:1.5!important;color:#94879f!important}
.scan-badge{
  padding:6px 8px!important;font-size:9px!important;border-radius:999px!important;
  background:#1c102a!important;border-color:#56307b!important;color:#caa3f6!important;
}
.scan-field{margin-top:13px!important}
.scan-field label{font-size:11px!important;margin-bottom:6px!important;color:#b9afc3}
.scan-input-row{grid-template-columns:1fr 112px!important;gap:7px!important}
.scan-input-row input{
  height:42px!important;padding:0 12px!important;border-radius:10px!important;
  background:#0e0817!important;border-color:#332047!important;font-size:12px!important;
}
.scan-input-row .btn{height:42px!important;padding:0 10px!important;border-radius:10px!important;font-size:11px!important}
.scan-message{min-height:15px!important;margin-top:7px!important;font-size:10.5px!important}
.roblox-result{
  margin-top:9px!important;padding:10px!important;gap:11px!important;
  border-radius:13px!important;background:#100819!important;box-shadow:none!important;
}
.roblox-result img{
  width:56px!important;height:56px!important;border-radius:14px!important;
}
.roblox-result-info strong{
  font-size:14px!important;margin-top:3px!important;line-height:1.25!important;
}
.roblox-result-info span{
  color:#b8adbf!important;font-size:11px!important;margin-top:2px!important;
}
.roblox-result-info em{
  font-size:9.5px!important;color:#776b83!important;margin-top:2px!important;
}
.result-caption{font-size:8px!important;color:#7e708a!important;letter-spacing:1px}
.verified-dot{
  width:24px!important;height:24px!important;flex:0 0 24px!important;
  font-size:11px!important;background:#13291f!important;
}
.payment-confirm{
  margin-top:10px!important;padding:13px!important;border-radius:14px!important;
  background:#100819!important;border-color:#3a2352!important;
}
.payment-confirm-head{
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  gap:12px!important;margin-bottom:10px!important;
}
.payment-confirm-head>b,.payment-confirm-head b{
  font-size:13px!important;margin-top:3px!important;
}
.payment-confirm-head small{font-size:10px!important;color:#8f8399!important;line-height:1.4!important}
.confirm-price{font-size:15px;font-weight:800;color:#d9b5ff;white-space:nowrap}
.confirm-kicker{font-size:8px}
.payment-confirm .btn{height:42px!important;border-radius:10px!important;font-size:11px!important}
.checkout-back{
  width:100%!important;text-align:center!important;margin-top:7px!important;
  height:40px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:10px!important;font-size:11px!important;
}

/* Top Nạp Tháng — typography-first, no decorative icons */
.nav-topnap,.topnap-mobile-link{color:#cbb8dc!important;font-weight:700!important}
.topnap-page{max-width:980px!important}
.topnap-hero{
  padding:30px 0 22px!important;margin-bottom:18px!important;
  border:0!important;border-bottom:1px solid #271635!important;border-radius:0!important;
  background:none!important;box-shadow:none!important;
}
.topnap-hero:after{display:none!important}
.topnap-hero h1{
  margin:9px 0 7px!important;font-size:34px!important;letter-spacing:-1.2px!important;
  font-weight:800!important;color:#f5f0f9!important;
}
.topnap-hero p{font-size:13px!important;line-height:1.6!important;color:#94879f!important;max-width:610px}
.topnap-live{
  padding:0!important;background:none!important;border:0!important;
  color:#6edca0!important;font-size:10px!important;letter-spacing:1.2px!important;
  font-weight:800!important;box-shadow:none!important;
}
.topnap-panel{
  padding:0!important;background:none!important;border:0!important;border-radius:0!important;
}
.topnap-panel .section-title{
  padding:15px 0 11px!important;border-bottom:1px solid #241432!important;
}
.topnap-panel .section-title h2{
  font-size:15px!important;font-weight:700!important;letter-spacing:-.2px!important;
}
.topnap-panel .section-title p{font-size:10px!important;color:#75687f!important;margin-top:4px!important}
.topnap-panel .tag{
  padding:6px 9px!important;font-size:9px!important;border-radius:999px!important;
  color:#b98ce7!important;border-color:#4a2867!important;background:#130a1d!important;box-shadow:none!important;
}
.topnap-featured{
  margin-top:12px!important;padding:17px 18px!important;gap:14px!important;
  border:1px solid #4b2c63!important;border-radius:15px!important;
  background:linear-gradient(105deg,#1b0d29,#0c0712)!important;
  box-shadow:0 12px 35px rgba(0,0,0,.25)!important;
}
.topnap-featured:after,.featured-crown{display:none!important}
.featured-avatar{
  width:48px!important;height:48px!important;border-radius:13px!important;
  font-size:13px!important;background:#24122f!important;color:#d9b5ff!important;
  border:1px solid #71429a!important;box-shadow:none!important;
}
.featured-copy span{font-size:8px!important;color:#a980c8!important;letter-spacing:1.1px!important}
.featured-copy strong{font-size:16px!important;margin:3px 0!important}
.featured-copy small{font-size:10px!important;color:#82768d!important}
.featured-amount{font-size:15px!important;color:#d6b1fa!important}
.topnap-list{gap:7px!important;margin-top:8px!important}
.topnap-row{
  min-height:61px!important;grid-template-columns:46px 1fr auto!important;
  padding:10px 13px!important;border-radius:12px!important;
  border-color:#241632!important;background:#0e0816!important;box-shadow:none!important;
}
.topnap-row:hover{transform:none!important;border-color:#4b2c63!important;box-shadow:none!important}
.topnap-row:nth-child(1),.topnap-row:nth-child(2),.topnap-row:nth-child(3){
  border-color:#2f1c40!important;background:#100918!important;box-shadow:none!important;
}
.topnap-rank{
  width:32px;height:32px;display:grid;place-items:center;margin:auto;
  border-radius:10px;background:#171021;border:1px solid #30203e;
  font-size:10px!important;color:#9f8eaa!important;letter-spacing:.4px;
}
.topnap-user strong{font-size:12px!important;font-weight:700!important}
.topnap-user small{font-size:9.5px!important;margin-top:3px!important;color:#756a7e!important}
.topnap-amount{font-size:12px!important;color:#caa2ed!important}
.topnap-empty{text-align:left!important;padding:30px 0!important}
.topnap-empty-mark{display:none!important}
.topnap-empty h3{font-size:15px!important}
.topnap-empty p{font-size:11px!important}
.topnap-note{
  margin-top:18px!important;padding:15px 0!important;
  border:0!important;border-top:1px solid #241432!important;border-radius:0!important;
  background:none!important;
}
.topnap-note>span{display:none!important}
.topnap-note strong{font-size:12px!important}
.topnap-note p{font-size:10.5px!important}
.topnap-note .btn{min-width:100px!important;font-size:10px!important}

@media(max-width:700px){
  .buy-page{padding-top:28px!important}
  .buy-auth{padding:18px!important;border-radius:18px!important}
  .checkout-head h1{font-size:25px!important}
  .checkout-summary{padding:13px!important}
  .scan-heading{display:block!important}
  .scan-badge{display:inline-flex!important;margin-top:8px!important}
  .scan-input-row{grid-template-columns:1fr 105px!important}
  .roblox-result img{width:52px!important;height:52px!important}
  .topnap-hero{padding:22px 0 17px!important}
  .topnap-hero h1{font-size:27px!important}
  .topnap-hero p{font-size:11.5px!important}
  .topnap-panel .section-title h2{font-size:14px!important}
  .topnap-row{grid-template-columns:42px 1fr auto!important;padding:10px!important}
  .topnap-amount{font-size:11px!important}
}

/* V26 — Discord support */
.support-discord{display:inline-flex;align-items:center;margin-top:7px;color:#c9a5ed;text-decoration:none;font-weight:700;font-size:.95em;transition:opacity .2s ease,transform .2s ease}.support-discord:hover{opacity:.82;transform:translateY(-1px)}

/* GekiStore V36 — Premium Account UI */
.account-page{min-height:calc(100vh - 76px);padding:48px 5% 70px;background:radial-gradient(circle at 78% 8%,rgba(99,45,157,.18),transparent 34%),linear-gradient(180deg,rgba(12,7,21,.3),transparent 45%)}
.account-shell{max-width:980px;margin:0 auto}.account-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 25px}.account-eyebrow,.quick-label,.card-title span{font-size:10px;letter-spacing:1.6px;color:#a98bc2;font-weight:900}.account-heading h1{margin:8px 0 6px;font-size:30px;letter-spacing:-.6px}.account-heading p{margin:0;color:#9e91aa;font-size:14px}.account-back{white-space:nowrap;padding:10px 15px}
.account-card{background:linear-gradient(145deg,rgba(22,13,36,.96),rgba(9,6,15,.98));border:1px solid rgba(139,92,246,.25);border-radius:18px;box-shadow:0 22px 55px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.025);overflow:hidden}.account-hero-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:24px 26px;position:relative}.account-hero-card:after{content:"";position:absolute;width:230px;height:230px;right:-100px;top:-120px;background:radial-gradient(circle,rgba(168,85,247,.17),transparent 68%);pointer-events:none}.account-avatar{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#c084fc,#7c3aed);color:#fff;font-size:27px;font-weight:900;box-shadow:0 10px 35px rgba(124,58,237,.3)}.account-identity{min-width:0}.account-status{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#91dfb4;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.18);padding:5px 9px;border-radius:999px;font-weight:800}.account-status i{width:6px;height:6px;border-radius:50%;background:#6ee7a3;box-shadow:0 0 8px #22c55e;display:block}.account-identity h2{margin:9px 0 3px;font-size:22px;letter-spacing:-.3px}.account-identity p{margin:0;color:#9f93ad;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-balance{min-width:185px;padding-left:24px;border-left:1px solid #2c1c40;text-align:right;position:relative;z-index:1}.account-balance span{display:block;color:#8f819b;font-size:11px;margin-bottom:5px}.account-balance strong{display:block;color:#d8b4fe;font-size:23px;letter-spacing:-.3px}.account-balance a{display:inline-block;margin-top:7px;color:#c084fc;font-size:12px;font-weight:800}.account-balance a b{margin-left:4px}
.account-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:16px;margin-top:16px}.info-card,.wallet-card{padding:23px 24px}.card-title{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.card-title h3,.quick-card h3{margin:6px 0 0;font-size:17px;letter-spacing:-.2px}.title-dot{width:8px;height:8px;border-radius:50%;background:#a855f7;box-shadow:0 0 15px #a855f7}.info-list{display:grid;gap:2px}.info-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-top:1px solid #21162e}.info-row:first-child{border-top:0;padding-top:2px}.info-icon{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#1b1028;border:1px solid #36224d;display:grid;place-items:center;color:#c084fc;font-size:10px;font-weight:900}.info-row small{display:block;color:#85788f;font-size:10px;margin-bottom:3px}.info-row b{display:block;font-size:13px;word-break:break-word}.wallet-card{display:flex;flex-direction:column}.wallet-value{font-size:31px;font-weight:900;color:#e0c5ff;letter-spacing:-.8px;margin:5px 0 8px}.wallet-card p{color:#8f829c;line-height:1.55;font-size:12px;margin:0 0 18px;max-width:390px}.wallet-actions{display:flex;gap:8px;margin-top:auto}.wallet-actions .btn{padding:10px 14px;font-size:12px}.quick-card{margin-top:16px;padding:21px 24px;display:flex;align-items:center;justify-content:space-between;gap:25px}.quick-card h3{font-size:16px}.quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;flex:1;max-width:620px}.quick-links a{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#100a18;border:1px solid #2b1b3d;border-radius:10px;padding:11px 12px;color:#b9a9c7;font-size:11px;font-weight:800;transition:.18s}.quick-links a b{color:#9f65cf}.quick-links a:hover{border-color:#7445a0;color:#e3d2f0;transform:translateY(-1px)}
@media(max-width:760px){.account-page{padding:32px 4% 55px}.account-heading{align-items:flex-start}.account-heading h1{font-size:26px}.account-back{display:none}.account-hero-card{grid-template-columns:auto 1fr;gap:14px;padding:20px}.account-balance{grid-column:1/-1;border-left:0;border-top:1px solid #2c1c40;padding:15px 0 0;text-align:left;margin-top:2px}.account-balance strong{font-size:22px}.account-grid{grid-template-columns:1fr}.quick-card{display:block}.quick-links{grid-template-columns:1fr 1fr;max-width:none;margin-top:18px}.account-avatar{width:60px;height:60px;border-radius:17px;font-size:23px}}
@media(max-width:420px){.account-heading h1{font-size:23px}.account-identity h2{font-size:18px}.account-identity p{font-size:11px}.info-card,.wallet-card{padding:19px}.quick-card{padding:19px}.quick-links a{padding:10px;font-size:10px}.wallet-value{font-size:27px}}

/* GekiStore V37 — Premium account dashboard */
.account-dashboard{padding:52px 6% 70px;max-width:1400px;margin:0 auto}
.account-dash-shell{max-width:1180px;margin:auto}
.account-dash-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:25px}
.account-eyebrow{display:block;color:#a88bc2;font-size:11px;font-weight:800;letter-spacing:1.7px;margin-bottom:8px}
.account-dash-head h1{font-size:32px;letter-spacing:-.7px;margin:0 0 8px}
.account-dash-head p{color:#a99dbb;margin:0;font-size:14px}
.account-head-actions{display:flex;gap:9px;flex-shrink:0}
.account-welcome-card{display:flex;justify-content:space-between;align-items:center;padding:27px 30px;border:1px solid #452669;border-radius:18px;background:radial-gradient(circle at 70% 0%,rgba(139,92,246,.22),transparent 42%),linear-gradient(135deg,#190d29,#0b0611);box-shadow:0 25px 65px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.025);margin-bottom:16px}
.account-profile-main{display:flex;align-items:center;gap:17px}.account-avatar{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#c084fc,#7c3aed);color:#fff;font-size:22px;font-weight:900;box-shadow:0 10px 30px rgba(139,92,246,.28)}
.account-avatar-lg{width:66px;height:66px;border-radius:20px;font-size:25px}
.account-status{display:inline-flex;align-items:center;gap:7px;color:#b8e8cf;font-size:11px;font-weight:700;margin-bottom:6px}.account-status i{width:7px;height:7px;border-radius:50%;background:#8ee6b5;box-shadow:0 0 9px #5de69b;display:block}
.account-profile-main h2{font-size:21px;margin:0 0 3px}.account-profile-main p{margin:0;color:#9f92ad;font-size:13px}
.account-wallet-main{text-align:right;border-left:1px solid #352047;padding-left:48px}.account-wallet-main span,.account-stat-card span{display:block;color:#8e809c;font-size:10px;font-weight:800;letter-spacing:1.4px}.account-wallet-main strong{display:block;color:#d8b4fe;font-size:28px;margin:6px 0}.account-wallet-main a,.account-panel-head>a{color:#bd8df1;font-size:12px;font-weight:800}
.account-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.account-stat-card{padding:19px 21px;border:1px solid #33204a;border-radius:14px;background:linear-gradient(145deg,#130a20,#09050f);transition:.2s}.account-stat-card:hover{transform:translateY(-2px);border-color:#64408b}.account-stat-card strong{display:block;font-size:20px;margin:7px 0 3px;color:#f7f1ff}.account-stat-card small{color:#81748d;font-size:11px}
.account-content-grid{display:grid;grid-template-columns:245px 1fr;gap:15px;align-items:start}.account-menu,.account-orders-panel{border:1px solid #35204c;border-radius:16px;background:linear-gradient(145deg,#130a20,#08050d);overflow:hidden}.account-menu{padding:9px}.account-menu-title{padding:13px 13px 10px}.account-menu-title span{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#756780}.account-menu-title h3{margin:5px 0 0;font-size:17px}.account-menu a{display:flex;justify-content:space-between;align-items:center;padding:12px 13px;margin:2px 0;border-radius:9px;color:#aaa0b7;font-size:13px}.account-menu a b{color:#62546e;font-weight:500}.account-menu a:hover{background:#1b0d2b;color:#dfc8f1}.account-menu a.active{background:linear-gradient(90deg,rgba(139,92,246,.19),rgba(139,92,246,.06));color:#e5ccf8;border:1px solid #422460}.account-menu a.active b{color:#c084fc}.account-menu .logout-link{margin-top:8px;border-top:1px solid #241634;border-radius:0;color:#917f9e}
.account-orders-panel{padding:23px}.account-panel-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:15px;border-bottom:1px solid #28183a}.account-panel-head h2{font-size:19px;margin:0}.account-order-list{padding-top:2px}.account-order-row{display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center;padding:14px 2px;border-bottom:1px solid #21142f}.account-order-row:last-child{border-bottom:0}.order-product-mark{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#1d0d30;border:1px solid #4b2870;color:#c084fc;font-size:11px;font-weight:900}.order-main b{display:block;font-size:13px}.order-main small{display:block;color:#796c85;font-size:10px;margin-top:4px}.order-price{text-align:right}.order-price>b{display:block;font-size:13px;margin-bottom:6px;color:#ddd0e6}.order-price .status{font-size:9px;padding:4px 7px}
.account-empty{text-align:center;padding:45px 15px}.empty-mark{font-size:26px;color:#6f607b;margin-bottom:8px}.account-empty b{font-size:15px}.account-empty p{font-size:12px;color:#82768d;margin:7px 0 17px}
@media(max-width:800px){.account-dashboard{padding:35px 5% 55px}.account-dash-head{align-items:flex-start;flex-direction:column}.account-dash-head h1{font-size:27px}.account-head-actions{width:100%}.account-head-actions .btn{flex:1;text-align:center}.account-welcome-card{padding:21px;align-items:flex-start;gap:20px}.account-wallet-main{padding-left:20px}.account-wallet-main strong{font-size:22px}.account-content-grid{grid-template-columns:1fr}.account-menu{display:grid;grid-template-columns:1fr 1fr;padding:8px}.account-menu-title{grid-column:1/-1}.account-menu .logout-link{margin-top:2px;border-top:0}.account-menu a{font-size:12px}}
@media(max-width:560px){.account-welcome-card{display:block}.account-wallet-main{text-align:left;border-left:0;border-top:1px solid #352047;margin-top:18px;padding:16px 0 0}.account-stat-grid{grid-template-columns:1fr}.account-menu{grid-template-columns:1fr}.account-menu-title{grid-column:auto}.account-order-row{grid-template-columns:38px 1fr}.order-price{grid-column:2;text-align:left}.account-order-row{row-gap:5px}.account-panel-head{align-items:flex-start;gap:10px}.account-panel-head>a{white-space:nowrap}}

/* ===================== ROBUX 120H 4-STEP STATUS ===================== */
.order-progress{display:flex;align-items:center;gap:4px;margin-top:7px;min-width:235px;font-size:10px;color:#81758e;white-space:nowrap}
.order-progress span{opacity:.58}
.order-progress span.active{opacity:1;color:#d9b6ff;font-weight:800}
.order-progress i{display:block;width:12px;height:1px;background:#392250}
.order-progress-3 span.active{color:#8df0bd}
.order-refund-label{display:block;margin-top:5px;color:#ff9b9b;font-weight:700}
@media(max-width:700px){.order-progress{min-width:205px;font-size:8.5px;gap:2px}.order-progress i{width:5px}}