
/* ═══════════════════════ VARIABLES ═══════════════════════ */
:root{
  --bg:#080808; --bg2:#0d0d0d; --card:#111111; --card2:#181818; --card3:#1e1e1e;
  --border:#232323; --border2:#2a2a2a;
  --green:#7CFC00; --gdim:rgba(124,252,0,.10); --gglow:rgba(124,252,0,.25);
  --gold:#FFB800;  --gdold:rgba(255,184,0,.12); --ggold:rgba(255,184,0,.3);
  --muted:#666; --muted2:#888; --text:#f0f0f0; --red:#FF4444;
  --radius:14px; --radius-sm:10px; --radius-lg:20px;
  --font-display:'Barlow Condensed',sans-serif;
  --font-body:'Poppins',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;font-family:var(--font-body)}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}
a{text-decoration:none;color:inherit}

/* ═══════════════════════ PAGES ═══════════════════════════ */
.page{display:none;min-height:100vh;padding-bottom:72px}
.page.active{display:block;animation:fadeIn .3s ease-out}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* ═══════════════════════ HEADER ══════════════════════════ */
header{
  position:sticky;top:0;z-index:900;
  background:rgba(8,8,8,.95);
  border-bottom:1px solid #1a1a1a;
  display:flex;align-items:center;justify-content:space-between;
  padding:11px 15px;
  backdrop-filter:blur(20px);
  box-shadow:0 2px 20px rgba(0,0,0,.9)
}
.logo{
  font-family:var(--font-display);
  font-size:24px;font-weight:900;letter-spacing:1px;font-style:italic;
  background:linear-gradient(130deg,#ff7700,#FFB800,#ff9500);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 8px rgba(255,140,0,.5))
}
.hdr-btns{display:flex;gap:7px}
.btn-l{
  background:transparent;color:var(--green);
  border:1.5px solid rgba(124,252,0,.5);padding:6px 16px;
  border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:.2s
}
.btn-l:hover{background:var(--gdim);border-color:var(--green)}
.btn-r{
  background:linear-gradient(135deg,#5ec900,var(--green));
  color:#000;border:none;
  padding:7px 18px;border-radius:8px;font-size:12px;
  font-weight:800;cursor:pointer;
  box-shadow:0 3px 14px rgba(124,252,0,.35);transition:.2s
}
.btn-r:hover{box-shadow:0 4px 20px rgba(124,252,0,.55)}
.uchip{display:flex;align-items:center;gap:8px}
.av{
  width:33px;height:33px;border-radius:50%;
  background:linear-gradient(135deg,#5ec900,#3a8000);
  display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:900;color:#000;cursor:pointer;
  border:2px solid rgba(124,252,0,.6);box-shadow:0 0 10px rgba(124,252,0,.25)
}
.balpill{
  background:rgba(124,252,0,.07);border:1px solid rgba(124,252,0,.25);
  border-radius:20px;padding:5px 13px;
  font-size:12px;font-weight:700;color:var(--green);
  display:flex;align-items:center;gap:6px;cursor:pointer;transition:.2s
}
.balpill:hover{background:rgba(124,252,0,.13)}

/* ═══════════════════════ ANNOUNCE ═════════════════════════ */
.ann{
  background:#0d0d0d;margin:8px 12px 4px;border-radius:9px;
  padding:8px 13px;display:flex;align-items:center;gap:9px;
  border:1px solid #1e1e1e
}
.ann .fa-bullhorn{color:var(--green);font-size:12px;animation:sh 2.5s infinite}
@keyframes sh{0%,100%{transform:rotate(0)}25%{transform:rotate(-14deg)}75%{transform:rotate(14deg)}}

/* ═══════════════════════ BANNER ═══════════════════════════ */
.banner{
  margin:10px 12px 12px;height:158px;border-radius:var(--radius);
  position:relative;overflow:hidden;
  border:1px solid #252525;box-shadow:0 6px 28px rgba(0,0,0,.7)
}
.sl{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .6s;z-index:0}
.sl.on{opacity:1;z-index:1}
.dots{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:2}
.dot{width:5px;height:5px;background:rgba(255,255,255,.25);border-radius:50%;cursor:pointer;transition:.3s}
.dot.on{background:var(--green);width:18px;border-radius:3px;box-shadow:0 0 6px var(--green)}

/* ═══════════════════════ DW / CATS ════════════════════════ */
.dw-row{display:flex;gap:8px;padding:0 12px 12px}
.dw-btn{
  flex:1;background:var(--card2);border-radius:11px;
  padding:11px;display:flex;align-items:center;
  justify-content:center;gap:8px;cursor:pointer;
  border:1px solid rgba(124,252,0,.2);transition:.2s
}
.dw-btn:active{transform:scale(.97)}
.cats{display:flex;gap:6px;overflow-x:auto;padding:4px 12px 12px;scrollbar-width:none}
.cats::-webkit-scrollbar{display:none}
.cat{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:56px;cursor:pointer}
.cic{width:44px;height:44px;border-radius:12px;background:var(--card2);border:1px solid #2a2a2a;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--muted2);transition:.2s}
.cat.on .cic{background:rgba(124,252,0,.08);border-color:var(--green);color:var(--green);box-shadow:0 0 12px rgba(124,252,0,.18)}
.cat span{font-size:9px;color:var(--muted);font-weight:700;text-transform:uppercase;white-space:nowrap}
.cat.on span{color:var(--green)}

/* ═══════════════════════ SECTION HDR + GRID ═══════════════ */
.shdr{display:flex;align-items:center;justify-content:space-between;padding:6px 13px 9px}
.stitle{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding-left:10px;position:relative}
.stitle::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:14px;background:var(--green);border-radius:2px;box-shadow:0 0 8px var(--green)}
.sall{background:rgba(124,252,0,.07);color:var(--green);border:1px solid rgba(124,252,0,.25);padding:4px 12px;border-radius:20px;font-size:10px;font-weight:700;cursor:pointer}
.grid{display:grid;gap:8px;padding:0 12px 14px}
.g3{grid-template-columns:repeat(3,1fr)}
.g2{grid-template-columns:repeat(2,1fr)}
.gc{
  background:var(--card);border-radius:var(--radius-sm);
  border:1px solid #222;overflow:hidden;position:relative;cursor:pointer;
  aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;
  transition:transform .18s
}
.gc:active{transform:scale(.96)}
.gc::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.8));z-index:1;pointer-events:none}
.gc .hot{position:absolute;top:6px;left:6px;background:var(--green);color:#000;font-size:7px;font-weight:900;padding:2px 6px;border-radius:4px;z-index:2}
.gc .prov{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);font-size:8px;font-weight:800;color:#fff;background:rgba(0,0,0,.8);padding:2px 8px;border-radius:4px;z-index:2;white-space:nowrap}
.gic{font-size:38px;opacity:.25;z-index:0}
.glc{aspect-ratio:4/3}

/* ═══════════════════════ JACKPOT ══════════════════════════ */
.jp{
  margin:8px 12px 12px;border-radius:var(--radius);padding:22px 14px 24px;
  text-align:center;position:relative;overflow:hidden;
  background:linear-gradient(180deg,#141414,#0a0a0a);
  border:1px solid #252525;
}
.jp::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--green),transparent)}
.jp::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,252,0,.3),transparent)}
.jplbl{font-size:10px;color:var(--muted2);font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:13px}
.jpctr{display:flex;align-items:baseline;justify-content:center;gap:1px;margin-bottom:20px}
.nb{
  background:linear-gradient(180deg,#252525,#151515);
  color:var(--green);font-size:23px;font-weight:900;
  padding:5px 7px;border-radius:5px;min-width:28px;text-align:center;
  border:1px solid #2e2e2e;
  box-shadow:inset 0 -2px 0 #090909,0 3px 8px rgba(0,0,0,.6)
}
.sep{color:var(--green);font-size:22px;font-weight:900;margin:0 1px}
@keyframes nf{from{transform:translateY(-8px);opacity:.3}to{transform:translateY(0);opacity:1}}
.flip{animation:nf .3s cubic-bezier(.34,1.56,.64,1) forwards}
.jpbtn{
  background:linear-gradient(135deg,#5ec900,var(--green));
  color:#000;border:none;
  padding:13px 48px;border-radius:10px;font-size:14px;font-weight:800;cursor:pointer;
  box-shadow:0 4px 20px rgba(124,252,0,.35);transition:.2s
}
.jpbtn:active{transform:scale(.97)}

/* ═══════════════════════ BOTTOM NAV ══════════════════════ */
.bnav{
  position:fixed;bottom:0;left:0;width:100%;z-index:800;
  background:rgba(5,5,5,.97);border-top:1px solid #1a1a1a;
  display:flex;align-items:stretch;
  box-shadow:0 -4px 24px rgba(0,0,0,.8);
  backdrop-filter:blur(20px)
}
.nb2{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px 10px;gap:4px;font-size:9px;font-weight:700;color:var(--muted);cursor:pointer;text-transform:uppercase;border:none;background:transparent;transition:.2s}
.nb2 i{font-size:19px}
.nb2.on{color:var(--green)}
.nb2.on i{filter:drop-shadow(0 0 5px var(--green))}
.nbc{flex:1.2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;padding-bottom:10px}
.nbci{
  width:50px;height:50px;border-radius:14px;
  background:linear-gradient(135deg,#5ec900,var(--green));
  color:#000;display:flex;align-items:center;justify-content:center;
  font-size:22px;margin-top:-18px;
  box-shadow:0 0 20px rgba(124,252,0,.5),0 4px 14px rgba(0,0,0,.5);
  animation:gl 2.5s infinite
}
@keyframes gl{0%,100%{box-shadow:0 0 12px rgba(124,252,0,.4),0 4px 14px rgba(0,0,0,.5)}50%{box-shadow:0 0 28px rgba(124,252,0,.85),0 4px 14px rgba(0,0,0,.5)}}
.nbc span{font-size:9px;font-weight:700;color:var(--muted);text-transform:uppercase}

/* ═══════════════════════ AUTH PAGES ══════════════════════ */
.apage{
  min-height:100vh;padding-bottom:0 !important;
  background:radial-gradient(ellipse at 30% 0%,rgba(124,252,0,.06) 0%,transparent 60%),
             radial-gradient(ellipse at 80% 100%,rgba(124,252,0,.04) 0%,transparent 55%), #060606;
  display:flex;flex-direction:column
}
.atopbar{padding:14px 16px;display:flex;align-items:center;border-bottom:1px solid #161616}
.aback{width:36px;height:36px;border-radius:10px;background:#151515;border:1px solid #252525;display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;font-size:14px;transition:.2s}
.aback:hover{background:#222;color:#fff}
.ahero{padding:28px 22px 18px;text-align:center}
.alogo{font-family:var(--font-display);font-size:30px;font-weight:900;font-style:italic;background:linear-gradient(130deg,#ff7700,#FFB800);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(255,130,0,.5));display:block;margin-bottom:6px}
.ahero h2{font-size:22px;font-weight:800;margin-bottom:6px}
.ahero p{font-size:13px;color:var(--muted2)}
.ahero p a{color:var(--green);cursor:pointer;font-weight:700}
.abody{padding:4px 20px 40px;flex:1}
.fld{position:relative;margin-bottom:14px}
.fic{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#333;font-size:15px;pointer-events:none;transition:.2s;z-index:1}
.fld input{width:100%;padding:15px 46px;background:#0e0e0e;border:1.5px solid #252525;border-radius:12px;font-size:14px;color:#fff;outline:none;transition:.2s;-webkit-appearance:none}
.fld input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(124,252,0,.06)}
.fld input::placeholder{color:#2e2e2e}
.fld input:focus+.fic,.fld input:not(:placeholder-shown)+.fic{color:var(--green)}
.eye{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#2e2e2e;cursor:pointer;font-size:15px;transition:.2s;z-index:1}
.eye:hover{color:var(--muted2)}
.abtn{width:100%;padding:15px;margin-top:4px;background:linear-gradient(135deg,#5ec900,var(--green));color:#000;border:none;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 4px 22px rgba(124,252,0,.35);transition:.2s}
.abtn:active{transform:scale(.98)}
.abtn:disabled{opacity:.45;cursor:not-allowed}
.aerr,.aok{border-radius:10px;padding:10px 14px;font-size:12px;font-weight:600;display:none;margin-bottom:13px;align-items:center;gap:8px}
.aerr{background:rgba(255,68,68,.08);border:1px solid rgba(255,68,68,.3);color:var(--red)}
.aok{background:rgba(124,252,0,.07);border:1px solid rgba(124,252,0,.3);color:var(--green)}
.aerr.show,.aok.show{display:flex}
.chkrow{display:flex;align-items:flex-start;gap:10px;margin:12px 0 18px}
.chkbox{width:18px;height:18px;min-width:18px;border-radius:5px;border:2px solid #2e2e2e;background:#0e0e0e;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-top:1px;transition:.2s}
.chkbox.on{background:var(--green);border-color:var(--green)}
.chkbox.on::after{content:'✓';font-size:11px;font-weight:900;color:#000}
.chkrow span{font-size:11px;color:var(--muted2);line-height:1.5}
.chkrow span a{color:var(--green)}
.divtxt{display:flex;align-items:center;color:#222;font-size:12px;margin:18px 0}
.divtxt::before,.divtxt::after{content:'';flex:1;height:1px;background:#1a1a1a}
.divtxt span{padding:0 12px;color:#303030}
.socrow{display:flex;justify-content:center;gap:14px}
.sbtn{width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;border:1.5px solid #222;background:#0e0e0e;color:var(--muted);transition:.2s}
.sbtn:hover{border-color:#3a3a3a;color:#fff}

/* ═══════════════════════ TOAST ═══════════════════════════ */
.toast{
  position:fixed;top:68px;left:50%;transform:translateX(-50%) translateY(-20px);
  background:#161616;border:1px solid #2a2a2a;
  padding:12px 20px;border-radius:12px;
  display:flex;align-items:center;gap:10px;
  font-size:13px;font-weight:600;
  box-shadow:0 8px 30px rgba(0,0,0,.7);
  z-index:9999;pointer-events:none;
  opacity:0;transition:opacity .3s,transform .3s;max-width:88vw
}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ═══════════════════════ ADMIN ════════════════════════════ */
.admin-card{background:#0e0e0e;padding:16px;border-radius:var(--radius-sm);border:1px solid #222;margin-bottom:14px}
.admin-fld{background:#161616;border:1px solid #2a2a2a;color:#fff;padding:10px;border-radius:8px;width:100%;margin-bottom:10px;outline:none;font-size:13px}
.admin-fld:focus{border-color:var(--green)}


/* ══════════════════════════════════════════════════════════
   ██████╗ ██████╗  ██████╗ ███╗   ███╗ ██████╗
   ██╔══██╗██╔══██╗██╔═══██╗████╗ ████║██╔═══██╗
   ██████╔╝██████╔╝██║   ██║██╔████╔██║██║   ██║
   ██╔═══╝ ██╔══██╗██║   ██║██║╚██╔╝██║██║   ██║
   ██║     ██║  ██║╚██████╔╝██║ ╚═╝ ██║╚██████╔╝
   ╚═╝     ╚═╝  ╚═╝ ╚═════╝ ╚═╝     ╚═╝ ╚═════╝
   ══════════════════════════════════════════════════════════ */

/* ─── PROMO PAGE ─────────────────────────────────────────── */
.promo-page { background: var(--bg); min-height: 100vh; }

/* Hero banner */
.promo-hero {
  position: relative; overflow: hidden;
  padding: 22px 18px 20px;
  background: linear-gradient(135deg, #0a1400 0%, #0d1a00 50%, #060f00 100%);
  border-bottom: 1px solid #1a2200;
}
.promo-hero::before {
  content: ''; position: absolute; top: -40px; right: -40px;
  width: 180px; height: 180px;
  background: radial-gradient(circle, rgba(124,252,0,.18) 0%, transparent 70%);
  pointer-events: none;
}
.promo-hero-content { position: relative; z-index: 1; }
.promo-hero-label {
  font-size: 10px; font-weight: 700; letter-spacing: 2px;
  text-transform: uppercase; color: var(--green); opacity: .8; margin-bottom: 4px;
}
.promo-hero-title {
  font-family: var(--font-display);
  font-size: 32px; font-weight: 900; line-height: 1;
  color: #fff; letter-spacing: 1px; margin-bottom: 8px;
}
.promo-hero-title span { color: var(--green); }
.promo-hero-sub { font-size: 12px; color: #607a40; font-weight: 500; }
.promo-stats {
  display: flex; gap: 12px; margin-top: 16px;
}
.promo-stat {
  background: rgba(124,252,0,.06); border: 1px solid rgba(124,252,0,.15);
  border-radius: 9px; padding: 10px 14px; flex: 1;
}
.promo-stat-num {
  font-family: var(--font-display);
  font-size: 20px; font-weight: 900; color: var(--green); line-height: 1;
}
.promo-stat-label { font-size: 9px; color: #557030; font-weight: 600; text-transform: uppercase; margin-top: 2px; letter-spacing: .5px; }

/* Filter tabs */
.promo-filters { padding: 14px 14px 6px; display: flex; gap: 7px; overflow-x: auto; scrollbar-width: none; }
.promo-filters::-webkit-scrollbar { display: none; }
.pf-tab {
  white-space: nowrap; padding: 7px 16px; border-radius: 20px;
  font-size: 11px; font-weight: 700; cursor: pointer;
  background: var(--card2); border: 1px solid var(--border2); color: var(--muted2);
  transition: .2s; flex-shrink: 0;
}
.pf-tab.on {
  background: linear-gradient(135deg, rgba(124,252,0,.12), rgba(124,252,0,.06));
  border-color: rgba(124,252,0,.5); color: var(--green);
  box-shadow: 0 0 12px rgba(124,252,0,.12);
}

/* Featured promo card */
.promo-featured {
  margin: 10px 14px; border-radius: 18px; overflow: hidden;
  position: relative; cursor: pointer;
  border: 1px solid rgba(124,252,0,.2);
  box-shadow: 0 8px 32px rgba(0,0,0,.6), 0 0 0 1px rgba(124,252,0,.05);
}
.promo-featured-img {
  height: 165px;
  background: linear-gradient(135deg, #081500 0%, #143000 40%, #071200 100%);
  display: flex; align-items: center; justify-content: center;
  position: relative; overflow: hidden;
}
.promo-featured-img::before {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(ellipse at 70% 50%, rgba(124,252,0,.15) 0%, transparent 65%);
}
.promo-featured-emoji { font-size: 64px; z-index: 1; filter: drop-shadow(0 0 20px rgba(124,252,0,.3)); }
.promo-featured-badge {
  position: absolute; top: 12px; left: 12px; z-index: 2;
  background: var(--green); color: #000;
  font-size: 9px; font-weight: 900; padding: 4px 10px; border-radius: 6px;
  letter-spacing: .5px; text-transform: uppercase;
  box-shadow: 0 2px 10px rgba(124,252,0,.4);
}
.promo-featured-timer {
  position: absolute; top: 12px; right: 12px; z-index: 2;
  background: rgba(0,0,0,.7); border: 1px solid rgba(255,184,0,.3);
  border-radius: 7px; padding: 4px 10px;
  font-size: 10px; font-weight: 700; color: var(--gold);
  display: flex; align-items: center; gap: 4px;
  backdrop-filter: blur(10px);
}
.promo-featured-body {
  background: #0e0e0e; padding: 16px 16px 14px;
}
.promo-featured-title { font-size: 16px; font-weight: 800; color: #fff; margin-bottom: 5px; }
.promo-featured-desc { font-size: 12px; color: #666; line-height: 1.5; margin-bottom: 14px; }
.promo-featured-footer { display: flex; align-items: center; justify-content: space-between; }
.promo-min { font-size: 10px; color: #444; display: flex; flex-direction: column; gap: 1px; }
.promo-min span:first-child { color: #666; font-weight: 600; }
.promo-min strong { font-size: 13px; color: var(--gold); font-weight: 800; }
.promo-claim-btn {
  background: linear-gradient(135deg,#5ec900,var(--green));
  color: #000; border: none; padding: 10px 24px;
  border-radius: 10px; font-size: 12px; font-weight: 800;
  cursor: pointer; transition: .2s;
  box-shadow: 0 3px 14px rgba(124,252,0,.3);
}
.promo-claim-btn:active { transform: scale(.97); }

/* Regular promo cards */
.promo-section-title {
  padding: 10px 16px 6px;
  font-size: 11px; font-weight: 800; color: var(--muted2);
  text-transform: uppercase; letter-spacing: 1px;
  display: flex; align-items: center; gap: 8px;
}
.promo-section-title::before, .promo-section-title::after {
  content: ''; flex: 1; height: 1px; background: rgba(255,255,255,.05);
}
.promo-list { padding: 0 14px 14px; display: flex; flex-direction: column; gap: 10px; }
.pcard-v2 {
  background: var(--card); border-radius: var(--radius);
  border: 1px solid var(--border2); overflow: hidden;
  display: flex; cursor: pointer; transition: border-color .2s;
  box-shadow: 0 4px 16px rgba(0,0,0,.4);
}
.pcard-v2:active { opacity: .85; }
.pcard-v2:hover { border-color: rgba(124,252,0,.2); }
.pcard-thumb {
  width: 100px; flex-shrink: 0; display: flex; align-items: center;
  justify-content: center; font-size: 36px; position: relative; overflow: hidden;
}
.pcard-thumb-bg1 { background: linear-gradient(135deg, #0f1d00, #1a3300); }
.pcard-thumb-bg2 { background: linear-gradient(135deg, #140800, #2a1200); }
.pcard-thumb-bg3 { background: linear-gradient(135deg, #00111a, #002030); }
.pcard-thumb-bg4 { background: linear-gradient(135deg, #1a0010, #300020); }
.pcard-thumb::after {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(circle at center, rgba(255,255,255,.04), transparent);
}
.pcard-body { flex: 1; padding: 13px 13px 13px 14px; display: flex; flex-direction: column; gap: 4px; }
.pcard-tag {
  display: inline-flex; align-items: center;
  font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px;
  padding: 2px 8px; border-radius: 4px; width: fit-content;
}
.tag-deposit { background: rgba(255,184,0,.12); color: var(--gold); border: 1px solid rgba(255,184,0,.25); }
.tag-sports  { background: rgba(33,150,243,.12); color: #64b5f6; border: 1px solid rgba(33,150,243,.25); }
.tag-slots   { background: rgba(156,39,176,.12); color: #ce93d8; border: 1px solid rgba(156,39,176,.25); }
.tag-refer   { background: rgba(0,188,212,.12); color: #80deea; border: 1px solid rgba(0,188,212,.25); }
.pcard-title { font-size: 13px; font-weight: 800; color: #fff; line-height: 1.2; }
.pcard-desc  { font-size: 10px; color: #555; line-height: 1.4; }
.pcard-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 6px; }
.pcard-amount { font-size: 13px; font-weight: 800; color: var(--green); }
.pcard-btn {
  background: rgba(124,252,0,.08); color: var(--green);
  border: 1px solid rgba(124,252,0,.3); padding: 5px 14px;
  border-radius: 7px; font-size: 10px; font-weight: 800; cursor: pointer;
  transition: .2s;
}
.pcard-btn:hover { background: rgba(124,252,0,.15); }


/* ══════════════════════════════════════════════════════════
   ██████╗ ██████╗  ██████╗ ███████╗██╗██╗     ███████╗
   ██╔══██╗██╔══██╗██╔═══██╗██╔════╝██║██║     ██╔════╝
   ██████╔╝██████╔╝██║   ██║█████╗  ██║██║     █████╗
   ██╔═══╝ ██╔══██╗██║   ██║██╔══╝  ██║██║     ██╔══╝
   ██║     ██║  ██║╚██████╔╝██║     ██║███████╗███████╗
   ╚═╝     ╚═╝  ╚═╝ ╚═════╝ ╚═╝     ╚═╝╚══════╝╚══════╝
   ══════════════════════════════════════════════════════════ */

/* ─── ACCOUNT PAGE WRAPPER ──────────────────────────────── */
.acpage {
  min-height: 100vh; padding-bottom: 0 !important;
  background: var(--bg); color: #fff;
}

/* ─── ACCOUNT HEADER ────────────────────────────────────── */
.ac-topbar {
  background: rgba(5,5,5,.95); backdrop-filter: blur(20px);
  padding: 14px 18px; display: flex; align-items: center;
  justify-content: space-between; border-bottom: 1px solid #161616;
  position: sticky; top: 0; z-index: 10;
}
.ac-topbar .bk {
  width: 36px; height: 36px; border-radius: 10px;
  background: #141414; border: 1px solid #222;
  display: flex; align-items: center; justify-content: center;
  color: var(--muted2); cursor: pointer; font-size: 14px; transition: .2s;
}
.ac-topbar .bk:hover { background: #1e1e1e; color: #fff; }
.ac-topbar h1 { font-size: 16px; font-weight: 800; flex: 1; text-align: center; padding-right: 36px; }
.ac-support-btn {
  display: flex; align-items: center; gap: 6px;
  background: rgba(124,252,0,.07); border: 1px solid rgba(124,252,0,.2);
  color: var(--green); border-radius: 8px; padding: 5px 10px;
  font-size: 10px; font-weight: 700; cursor: pointer; transition: .2s;
}
.ac-support-btn:hover { background: rgba(124,252,0,.13); }

/* ─── HERO / PROFILE CARD ──────────────────────────────── */
.ac-hero {
  padding: 0 14px 16px;
  background: linear-gradient(180deg, #0a1400 0%, var(--bg) 100%);
  position: relative; overflow: hidden;
}
.ac-hero::before {
  content: ''; position: absolute; top: 0; right: -20px;
  width: 200px; height: 200px;
  background: radial-gradient(circle, rgba(124,252,0,.08) 0%, transparent 70%);
  pointer-events: none;
}
.ac-hero::after {
  content: ''; position: absolute; bottom: 0; left: 0; right: 0;
  height: 1px; background: linear-gradient(90deg, transparent, rgba(124,252,0,.15), transparent);
}

/* Sign-in strip */
.signin-strip {
  background: linear-gradient(135deg, rgba(255,184,0,.08), rgba(255,184,0,.04));
  border: 1px solid rgba(255,184,0,.15); border-radius: 10px;
  padding: 10px 14px; margin-top: 14px; margin-bottom: 16px;
  display: flex; align-items: center; justify-content: space-between; cursor: pointer;
}
.signin-strip-left { display: flex; align-items: center; gap: 10px; }
.signin-icon {
  width: 34px; height: 34px; border-radius: 9px;
  background: rgba(255,184,0,.1); border: 1px solid rgba(255,184,0,.2);
  display: flex; align-items: center; justify-content: center;
  color: var(--gold); font-size: 15px;
}
.signin-text { font-size: 12px; font-weight: 700; color: var(--gold); }
.signin-sub  { font-size: 10px; color: #6a5000; margin-top: 1px; }
.signin-streak {
  background: rgba(255,184,0,.12); border: 1px solid rgba(255,184,0,.25);
  border-radius: 6px; padding: 4px 10px; text-align: center;
}
.signin-streak-num { font-family: var(--font-display); font-size: 18px; font-weight: 900; color: var(--gold); line-height: 1; }
.signin-streak-label { font-size: 8px; color: #6a5000; font-weight: 700; text-transform: uppercase; }

/* Avatar row */
.ac-avatar-row {
  display: flex; align-items: flex-end; gap: 14px;
  padding-top: 4px;
}
.ac-avatar-wrap { position: relative; }
.ac-avatar {
  width: 74px; height: 74px; border-radius: 50%;
  background: linear-gradient(135deg, #5ec900, #3a8000);
  display: flex; align-items: center; justify-content: center;
  font-size: 26px; font-weight: 900; color: #000;
  border: 3px solid #000; position: relative; z-index: 1;
  box-shadow: 0 0 0 2px rgba(124,252,0,.4), 0 0 20px rgba(124,252,0,.25);
}
.ac-avatar-ring {
  position: absolute; inset: -6px; border-radius: 50%;
  border: 1.5px solid rgba(124,252,0,.2);
  animation: ring-spin 6s linear infinite;
}
.ac-avatar-ring::before {
  content: ''; position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
  width: 6px; height: 6px; background: var(--green); border-radius: 50%;
  box-shadow: 0 0 6px var(--green);
}
@keyframes ring-spin { to { transform: rotate(360deg); } }
.ac-online-dot {
  position: absolute; bottom: 3px; right: 3px; z-index: 2;
  width: 13px; height: 13px; background: #00e676; border-radius: 50%;
  border: 2px solid #000; box-shadow: 0 0 6px rgba(0,230,118,.6);
}
.ac-user-info { flex: 1; padding-bottom: 4px; }
.ac-vip-badge {
  display: inline-flex; align-items: center; gap: 5px;
  background: linear-gradient(135deg, #2a2200, #1a1500);
  border: 1px solid rgba(255,184,0,.3); color: var(--gold);
  font-size: 9px; font-weight: 800; padding: 3px 10px;
  border-radius: 10px; text-transform: uppercase; letter-spacing: .5px;
  margin-bottom: 7px;
  box-shadow: 0 0 10px rgba(255,184,0,.1);
}
.ac-username { font-size: 19px; font-weight: 800; color: #fff; letter-spacing: .3px; }
.ac-uid {
  font-size: 10px; color: #3a3a3a; margin-top: 3px;
  font-family: monospace; display: flex; align-items: center; gap: 5px;
}
.ac-uid-copy { color: var(--muted); cursor: pointer; font-size: 9px; }

/* VIP Progress */
.ac-vip-progress { margin-top: 16px; }
.ac-vip-progress-header {
  display: flex; justify-content: space-between; align-items: center; margin-bottom: 7px;
}
.ac-vip-progress-label { font-size: 10px; color: var(--muted2); font-weight: 600; }
.ac-vip-progress-val { font-size: 10px; color: var(--gold); font-weight: 700; }
.ac-progress-track {
  height: 5px; background: #1a1a1a; border-radius: 3px; overflow: hidden;
  border: 1px solid #2a2a2a;
}
.ac-progress-fill {
  height: 100%; width: 22%;
  background: linear-gradient(90deg, #FFB800, #ffd54f);
  border-radius: 3px;
  box-shadow: 0 0 6px rgba(255,184,0,.4);
  animation: prog-in .8s ease-out .2s both;
}
@keyframes prog-in { from { width: 0; } to { width: 22%; } }
.ac-vip-next { font-size: 9px; color: #3a3a3a; margin-top: 5px; }
.ac-vip-next span { color: #505050; }

/* ─── BALANCE CARD ──────────────────────────────────────── */
.ac-balance-card {
  margin: 14px 14px 0;
  background: linear-gradient(135deg, #0e1a00, #111d00);
  border: 1px solid rgba(124,252,0,.18);
  border-radius: var(--radius);
  padding: 18px 18px 16px;
  position: relative; overflow: hidden;
  box-shadow: 0 6px 24px rgba(0,0,0,.5), inset 0 1px 0 rgba(124,252,0,.08);
}
.ac-balance-card::before {
  content: ''; position: absolute; top: -30px; right: -30px;
  width: 120px; height: 120px;
  background: radial-gradient(circle, rgba(124,252,0,.12) 0%, transparent 70%);
  pointer-events: none;
}
.ac-balance-label {
  font-size: 10px; color: rgba(124,252,0,.5); font-weight: 700;
  text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 6px;
}
.ac-balance-amount {
  font-family: var(--font-display);
  font-size: 40px; font-weight: 900; color: var(--green); line-height: 1;
  text-shadow: 0 0 20px rgba(124,252,0,.2);
  display: flex; align-items: baseline; gap: 6px;
}
.ac-balance-amount .currency { font-size: 22px; color: rgba(124,252,0,.7); font-weight: 700; }
.ac-balance-refresh {
  position: absolute; top: 16px; right: 16px;
  width: 36px; height: 36px; border-radius: 10px;
  background: rgba(124,252,0,.08); border: 1px solid rgba(124,252,0,.2);
  display: flex; align-items: center; justify-content: center;
  color: var(--green); cursor: pointer; transition: .2s; font-size: 14px;
}
.ac-balance-refresh:hover { background: rgba(124,252,0,.15); }
.ac-balance-sub {
  font-size: 10px; color: rgba(124,252,0,.35); margin-top: 5px;
}

/* ─── ACTION BUTTONS ────────────────────────────────────── */
.ac-action-row { display: flex; gap: 8px; padding: 12px 14px 0; }
.ac-action-btn {
  flex: 1; display: flex; flex-direction: column; align-items: center;
  gap: 7px; padding: 13px 8px; border-radius: var(--radius-sm);
  background: var(--card2); border: 1px solid var(--border2);
  cursor: pointer; transition: .2s;
}
.ac-action-btn:hover { background: #1e1e1e; border-color: rgba(124,252,0,.25); }
.ac-action-btn:active { transform: scale(.95); }
.ac-action-icon {
  width: 40px; height: 40px; border-radius: 11px;
  display: flex; align-items: center; justify-content: center;
  font-size: 18px;
}
.ac-action-label { font-size: 10px; font-weight: 700; color: #aaa; }

/* ─── STATS ROW ─────────────────────────────────────────── */
.ac-stats-row {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 8px; padding: 12px 14px 0;
}
.ac-stat-box {
  background: var(--card); border: 1px solid var(--border);
  border-radius: var(--radius-sm); padding: 12px 10px;
  text-align: center;
}
.ac-stat-num {
  font-family: var(--font-display);
  font-size: 18px; font-weight: 900; color: #fff; line-height: 1;
}
.ac-stat-lbl { font-size: 8px; color: var(--muted); font-weight: 700; text-transform: uppercase; margin-top: 4px; letter-spacing: .3px; }

/* ─── MEMBER CENTER ─────────────────────────────────────── */
.mc-header {
  padding: 18px 16px 6px;
  display: flex; align-items: center; gap: 10px;
}
.mc-header-line {
  flex: 1; height: 1px;
  background: linear-gradient(90deg, rgba(255,255,255,.06), transparent);
}
.mc-header-text {
  font-size: 10px; font-weight: 800; color: var(--muted);
  text-transform: uppercase; letter-spacing: 1.5px; white-space: nowrap;
}

.mc-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 6px; padding: 4px 14px 0;
}
.mc-item {
  display: flex; flex-direction: column; align-items: center;
  gap: 8px; cursor: pointer; transition: .2s; padding: 10px 4px 8px;
  border-radius: var(--radius-sm);
}
.mc-item:hover { background: rgba(255,255,255,.025); }
.mc-item:active { transform: scale(.92); }
.mc-icon {
  width: 50px; height: 50px; border-radius: 14px;
  background: var(--card); border: 1px solid var(--border2);
  display: flex; align-items: center; justify-content: center;
  font-size: 21px; transition: .2s;
  box-shadow: 0 3px 12px rgba(0,0,0,.4);
}
.mc-item:hover .mc-icon {
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(0,0,0,.5);
}
.mc-label { font-size: 9.5px; color: #bbb; font-weight: 600; text-align: center; line-height: 1.2; }

/* ─── TRANSACTION PREVIEW ───────────────────────────────── */
.txn-section { padding: 14px 14px 0; }
.txn-header {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: 10px;
}
.txn-title { font-size: 12px; font-weight: 800; color: #ddd; }
.txn-see-all {
  font-size: 10px; color: var(--green); font-weight: 700;
  background: rgba(124,252,0,.06); border: 1px solid rgba(124,252,0,.2);
  padding: 3px 10px; border-radius: 6px; cursor: pointer;
}
.txn-empty {
  background: var(--card); border: 1px solid var(--border);
  border-radius: var(--radius-sm); padding: 24px 16px;
  text-align: center;
}
.txn-empty-icon { font-size: 30px; margin-bottom: 8px; opacity: .3; }
.txn-empty-text { font-size: 11px; color: var(--muted); font-weight: 500; }

/* ─── LOGOUT BUTTON ─────────────────────────────────────── */
.ac-logout-btn {
  margin: 18px 14px 30px;
  width: calc(100% - 28px);
  background: transparent;
  border: 1.5px solid rgba(255,68,68,.3);
  color: var(--red); padding: 14px;
  border-radius: var(--radius-sm); font-size: 14px; font-weight: 800;
  cursor: pointer; transition: .2s;
  display: flex; justify-content: center; align-items: center; gap: 9px;
}
.ac-logout-btn:hover {
  background: rgba(255,68,68,.07);
  border-color: rgba(255,68,68,.6);
}
.ac-logout-btn:active { transform: scale(.98); }

/* ─── NOT LOGGED IN STATE ───────────────────────────────── */
.ac-guest {
  padding: 80px 20px; text-align: center;
  background: var(--bg); min-height: 100vh;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.ac-guest-icon {
  width: 90px; height: 90px; border-radius: 50%;
  background: #111; border: 1px solid #1e1e1e;
  display: flex; align-items: center; justify-content: center;
  font-size: 36px; color: #2a2a2a; margin: 0 auto 18px;
}
.ac-guest p { color: var(--muted2); font-size: 14px; margin-bottom: 22px; font-weight: 500; }



/* ===== App forms/admin/detail views ===== */
.hide{display:none!important}.text-muted{color:var(--muted2)}.tiny{font-size:10px;color:var(--muted2)}
.msg{margin:10px 14px;padding:11px 13px;border-radius:12px;border:1px solid rgba(124,252,0,.25);background:rgba(124,252,0,.06);color:var(--green);font-size:12px;font-weight:700}.msg.err{border-color:rgba(255,68,68,.3);background:rgba(255,68,68,.07);color:var(--red)}
.form-card{margin:14px;background:var(--card);border:1px solid var(--border2);border-radius:var(--radius);padding:15px;box-shadow:0 6px 22px rgba(0,0,0,.45)}
.form-card h3{font-size:16px;margin-bottom:6px}.form-card p{font-size:11px;color:var(--muted2);line-height:1.5;margin-bottom:12px}
.form-row{margin-bottom:12px}.form-row label{display:block;font-size:11px;font-weight:800;color:var(--muted2);text-transform:uppercase;margin-bottom:7px;letter-spacing:.4px}.form-row input,.form-row select,.form-row textarea{width:100%;height:46px;border:1px solid var(--border2);background:#0d0d0d;color:#fff;border-radius:12px;padding:0 13px;outline:none;font-size:13px}.form-row textarea{height:82px;padding:12px;resize:vertical}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(124,252,0,.06)}
.full-btn{width:100%;height:48px;border:0;border-radius:12px;background:linear-gradient(135deg,#5ec900,var(--green));color:#000;font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 4px 20px rgba(124,252,0,.25)}.full-btn:active{transform:scale(.98)}.danger-btn{background:rgba(255,68,68,.08);border:1px solid rgba(255,68,68,.35);color:var(--red);box-shadow:none}.gold-btn{background:linear-gradient(135deg,#ef9f00,var(--gold));color:#000}
.method-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:10px 0 14px}.method-card{border:1px solid var(--border2);background:#101010;border-radius:13px;padding:12px;position:relative}.method-card input{position:absolute;opacity:0}.method-card:has(input:checked){border-color:var(--green);box-shadow:0 0 0 2px rgba(124,252,0,.07)}.method-name{font-size:13px;font-weight:900}.method-num{font-size:11px;color:var(--gold);margin-top:5px;word-break:break-all}.method-country{font-size:9px;color:var(--muted);text-transform:uppercase;margin-top:4px}
.txn-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.txn-card{background:#101010;border:1px solid var(--border);border-radius:12px;padding:11px 12px;display:flex;justify-content:space-between;gap:10px;align-items:center}.txn-card b{font-size:12px}.txn-card small{display:block;color:var(--muted2);font-size:10px;margin-top:3px}.status{font-size:9px;font-weight:900;text-transform:uppercase;padding:4px 8px;border-radius:20px;border:1px solid var(--border2);white-space:nowrap}.status-pending{color:var(--gold);border-color:rgba(255,184,0,.35);background:rgba(255,184,0,.08)}.status-approved,.status-success{color:var(--green);border-color:rgba(124,252,0,.35);background:rgba(124,252,0,.08)}.status-rejected{color:var(--red);border-color:rgba(255,68,68,.35);background:rgba(255,68,68,.08)}
.img-game{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.78}.gc .gic.has-img{opacity:1}.gc .name{position:absolute;bottom:28px;left:8px;right:8px;z-index:2;font-size:10px;text-align:center;font-weight:800;color:#fff;text-shadow:0 1px 6px #000}.cat-section{display:block}.section-hidden{display:none!important}
.banner-img{background-size:cover;background-position:center}.banner-img .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.08));}.banner-copy{z-index:2;text-align:left;width:100%;padding-left:22px}.banner-copy h2{font-size:22px;color:var(--green);font-weight:900}.banner-copy p{font-size:11px;color:#b7c7a6;margin-top:4px}
.admin-wrap{max-width:1180px;margin:0 auto;padding:14px}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.admin-title{font-family:var(--font-display);font-size:30px;font-weight:900;color:var(--green)}.admin-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-tabs{display:flex;gap:8px;overflow-x:auto;padding:0 0 14px}.admin-tab{border:1px solid var(--border2);background:var(--card2);color:var(--muted2);border-radius:999px;padding:10px 16px;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap}.admin-tab.on{border-color:var(--green);color:var(--green);background:rgba(124,252,0,.08)}.admin-panel{display:none}.admin-panel.on{display:block}.admin-card2{background:#0e0e0e;border:1px solid var(--border2);border-radius:16px;padding:14px;margin-bottom:12px}.admin-card2 h3{font-size:15px;margin-bottom:9px}.admin-req{border:1px solid var(--border);background:#111;border-radius:14px;padding:12px;margin-bottom:10px}.admin-req.pending{border-color:rgba(255,184,0,.2)}.admin-req-top{display:flex;justify-content:space-between;gap:8px;margin-bottom:9px}.admin-req-meta{font-size:11px;color:#aaa;line-height:1.7}.admin-action-form{margin-top:10px}.admin-action-form input{height:38px;margin-bottom:8px}.admin-btn-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.approve-btn,.reject-btn,.mini-btn{height:38px;border:0;border-radius:9px;font-weight:900;cursor:pointer}.approve-btn{background:linear-gradient(135deg,#5ec900,var(--green));color:#000}.reject-btn{background:rgba(255,68,68,.09);border:1px solid rgba(255,68,68,.4);color:var(--red)}.mini-btn{background:#181818;border:1px solid var(--border2);color:#fff;padding:0 12px}.admin-table{width:100%;border-collapse:collapse;font-size:12px}.admin-table th,.admin-table td{border-bottom:1px solid #1d1d1d;padding:10px 8px;text-align:left;vertical-align:top}.admin-table th{color:var(--muted2);font-size:10px;text-transform:uppercase}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.stat-card{background:#101010;border:1px solid var(--border2);border-radius:14px;padding:13px}.stat-card b{font-size:20px;color:var(--green);display:block}.stat-card span{font-size:10px;color:var(--muted2);text-transform:uppercase;font-weight:800}
.clean-link{color:var(--green);font-weight:800;cursor:pointer}.select-inline{display:flex;gap:8px}.select-inline>*{flex:1}.install-box{max-width:720px;margin:40px auto;background:#101010;border:1px solid var(--border2);border-radius:18px;padding:22px;color:#fff}.install-box pre{white-space:pre-wrap;background:#050505;border:1px solid #222;padding:12px;border-radius:12px;color:#9f9;margin-top:12px}.install-box code{color:var(--gold)}
@media(min-width:760px){body{background:#050505}.page:not(.admin-page){max-width:430px;margin:0 auto;border-left:1px solid #161616;border-right:1px solid #161616}.bnav{left:50%;transform:translateX(-50%);max-width:430px}.toast{max-width:420px}.banner{height:175px}.grid.g3{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.admin-grid-two{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.admin-title{font-size:24px}.admin-table{font-size:11px}.admin-table th:nth-child(4),.admin-table td:nth-child(4){display:none}.method-list{grid-template-columns:1fr}}


/* CK444 professional fixes */
.brand-left{display:flex;align-items:center;gap:10px}.brand-dot{font-size:9px;font-weight:900;color:#000;background:var(--green);border-radius:999px;padding:3px 7px;box-shadow:0 0 12px rgba(124,252,0,.35)}
.clean-banner{background-size:cover!important;background-position:center!important}.clean-banner::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.25),transparent 40%,rgba(0,0,0,.15))}.banner-copy,.shade{display:none!important}.empty-wide{grid-column:1/-1;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;text-align:center;color:var(--muted2)}
.pro-action i{color:var(--green);font-size:16px}.pro-action.gold i{color:var(--gold)}.game-card-pro .img-game,.provider-card .img-game{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;transform:scale(1.01);transition:.25s}.game-card-pro:hover .img-game,.provider-card:hover .img-game{transform:scale(1.08)}.gc .name{position:absolute;left:7px;right:7px;bottom:28px;text-align:center;font-size:10px;font-weight:900;color:#fff;z-index:2;text-shadow:0 2px 8px #000}.provider-grid{padding-bottom:88px}.provider-card{aspect-ratio:16/8}.provider-card::after{background:linear-gradient(to bottom,rgba(0,0,0,.15),rgba(0,0,0,.82))}.provider-card .prov{bottom:8px}
.wallet-hero{margin:12px 14px;border-radius:18px;padding:18px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#0e1a00,#162600);border:1px solid rgba(124,252,0,.22);box-shadow:0 8px 30px rgba(0,0,0,.45)}.wallet-hero.withdraw{background:linear-gradient(135deg,#1a1200,#261c00);border-color:rgba(255,184,0,.25)}.wallet-hero small{display:block;text-transform:uppercase;letter-spacing:1.5px;font-size:10px;color:rgba(124,252,0,.6);font-weight:800}.wallet-hero.withdraw small{color:rgba(255,184,0,.65)}.wallet-hero strong{display:block;margin-top:5px;font-family:var(--font-display);font-size:38px;color:var(--green);line-height:1}.wallet-hero.withdraw strong{color:var(--gold)}.wallet-hero p{font-size:11px;color:#71805d;margin-top:6px}.wallet-hero i{font-size:42px;color:rgba(124,252,0,.22)}.wallet-hero.withdraw i{color:rgba(255,184,0,.25)}
.pro-form{margin:12px 14px 88px;background:#0e0e0e;border:1px solid #222;border-radius:18px;padding:16px;box-shadow:0 8px 30px rgba(0,0,0,.35)}.pro-form h3{margin:0 0 4px;font-size:17px}.muted-line{font-size:11px;color:#666;margin:0 0 14px}.compact-methods{display:grid;grid-template-columns:1fr;gap:9px;margin-bottom:14px}.option-grid{grid-template-columns:repeat(2,1fr)}.method-card.dark{display:flex;gap:12px;align-items:center;border:1px solid #272727;background:#141414;border-radius:14px;padding:13px;position:relative;cursor:pointer;transition:.2s}.method-card.dark:hover{border-color:rgba(124,252,0,.35);background:#181818}.method-card.dark input{position:absolute;opacity:0}.method-card.dark:has(input:checked){border-color:var(--green);box-shadow:0 0 0 1px rgba(124,252,0,.25),0 0 18px rgba(124,252,0,.08)}.method-icon-big{width:42px;height:42px;border-radius:12px;background:rgba(124,252,0,.08);display:grid;place-items:center;color:var(--green);flex:0 0 auto}.method-name{font-size:13px;font-weight:900;color:#fff}.method-num{font-size:13px;color:var(--green);font-weight:800;margin-top:2px}.method-country{font-size:10px;color:#666;margin-top:2px}.rule-strip{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.rule-strip span{font-size:10px;font-weight:800;color:var(--gold);background:rgba(255,184,0,.08);border:1px solid rgba(255,184,0,.18);padding:6px 9px;border-radius:999px}.gold-btn{background:linear-gradient(135deg,#d89d00,#ffbd26)!important;color:#000!important}.select-inline{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-row{margin-bottom:12px}.form-row label{display:block;font-size:11px;font-weight:800;color:#8b8b8b;margin-bottom:6px}.form-row input,.form-row select,.form-row textarea{width:100%;border:1px solid #292929;background:#121212;color:#fff;border-radius:11px;padding:12px;outline:none}.form-row textarea{min-height:88px;resize:vertical}.full-btn{width:100%;border:0;border-radius:12px;background:linear-gradient(135deg,#5ec900,var(--green));color:#000;font-weight:900;padding:13px 16px;cursor:pointer;text-decoration:none}.msg{margin:12px 0 0;padding:12px;border-radius:10px;background:rgba(124,252,0,.08);border:1px solid rgba(124,252,0,.22);color:var(--green);font-size:12px;font-weight:700}.msg.err{background:rgba(255,68,68,.08);border-color:rgba(255,68,68,.25);color:var(--red)}
.country-label{display:block;font-size:11px;font-weight:800;color:#777;margin:0 0 6px}.country-select-pro{width:100%;border:1.5px solid #252525;background:#0e0e0e;color:#fff;border-radius:12px;padding:12px 14px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.country-select-pro span{display:flex;align-items:center;gap:9px}.country-select-pro b{font-size:14px}.country-select-pro small{font-size:12px;color:var(--green);font-weight:900}.phone-with-code span{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:13px;font-weight:900;color:var(--green);z-index:2}.phone-with-code input{padding-left:80px}.phone-with-code .fic{left:54px}.country-modal-pro{position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:9999;display:none;align-items:flex-end}.country-modal-pro.show{display:flex}.country-sheet-pro{width:100%;max-height:75vh;background:#0e0e0e;border:1px solid #242424;border-radius:22px 22px 0 0;padding:15px;box-shadow:0 -20px 60px rgba(0,0,0,.7)}.country-head-pro{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.country-head-pro h3{font-size:16px;margin:0}.country-head-pro button{width:34px;height:34px;border-radius:10px;border:1px solid #2a2a2a;background:#151515;color:#aaa;font-size:22px}.country-search-pro{width:100%;padding:13px;border-radius:12px;border:1px solid #292929;background:#151515;color:#fff;margin-bottom:10px}.country-list-pro{display:flex;flex-direction:column;gap:8px;overflow:auto;max-height:52vh}.country-list-pro button{background:#141414;border:1px solid #262626;color:#fff;border-radius:12px;padding:12px;display:flex;align-items:center;justify-content:space-between}.country-list-pro span{display:flex;flex-direction:column;text-align:left}.country-list-pro small{color:#666;font-size:10px}.country-list-pro strong{color:var(--green)}
.txn-card{display:grid;grid-template-columns:1fr auto;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:8px}.txn-card small{display:block;color:#666;font-size:10px;margin-top:4px}.status{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;text-transform:uppercase}.status-success,.status-approved{background:rgba(124,252,0,.1);color:var(--green)}.status-pending{background:rgba(255,184,0,.12);color:var(--gold)}.status-rejected{background:rgba(255,68,68,.12);color:var(--red)}
.admin-page{padding-bottom:0}.admin-wrap{max-width:1280px;margin:0 auto;padding:18px}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.admin-title{font-family:var(--font-display);font-size:32px;font-weight:900;color:var(--green)}.tiny{font-size:11px;color:#777}.mini-btn,.admin-tab{border:1px solid #2a2a2a;background:#121212;color:#ddd;border-radius:10px;padding:10px 13px;font-weight:800;text-decoration:none;cursor:pointer}.mini-btn:hover,.admin-tab.on{border-color:var(--green);color:var(--green);background:rgba(124,252,0,.06)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.stat-card{background:#101010;border:1px solid #222;border-radius:16px;padding:16px}.stat-card b{display:block;font-size:24px;color:#fff}.stat-card span{font-size:10px;color:#777;text-transform:uppercase;font-weight:900}.admin-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:14px}.admin-panel{display:none}.admin-panel.on{display:block}.admin-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-card2{background:#0e0e0e;border:1px solid #222;border-radius:18px;padding:16px;margin-bottom:14px}.admin-card2 h3{margin:0 0 14px;font-size:16px}.admin-req{background:#141414;border:1px solid #282828;border-radius:14px;padding:12px;margin-bottom:10px}.admin-req-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.admin-req small{color:#777}.admin-req-meta{font-size:12px;line-height:1.8;color:#aaa;margin-top:10px}.admin-action-form{margin-top:10px}.admin-fld{background:#101010;border:1px solid #2a2a2a;color:#fff;border-radius:10px;padding:11px;width:100%;margin-bottom:8px}.admin-btn-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.approve-btn,.reject-btn{border:0;border-radius:10px;padding:10px;font-weight:900;cursor:pointer}.approve-btn{background:linear-gradient(135deg,#5ec900,var(--green));color:#000}.reject-btn{background:rgba(255,68,68,.12);border:1px solid rgba(255,68,68,.28);color:var(--red)}.admin-table{width:100%;border-collapse:collapse;min-width:760px}.admin-table th,.admin-table td{border-bottom:1px solid #222;padding:10px;text-align:left;font-size:12px}.admin-table th{color:var(--green);font-size:10px;text-transform:uppercase}.admin-game-img{width:54px;height:70px;object-fit:cover;border-radius:8px}.user-cards-admin{display:flex;flex-direction:column;gap:8px}.user-detail{background:#141414;border:1px solid #282828;border-radius:14px;padding:12px}.user-detail summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px}.user-detail summary small{display:block;color:#777;margin-top:3px}.user-detail summary strong{color:var(--green)}.user-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.user-detail-grid p{background:#101010;border:1px solid #242424;border-radius:10px;padding:10px;margin:0;font-size:12px;color:#aaa}.user-detail-grid b{color:#fff}
.install-box{max-width:560px;margin:70px auto;padding:20px;border-radius:18px;background:#0e0e0e;border:1px solid #222;color:#fff}.text-muted{color:#777}.bnav{z-index:900}
@media(max-width:900px){.stat-grid{grid-template-columns:repeat(2,1fr)}.admin-grid-two{grid-template-columns:1fr}.user-detail-grid{grid-template-columns:1fr 1fr}.admin-wrap{padding:12px}.admin-title{font-size:26px}}
@media(max-width:520px){.option-grid,.select-inline{grid-template-columns:1fr}.wallet-hero strong{font-size:32px}.banner{height:145px}.user-detail-grid{grid-template-columns:1fr}.admin-top{align-items:flex-start}.stat-grid{grid-template-columns:1fr 1fr}.mc-grid{grid-template-columns:repeat(3,1fr)}}


/* Final betting-site polish */
.logo{font-size:26px;letter-spacing:1.3px;text-transform:uppercase}.brand-left{display:flex;align-items:center;gap:8px}.clean-banner{background-size:cover;background-position:center}.game-card-pro .name{position:absolute;left:7px;right:7px;bottom:28px;z-index:3;font-size:10px;font-weight:900;color:#fff;text-align:center;text-shadow:0 1px 8px #000}.img-game{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;transition:transform .25s}.game-card-pro:hover .img-game,.provider-card:hover .img-game{transform:scale(1.04)}.wallet-hero{background:linear-gradient(135deg,#0b1f00,#111800 55%,#101010);border:1px solid rgba(124,252,0,.22);box-shadow:0 10px 30px rgba(0,0,0,.48)}.wallet-hero i{color:var(--green);filter:drop-shadow(0 0 12px rgba(124,252,0,.35))}.wallet-hero.withdraw{background:linear-gradient(135deg,#1b1400,#111800 55%,#101010);border-color:rgba(255,184,0,.22)}.wallet-hero.withdraw i{color:var(--gold)}.deposit-required-modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;z-index:9998;padding:18px;backdrop-filter:blur(10px)}.deposit-required-modal.show{display:flex}.deposit-required-card{width:min(360px,94vw);background:linear-gradient(180deg,#151515,#0b0b0b);border:1px solid rgba(124,252,0,.24);border-radius:22px;padding:24px 18px 18px;text-align:center;position:relative;box-shadow:0 20px 70px rgba(0,0,0,.8)}.deposit-close{position:absolute;right:12px;top:10px;width:32px;height:32px;border:none;border-radius:50%;background:#222;color:#aaa;font-size:22px;cursor:pointer}.deposit-icon{width:72px;height:72px;margin:0 auto 14px;border-radius:20px;background:linear-gradient(135deg,#5ec900,var(--green));display:flex;align-items:center;justify-content:center;color:#000;font-size:30px;box-shadow:0 0 26px rgba(124,252,0,.38)}.deposit-required-card h3{font-size:22px;margin:0 0 8px;font-weight:900}.deposit-required-card p{font-size:13px;color:#aaa;margin:0 0 18px}.promo-featured-title,.pcard-title{letter-spacing:.1px}.admin-top .tiny{color:#8b8b8b}.country-select-pro{background:#0e0e0e;border:1.5px solid #252525;color:#fff}.method-card.dark{background:linear-gradient(180deg,#141414,#0d0d0d)}
