*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#f0f4f8;--bg-card:#fff;--bg-input:#f7f9fc;--bg-input2:#eef2f7;
  --accent:#2563eb;--accent-light:#dbeafe;
  --accent2:#f97316;--accent2-light:#ffedd5;
  --text:#1e293b;--text-muted:#64748b;--text-light:#94a3b8;
  --danger:#ef4444;--danger-light:#fee2e2;
  --success:#16a34a;--success-light:#dcfce7;
  --warning:#d97706;--warning-light:#fef3c7;
  --border:#e2e8f0;--border2:#cbd5e1;
  --purple:#7c3aed;--purple-light:#ede9fe;
  --tumbok:#1d4ed8;--tumbok-light:#dbeafe;
  --sahod:#0891b2;--sahod-light:#cffafe;
  --gitnaan:#7c3aed;--gitnaan-light:#ede9fe;
  --shadow-sm:0 1px 3px rgba(0,0,0,.07);
  --shadow:0 4px 16px rgba(0,0,0,.09);
  --shadow-lg:0 8px 32px rgba(0,0,0,.13);
  --radius:14px;--radius-sm:8px;--radius-lg:20px
}
body{font-family:'Segoe UI',system-ui,sans-serif;background:var(--bg-input2);color:var(--text)}
.wrap{width:100%;max-width:450px;min-height:100vh;margin:0 auto;background:var(--bg);box-shadow:var(--shadow-lg);position:relative;padding-bottom:80px}
/* ── Top Nav ── */
.topnav{background:#fff;padding:0 16px;height:58px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 1px 0 var(--border),var(--shadow-sm)}
.topnav-left{display:flex;align-items:center;gap:12px}
.topnav h2{font-size:1rem;font-weight:700;color:var(--text)}
.menu-btn{width:38px;height:38px;background:var(--bg-input2);border:none;border-radius:12px;color:var(--text);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}
.menu-btn:hover{background:var(--border)}
.topnav-player{display:flex;align-items:center;min-width:0}
.tnp-name{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--accent-light),var(--purple-light));border:1.5px solid rgba(37,99,235,.18);border-radius:13px;padding:6px 13px 6px 9px;max-width:210px}
.tnp-name>i{font-size:1.15rem;color:var(--purple);flex-shrink:0}
.tnp-text{display:flex;flex-direction:column;gap:0;min-width:0;overflow:hidden}
.tnp-welcome{font-size:.58rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;line-height:1.3;opacity:.7}
.tnp-username{font-size:.85rem;font-weight:800;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25;letter-spacing:-.01em}
.topnav-right{display:flex;gap:8px}
.btn-cashin{background:var(--success-light);color:var(--success);border:none;padding:7px 14px;border-radius:var(--radius-sm);font-size:.78rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:5px}
.btn-cashout{background:var(--accent2-light);color:var(--accent2);border:none;padding:7px 14px;border-radius:var(--radius-sm);font-size:.78rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:5px}
.btn-player-cashin{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px rgba(34,197,94,.35);transition:transform .15s,box-shadow .15s}
.btn-player-cashin:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(34,197,94,.45)}
.btn-player-cashin:active{transform:translateY(0)}
.btn-player-cashout{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px rgba(239,68,68,.35);transition:transform .15s,box-shadow .15s}
.btn-player-cashout:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,.45)}
.btn-player-cashout:active{transform:translateY(0)}
.adm-nav-badge{display:inline-block;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;padding:1px 7px;border-radius:99px;margin-left:4px;vertical-align:middle}
.cashin-quickpicks{display:flex;flex-wrap:wrap;gap:6px;margin:-6px 0 14px}
.qp-chip{background:var(--bg-input2);color:var(--text);border:1px solid transparent;padding:6px 12px;border-radius:99px;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}
.qp-chip:hover{background:var(--success-light);border-color:var(--success);color:var(--success)}
.deposit-badge{display:inline-block;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:99px;margin-left:6px;vertical-align:middle;text-transform:uppercase;letter-spacing:.3px}
.deposit-badge.paid{background:rgba(34,197,94,.15);color:#16a34a}
.deposit-badge.pending{background:rgba(250,204,21,.18);color:#a16207}
.deposit-badge.failed{background:rgba(239,68,68,.15);color:#dc2626}
.deposit-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;margin:0 0 14px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600}
.deposit-banner.success{background:rgba(34,197,94,.12);color:#15803d;border-left:3px solid #22c55e}
.deposit-banner.warn{background:rgba(250,204,21,.15);color:#a16207;border-left:3px solid #facc15}
/* ── Sidebar ── */
.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.4);z-index:200;backdrop-filter:blur(2px)}
.sidebar-overlay.active{display:block}
.sidebar{position:fixed;top:0;left:-290px;width:280px;height:100vh;background:#fff;z-index:300;transition:left .28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}
.sidebar.active{left:0}
.sb-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 16px;border-bottom:1px solid var(--border)}
.sb-logo{display:flex;align-items:center;gap:10px}
.sb-logo .logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--accent),var(--purple));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}
.sb-logo h3{font-size:.95rem;font-weight:700;color:var(--text)}
.sb-close{width:32px;height:32px;background:var(--bg-input2);border:none;border-radius:8px;color:var(--text-muted);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center}
.sb-user{padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg-input)}
.sb-avatar{width:44px;height:44px;background:linear-gradient(135deg,var(--accent),var(--purple));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:10px}
.sb-name{font-size:.95rem;font-weight:700;color:var(--text)}
.role-tag{display:inline-block;background:var(--accent-light);color:var(--accent);font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:20px;margin-top:2px}
.sb-member-id{font-size:.68rem;color:var(--text-muted);margin-top:4px;letter-spacing:.02em}
.sb-bals{display:flex;flex-direction:column;gap:6px}
.sb-bals-row{display:flex;gap:8px}

.bal-box{flex:1;background:#fff;border:1px solid var(--border);border-radius:10px;padding:8px 12px}
.bal-box .lbl{font-size:.68rem;color:var(--text-muted);font-weight:600;text-transform:uppercase}
.bal-box .amt{font-size:.9rem;font-weight:800;color:var(--accent);margin-top:2px}
.bal-box .amt.rebate{color:var(--warning)}
.sb-nav{padding:10px 0;flex:1;overflow-y:auto}
.sb-nav a{display:flex;align-items:center;gap:14px;padding:12px 20px;color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:600;margin:1px 10px;border-radius:10px;transition:all .18s}
.sb-nav a i{width:20px;text-align:center;font-size:.95rem}
.sb-nav a:hover{background:var(--bg-input2);color:var(--text)}
.sb-nav a.active{background:var(--accent-light);color:var(--accent)}
.sb-footer{padding:16px 20px;border-top:1px solid var(--border)}
.sb-footer a{display:flex;align-items:center;gap:10px;color:var(--danger);text-decoration:none;font-size:.88rem;font-weight:600;padding:10px 12px;border-radius:10px;background:var(--danger-light)}
/* ── Flash ── */
.flash{position:fixed;top:16px;right:16px;z-index:9999;min-width:220px;max-width:min(calc(100vw - 32px),360px);padding:14px 18px;border-radius:12px;font-size:.88rem;font-weight:600;display:flex;align-items:center;gap:10px;box-shadow:0 8px 32px rgba(0,0,0,.18);animation:toastIn .25s ease;transition:opacity .35s ease,transform .35s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
@keyframes toastIn{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
.flash.success{background:rgba(255,255,255,.15);color:var(--success);border:1.5px solid rgba(34,197,94,.55)}
.flash.error{background:rgba(255,255,255,.15);color:var(--danger);border:1.5px solid rgba(239,68,68,.55)}
/* ── Bottom Nav ── */
.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;border-top:1px solid var(--border);z-index:100;box-shadow:0 -2px 12px rgba(0,0,0,.07);max-width:450px;width:100%;margin:0 auto}
.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 0 8px;color:var(--text-light);text-decoration:none;font-size:.62rem;font-weight:600;gap:4px;transition:color .18s}
.bottom-nav a i{font-size:1.15rem}
.bottom-nav a.active,.bottom-nav a:hover{color:var(--accent)}
/* ── General ── */
.card{background:var(--bg-card);border-radius:var(--radius);padding:16px;margin:12px 16px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}
.section-title{font-size:.78rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin:16px 16px 8px}
.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 16px}
.stat-card{background:var(--bg-card);border-radius:var(--radius);padding:16px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.stat-card .s-label{font-size:.72rem;color:var(--text-muted);font-weight:600;margin-bottom:6px}
.stat-card .s-value{font-size:clamp(.85rem,4vw,1.2rem);font-weight:800;color:var(--text);overflow:hidden;white-space:nowrap}
.station-card{border-radius:var(--radius);padding:14px 16px;margin-bottom:14px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:transform .18s,box-shadow .18s;box-shadow:0 4px 20px rgba(0,0,0,.18),0 1px 4px rgba(0,0,0,.1)}
.station-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.22),0 2px 6px rgba(0,0,0,.14)}
.stn-bottom-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.station-info{flex:1;min-width:0}
.stn-name-row{display:flex;align-items:center;gap:6px;margin-bottom:3px}
.stn-live-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;flex-shrink:0;animation:livePulse 2s ease-in-out infinite}
@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(74,222,128,.7)}60%{box-shadow:0 0 0 5px rgba(74,222,128,0)}}
.stn-loc-icon{font-size:.72rem;opacity:.75}
.station-info h3{font-size:.95rem;font-weight:800;color:#fff;margin:0}
.station-info p{font-size:.72rem;color:rgba(255,255,255,.8);margin-bottom:8px;margin-top:1px}
.stn-mult{font-size:.88rem;font-weight:900;color:#fff;letter-spacing:-.01em}
.btn-bet{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;padding:10px 18px;border-radius:10px;font-weight:800;font-size:.85rem;cursor:pointer;flex-shrink:0;box-shadow:0 3px 12px rgba(234,88,12,.45);transition:transform .15s,box-shadow .15s;margin-left:12px}
.btn-bet:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(234,88,12,.6)}
/* ── Badges ── */
.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.68rem;font-weight:700}
.badge-won{background:#dcfce7;color:#16a34a}
.badge-lost{background:#fee2e2;color:#dc2626}
.badge-pending{background:#fef3c7;color:#d97706}
.badge-open{background:#dbeafe;color:#2563eb}
.badge-closed{background:#e2e8f0;color:#475569}
.badge-betting-closed{background:#ffedd5;color:#ea580c}
.badge-locked{background:#fef3c7;color:#b45309}
/* ── Auth ── */
.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#e0e7ff,#f0f4f8,#fce7f3)}
.auth-box{background:#fff;border-radius:var(--radius-lg);padding:36px 28px;width:100%;max-width:400px;box-shadow:var(--shadow-lg);border:1px solid var(--border)}
.auth-logo{width:52px;height:52px;background:linear-gradient(135deg,var(--accent),var(--purple));border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;margin-bottom:16px}
.auth-box h2{font-size:1.5rem;font-weight:800;color:var(--text);margin-bottom:4px}
.auth-box p{font-size:.85rem;color:var(--text-muted);margin-bottom:24px}
.auth-link{text-align:center;margin-top:16px;font-size:.85rem;color:var(--text-muted)}
.auth-link a{color:var(--accent);text-decoration:none;font-weight:700}
.pw-wrap{position:relative}.pw-wrap input{padding-right:44px!important}.pw-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;font-size:.9rem;line-height:1;display:flex;align-items:center;justify-content:center}.pw-toggle:hover{color:var(--text)}
/* ── Forms ── */
.form-group{margin-bottom:14px}
.form-group label{display:block;font-size:.78rem;font-weight:700;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px}
.form-group input,.form-group select{width:100%;background:var(--bg-input);border:1.5px solid var(--border);color:var(--text);padding:12px 14px;border-radius:10px;font-size:.9rem;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}
.form-group input:focus,.form-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,.1);background:#fff}
.field-hint{font-size:.72rem;color:var(--text-muted);margin-top:5px;padding-left:2px}
.btn-primary{width:100%;background:linear-gradient(135deg,var(--accent),var(--purple));color:#fff;border:none;padding:13px;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;transition:opacity .18s,transform .18s;font-family:inherit}
.btn-primary:hover{opacity:.92;transform:translateY(-1px)}
/* ── Balance Banner ── */
.balance-banner{background:linear-gradient(135deg,var(--accent),var(--purple));margin:12px 16px;border-radius:var(--radius);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow)}
.balance-banner .b-label{font-size:.75rem;color:rgba(255,255,255,.8);font-weight:600}
.balance-banner .b-amount{font-size:1.5rem;font-weight:800;color:#fff}
.balance-banner .b-icon{width:44px;height:44px;background:rgba(255,255,255,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem}
/* ── Station Pills ── */
.station-pill-row{display:flex;gap:8px;margin:0 16px 14px;overflow-x:auto;padding:10px 2px 4px;-webkit-overflow-scrolling:touch}
.station-pill-row::-webkit-scrollbar{display:none}
.station-pill{flex-shrink:0;position:relative;padding:8px 16px;border-radius:20px;font-size:.78rem;font-weight:700;text-decoration:none;border:1.5px solid var(--border);background:var(--bg-card);color:var(--text-muted);transition:all .18s;white-space:nowrap}
.station-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}
.station-pill-badge{position:absolute;top:-7px;right:-7px;background:var(--danger);color:#fff;border-radius:50%;min-width:17px;height:17px;font-size:.58rem;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1;border:2px solid var(--bg);pointer-events:none}
/* ── Draw Selector ── */
.draw-selector{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;margin:0;padding:2px 0 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.draw-selector::-webkit-scrollbar{display:none}.draw-selector.ds-few{justify-content:center;overflow-x:hidden}.draw-btn{flex-shrink:0;width:100px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:7px 6px;text-align:center;cursor:pointer;transition:all .18s;box-shadow:var(--shadow-sm)}
.draw-btn:hover:not(.closed):not(.cancelled):not(.locked){border-color:var(--accent)}
.draw-btn{transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}
.draw-btn.active{border-color:var(--accent);background:var(--accent-light);transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.18)}
.draw-btn.closed{opacity:.45;cursor:not-allowed}
.draw-btn.cancelled{opacity:.5;cursor:not-allowed;background:#fff1f2;border-color:#fecdd3}
.draw-btn.locked{opacity:.6;cursor:not-allowed;background:#fffbeb;border-color:#fde68a}
.draw-btn .d-lock{font-size:.62rem;color:#b45309;margin-top:2px}
.draw-btn .d-phase{font-size:.62rem;font-weight:700;color:var(--accent);text-transform:uppercase;margin-bottom:1px}
.draw-btn .d-time{font-size:.88rem;font-weight:800;color:var(--text)}
.draw-btn .d-label{font-size:.78rem;font-weight:800;color:var(--text);margin-top:1px}
.draw-btn .d-nums{font-size:.65rem;color:var(--warning);font-weight:700;margin-top:1px}
.draw-btn .d-badge{margin-top:2px}
.draw-btn .d-pending{font-size:.62rem;color:var(--text-muted);margin-top:2px}
/* ── Countdown ── */
.countdown-widget{margin:0 16px 14px;border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-sm)}
.countdown-top{padding:10px 16px;display:flex;justify-content:space-between;align-items:center}
.countdown-top.state-open{background:var(--success-light)}
.countdown-top.state-betting-closed{background:var(--warning-light)}
.countdown-top.state-closed{background:var(--danger-light)}
.countdown-top.state-idle{background:var(--bg-input2)}
.countdown-top.state-waiting{background:var(--purple-light);animation:pulse-wait 2s ease-in-out infinite}
@keyframes pulse-wait{0%,100%{opacity:1}50%{opacity:.65}}
.countdown-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.state-open .countdown-label{color:var(--success)}
.state-betting-closed .countdown-label{color:var(--warning)}
.state-closed .countdown-label{color:var(--danger)}
.state-idle .countdown-label{color:var(--text-muted);font-weight:700}
.state-waiting .countdown-label{color:var(--purple)}
.countdown-timer{font-size:1.4rem;font-weight:800;letter-spacing:2px;font-variant-numeric:tabular-nums;font-family:'Courier New',monospace}
.state-open .countdown-timer{color:var(--success)}
.state-betting-closed .countdown-timer{color:var(--warning)}
.state-closed .countdown-timer{color:var(--danger)}
.state-idle .countdown-timer{color:var(--text-light)}
.state-waiting .countdown-timer{color:var(--purple);font-size:1.1rem;letter-spacing:6px}
.countdown-bar-wrap{height:5px;background:rgba(0,0,0,.08)}
.countdown-bar-fill{height:100%;transition:width 1s linear}
.state-open .countdown-bar-fill{background:var(--success)}
.state-betting-closed .countdown-bar-fill{background:var(--warning)}
.state-closed .countdown-bar-fill{background:var(--danger)}
.state-waiting .countdown-bar-fill{background:var(--purple)}
/* ── Game Mode Toggle ── */
.mode-toggle-header{margin:0 16px 0;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;user-select:none;transition:border-color .18s}
.mode-toggle-header:hover{border-color:var(--accent-light)}
.mode-toggle-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 14px}
.mode-toggle-left{display:flex;align-items:center;gap:10px}
.mode-toggle-label{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:1px}
.mode-toggle-value{font-size:.9rem;font-weight:800;color:var(--accent)}
.mode-toggle-value.gi-val{color:var(--purple)}
.mode-toggle-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
.mode-toggle-icon.ts-icon{background:var(--accent-light);color:var(--accent)}
.mode-toggle-icon.gi-icon{background:var(--purple-light);color:var(--purple)}
.mode-toggle-chevron{color:var(--text-muted);font-size:.85rem;transition:transform .25s}
.mode-toggle-chevron.open{transform:rotate(180deg)}
.mode-panel{margin:0 16px;overflow:hidden;max-height:0;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s;opacity:0}
.mode-panel.expanded{max-height:200px;opacity:1}
.mode-panel-inner{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 0 4px}
.mode-card{padding:14px 12px;border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .18s;background:var(--bg-card);text-align:center;user-select:none}
.mode-card:hover:not(.disabled-mode){border-color:var(--accent-light)}
.mode-card .mc-icon{font-size:1.4rem;margin-bottom:6px}
.mode-card .mc-title{font-size:.88rem;font-weight:800;color:var(--text);margin-bottom:3px}
.mode-card .mc-sub{font-size:.68rem;color:var(--text-muted);line-height:1.4}
.mode-card.active-ts{border-color:var(--accent);background:var(--accent-light)}
.mode-card.active-ts .mc-title{color:var(--accent)}
.mode-card.active-gi{border-color:var(--purple);background:var(--purple-light)}
.mode-card.active-gi .mc-title{color:var(--purple)}
.mode-card.disabled-mode{opacity:.35;cursor:not-allowed;pointer-events:none}
.same-num-notice{margin:0 0 10px;padding:10px 14px;background:#fef9c3;border:1px solid #fde047;border-radius:var(--radius-sm);font-size:.78rem;color:#854d0e;font-weight:600;display:none;align-items:center;gap:8px}
/* ── Number inputs ── */
.num-inputs-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 12px}
.num-input-wrap label{display:block;font-size:.72rem;font-weight:700;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px}
.num-input{width:100%;background:var(--bg-input);border:2px solid var(--border);border-radius:10px;padding:14px;text-align:center;color:var(--text);font-size:1.3rem;font-weight:800;outline:none;transition:all .2s;font-family:inherit}
.num-input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px rgba(37,99,235,.1)}
/* ── TS Amounts ── */
.ts-amounts{margin:0 0 12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ts-amt-wrap{display:flex;flex-direction:column}
.ts-amt-box{border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--border)}
.ts-amt-box.amt-error{border-color:#e74c3c !important}
.gi-amount-wrap.amt-error{border-color:#e74c3c !important}
.ts-amt-box.tumbok-box{border-color:var(--tumbok)}
.ts-amt-box.sahod-box{border-color:var(--sahod)}
.ts-amt-label{padding:6px 10px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.tumbok-box .ts-amt-label{background:var(--tumbok-light);color:var(--tumbok)}
.sahod-box .ts-amt-label{background:var(--sahod-light);color:var(--sahod)}
.ts-amt-input{width:100%;border:none;background:var(--bg-input);color:var(--text);padding:10px 12px;font-size:1rem;font-weight:800;outline:none;font-family:inherit;text-align:center}
/* ── Gitnaan Amount ── */
.gi-amount{margin:0 0 12px}
.gi-amount-wrap{display:flex;align-items:center;background:var(--bg-input);border:2px solid var(--purple);border-radius:10px;overflow:hidden}
.gi-prefix{padding:0 14px;color:var(--purple);font-size:1rem;font-weight:700;border-right:1px solid var(--border);background:var(--purple-light);height:100%;display:flex;align-items:center;min-height:50px}
.gi-input{flex:1;border:none;background:transparent;color:var(--text);padding:14px;font-size:1.1rem;font-weight:700;outline:none;font-family:inherit}
/* ── Bettor Name (optional) ── */
.bettor-name-wrap{margin:0 0 8px}
.bettor-name-input{width:100%;background:var(--bg-input);border:1.5px solid var(--border);border-radius:10px;padding:12px 14px;color:var(--text);font-size:.95rem;font-weight:600;outline:none;transition:all .2s;font-family:inherit}
.bettor-name-input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.bettor-name-input::placeholder{color:rgba(150,150,160,.7);font-weight:500}
/* ── Payout Panel ── */
.payout-panel{margin:0 0 12px;border-radius:8px;border:1.5px solid var(--border);overflow:hidden;background:var(--bg-card)}
.pp-row{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--border);transition:background .18s}
.pp-row:last-child{border-bottom:none}
.pp-row.pp-total{background:var(--bg-input2)}
.pp-label{font-size:.78rem;color:var(--text-muted);font-weight:600;display:flex;align-items:center;gap:7px}
.pp-label i{color:var(--text-light);font-size:.85rem;opacity:.7}
.pp-mult{font-size:.62rem;font-weight:700;color:var(--text-light);background:var(--bg-input2);padding:2px 7px;border-radius:99px;letter-spacing:.3px;border:1px solid var(--border);margin-left:2px}
.pp-value{font-size:.92rem;font-weight:800;color:var(--text);display:inline-block;transition:color .15s}
.pp-value.win{color:var(--success)}
.pp-value.deduct{color:var(--danger)}
@keyframes ppPulse{0%{transform:scale(1)}40%{transform:scale(1.12)}100%{transform:scale(1)}}
.pp-value.updated{animation:ppPulse .35s cubic-bezier(.4,0,.2,1)}
/* ── Bet Buttons ── */
.btn-place-bet{display:flex;align-items:center;justify-content:center;gap:10px;width:calc(100% - 32px);margin:12px 16px 10px;background:linear-gradient(135deg,#2563eb 0%,#5b3df0 50%,#7c3aed 100%);color:#fff;border:none;padding:16px;border-radius:12px;font-size:1rem;font-weight:800;letter-spacing:.3px;cursor:pointer;font-family:inherit;position:relative;overflow:hidden;transition:all .18s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -3px 0 rgba(0,0,0,.18),0 6px 18px rgba(37,99,235,.32);text-shadow:0 1px 2px rgba(0,0,0,.2);user-select:none;-webkit-tap-highlight-color:transparent}
.btn-place-bet::before{content:'';position:absolute;left:0;right:0;top:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.18) 0%,transparent 100%);pointer-events:none;border-radius:12px 12px 0 0;transition:opacity .18s}
.btn-place-bet:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6 0%,#6d52f3 50%,#8b5cf6 100%);transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -3px 0 rgba(0,0,0,.18),0 10px 24px rgba(37,99,235,.45)}
.btn-place-bet:active:not(:disabled){transform:translateY(1px);background:linear-gradient(135deg,#1e40af 0%,#4c2bd0 50%,#6d28d9 100%);box-shadow:inset 0 3px 6px rgba(0,0,0,.3),inset 0 -1px 0 rgba(0,0,0,.1),0 2px 6px rgba(37,99,235,.2)}
.btn-place-bet:active:not(:disabled)::before{opacity:.2}
.btn-place-bet:disabled{background:linear-gradient(135deg,#94a3b8 0%,#94a3b8 100%);cursor:not-allowed;opacity:.7;filter:saturate(.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 3px rgba(0,0,0,.08)}
.btn-place-bet:disabled::before{display:none}
.btn-place-bet:disabled{opacity:.4;cursor:not-allowed;background:var(--border2);box-shadow:none}
.btn-clear{display:block;width:calc(100% - 32px);margin:0 16px 16px;background:transparent;color:var(--text-muted);border:1.5px solid var(--border);padding:13px;border-radius:12px;font-size:.88rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .18s}
.btn-clear:hover{background:var(--bg-input2)}
/* ── Modals ── */
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:400;align-items:flex-end;justify-content:center;backdrop-filter:blur(3px)}
.modal-overlay.active{display:flex}
.modal{background:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:24px;width:100%;max-width:450px;box-shadow:var(--shadow-lg);animation:slideUp .25s cubic-bezier(.4,0,.2,1);max-height:90vh;overflow-y:auto}
@keyframes slideUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.modal-header h3{font-size:1.05rem;font-weight:800;color:var(--text)}
.modal-close{width:32px;height:32px;background:var(--bg-input2);border:none;border-radius:8px;color:var(--text-muted);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}
/* ── Confirm Modal ── */
.confirm-nums{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 18px;padding:16px;background:var(--bg-input2);border-radius:var(--radius-sm)}
.cn-num{width:52px;height:52px;background:#fff;border-radius:14px;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:900;color:var(--text);box-shadow:var(--shadow-sm)}
.cn-dash{font-size:1.2rem;color:var(--text-muted)}
.confirm-rows{margin-bottom:18px}
.cr-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--border);font-size:.85rem}
.cr-row:last-child{border-bottom:none}
.cr-label{color:var(--text-muted);font-weight:600}
.cr-value{font-weight:700;color:var(--text)}
.cr-value.win{color:var(--success)}
.cr-value.deduct{color:var(--danger);font-size:.95rem}
.cr-value.mode-ts{color:var(--accent)}
.cr-value.mode-gi{color:var(--purple)}
.confirm-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btn-cancel-confirm{background:var(--bg-input2);color:var(--text-muted);border:1.5px solid var(--border);padding:14px;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;font-family:inherit}
.btn-confirm-bet{background:linear-gradient(135deg,var(--accent),var(--purple));color:#fff;border:none;padding:14px;border-radius:10px;font-size:.9rem;font-weight:800;cursor:pointer;font-family:inherit;box-shadow:0 4px 12px rgba(37,99,235,.3)}
/* ── Wallet ── */
.wallet-hero{position:relative;background:linear-gradient(135deg,var(--purple),var(--accent));border-radius:var(--radius);margin:12px 16px;box-shadow:0 8px 32px rgba(37,99,235,.35);overflow:hidden}
.wallet-hero::before{content:'';position:absolute;width:160px;height:160px;background:rgba(255,255,255,.07);border-radius:50%;top:-55px;right:-45px;pointer-events:none}
.wallet-hero::after{content:'';position:absolute;width:100px;height:100px;background:rgba(255,255,255,.05);border-radius:50%;bottom:-28px;left:10px;pointer-events:none}
.wallet-hero-top{padding:10px 14px 7px;position:relative;z-index:1}
.wh-label{font-size:.55rem;color:rgba(255,255,255,.7);font-weight:700;margin-bottom:2px;text-transform:uppercase;letter-spacing:.6px}
.wh-amount{font-size:1.56rem;font-weight:800;color:#fff;line-height:1.1}
.wallet-hero-bottom{position:relative;z-index:1;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.15);padding:8px 14px;display:flex;align-items:center;justify-content:space-between}
.wh-rebate-info{flex:1}
.wh-rlabel{font-size:.55rem;color:rgba(255,255,255,.65);margin-bottom:2px;font-weight:600;letter-spacing:.3px}
.wh-ramount{font-size:.8rem;font-weight:800;color:#fde68a}
.btn-convert{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 11px;border-radius:7px;font-size:.62rem;font-weight:700;cursor:pointer;font-family:inherit;transition:background .18s;display:flex;align-items:center;gap:5px;white-space:nowrap;backdrop-filter:blur(6px)}
.btn-convert:hover{background:rgba(255,255,255,.28)}
.rebate-hint{font-size:.7rem;color:rgba(255,255,255,.6);margin-top:4px}
.rebate-toast{position:fixed;top:16px;right:16px;background:rgba(15,23,42,.88);color:#fff;padding:13px 18px;border-radius:12px;font-size:.85rem;font-weight:600;z-index:9999;pointer-events:none;opacity:0;transform:translateX(24px);transition:opacity .2s,transform .2s;max-width:calc(100vw - 32px)}
.rebate-toast.show{opacity:1;transform:translateX(0)}
/* ── Wallet History Tabs ── */
.wallet-history-wrap{margin:12px 16px;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}
.wallet-hist-tabs{display:flex;border-bottom:2px solid var(--border)}
.wh-tab{flex:1;padding:10px 8px;border:none;background:transparent;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;cursor:pointer;color:var(--text-muted);font-family:inherit;transition:all .18s;border-bottom:2px solid transparent;margin-bottom:-2px}
.wh-tab:first-child{border-right:1px solid var(--border)}
.wh-tab.active{color:var(--accent);background:var(--accent-light);border-bottom-color:var(--accent)}
.wh-tab-pane{padding:0 16px}
.tx-empty{text-align:center;color:var(--text-muted);padding:28px 0;font-size:.85rem}
.btn-show-more{display:block;width:100%;margin:12px 0 4px;padding:10px;background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}
.btn-show-more:hover:not(:disabled){background:var(--bg-card);color:var(--accent)}
.btn-show-more:disabled{opacity:.5;cursor:default}
/* ── Transactions ── */
.tx-item{display:flex;align-items:center;gap:10px;padding:9px 0 9px 11px;border-left:3px solid transparent;border-bottom:1px solid var(--border)}
.tx-item:last-child{border-bottom:none}
.tx-item.tx-credit{border-left-color:var(--success)}
.tx-item.tx-debit{border-left-color:var(--danger)}
.tx-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}
.tx-icon.credit{background:var(--success-light);color:var(--success)}
.tx-icon.debit{background:var(--danger-light);color:var(--danger)}
.tx-info{flex:1;min-width:0}
.tx-info .ti-title{font-size:.83rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tx-info .ti-date{font-size:.7rem;color:var(--text-muted);margin-top:1px}
.tx-info .ti-bal{font-size:.67rem;color:var(--text-light);margin-top:1px;font-variant-numeric:tabular-nums}
.bal-arrow{color:var(--border2);margin:0 2px}
.tx-amount{font-size:.9rem;font-weight:800;white-space:nowrap}
.tx-amount.credit{color:var(--success)}
.tx-amount.debit{color:var(--danger)}
/* ── Referral Rows ── */
.ref-tbl-head{display:flex;justify-content:space-between;padding:9px 12px 9px 14px;background:var(--bg-input);border-bottom:1px solid var(--border);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}
.ref-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 14px;border-left:3px solid var(--border);border-bottom:1px solid var(--border);transition:background .1s}
.ref-row:last-child{border-bottom:none}
.ref-row:hover{background:var(--bg-input)}
.ref-username{font-size:.85rem;font-weight:600;color:var(--text)}
.ref-meta{font-size:.7rem;color:var(--text-muted);margin-top:2px}
.ref-earned{font-size:.85rem;font-weight:700;color:var(--text-muted);white-space:nowrap}
.ref-earned.has-earned{color:var(--success)}
/* ── Admin ── */
.admin-tabs{display:flex;margin:12px 16px;background:var(--bg-card);border-radius:var(--radius-sm);padding:4px;border:1px solid var(--border)}
.admin-tab-btn{flex:1;padding:10px;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:.82rem;background:transparent;color:var(--text-muted);transition:all .18s;font-family:inherit}
.admin-tab-btn.active{background:var(--accent);color:#fff}
.admin-section{margin:12px 16px}
.admin-section h3{font-size:.78rem;font-weight:700;color:var(--text-muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.8px}
.table-wrap{overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--border)}
.admin-table{width:100%;border-collapse:collapse;font-size:.82rem;background:var(--bg-card)}
.admin-table th{text-align:left;padding:10px 14px;background:var(--bg-input);color:var(--text-muted);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border)}
.admin-table td{padding:11px 14px;border-bottom:1px solid var(--border);color:var(--text)}
.admin-table tr:last-child td{border-bottom:none}
.admin-table tr:hover td{background:var(--bg-input)}
.btn-sm{padding:5px 12px;border-radius:6px;border:none;font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit}
.btn-sm-primary{background:var(--accent-light);color:var(--accent)}
.btn-sm-success{background:var(--success-light);color:var(--success)}
.btn-sm-danger{background:var(--danger-light);color:var(--danger)}
.admin-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px}
.admin-card-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}
.admin-card-header h4{font-size:1rem;font-weight:800}
.admin-card-body{padding:16px}
.payout-tag{background:var(--success-light);color:var(--success);padding:2px 10px;border-radius:12px;font-size:.7rem;font-weight:700}
.pending-badge{background:var(--warning-light);color:var(--warning);padding:2px 10px;border-radius:12px;font-size:.7rem;font-weight:700}
/* ── Reports ── */
.rpt-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 6px}
.rpt-date-badge{display:inline-flex;align-items:center;gap:5px;background:var(--bg-input);border:1px solid var(--border);border-radius:20px;padding:4px 10px;font-size:.72rem;font-weight:700;color:var(--text-muted)}
.rpt-kpi-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:4px 16px 8px}
.rpt-kpi-card{background:var(--bg-card);border-radius:var(--radius);padding:11px 13px;border:1.5px solid var(--border);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:10px;overflow:hidden}
.rpt-kpi-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;background:var(--bg-input);color:var(--text-muted)}
.rpt-kpi-info{flex:1;min-width:0}
.rpt-kpi-card .kpi-label{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:1px}
.rpt-kpi-card .kpi-val{font-size:.95rem;font-weight:800;color:var(--text);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rpt-kpi-card .kpi-sub{font-size:.6rem;color:var(--text-muted);margin-top:1px}
.rpt-kpi-card.blue{border-color:#bfdbfe}.rpt-kpi-card.blue .rpt-kpi-icon{background:#eff6ff;color:#2563eb}.rpt-kpi-card.blue .kpi-val{color:var(--accent)}
.rpt-kpi-card.green{border-color:#bbf7d0}.rpt-kpi-card.green .rpt-kpi-icon{background:#f0fdf4;color:#16a34a}.rpt-kpi-card.green .kpi-val{color:var(--success)}
.rpt-kpi-card.red{border-color:#fecaca}.rpt-kpi-card.red .rpt-kpi-icon{background:#fff1f2;color:#dc2626}.rpt-kpi-card.red .kpi-val{color:var(--danger)}
.rpt-kpi-card.orange{border-color:#fed7aa}.rpt-kpi-card.orange .rpt-kpi-icon{background:#fff7ed;color:#ea580c}.rpt-kpi-card.orange .kpi-val{color:var(--accent2)}
.rpt-tfoot{background:var(--bg-input)}
.rpt-legend{display:flex;flex-wrap:wrap;gap:6px 12px;padding:8px 16px 10px;font-size:.68rem;color:var(--text-muted)}
.rpt-legend span{display:flex;align-items:center;gap:5px}
.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}
.rpt-referral-box{margin:8px 16px 14px;padding:11px 14px;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:12px;font-size:.8rem;color:#4c1d95}
.rpt-ref-stats{display:flex;gap:6px;margin-top:8px}
.ref-stat{flex:1;background:rgba(255,255,255,.75);border-radius:8px;padding:8px 6px;text-align:center}
.ref-stat-val{font-size:.88rem;font-weight:800;margin-bottom:2px}
.ref-stat-lbl{font-size:.6rem;color:#6d28d9;font-weight:600}
.rpt-top10-item{display:flex;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid var(--border)}
.rpt-top10-item:last-child{border-bottom:0}
.rpt-top10-rank{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:800;flex-shrink:0;background:var(--bg-input);color:var(--text-muted)}
.rpt-top10-rank.gold{background:#fef9c3;color:#b45309}.rpt-top10-rank.silver{background:#f1f5f9;color:#475569}.rpt-top10-rank.bronze{background:#fef3c7;color:#92400e}
.rpt-top10-name{flex:1;font-size:.8rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rpt-top10-meta{text-align:right;flex-shrink:0}
.rpt-top10-amt{font-size:.8rem;font-weight:800;color:var(--accent)}
.rpt-top10-bets{font-size:.6rem;color:var(--text-muted)}
.kpi-delta{font-size:.58rem;font-weight:700;margin-top:2px}
.kpi-delta.pos{color:var(--success)}
.kpi-delta.neg{color:var(--danger)}
.rpt-filter-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
/* ── Quick Grid ── */
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 16px 14px}
.quick-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;border-radius:var(--radius);text-decoration:none;color:#fff;box-shadow:var(--shadow)}
.quick-card i{font-size:2rem}
.quick-card span{font-weight:700;font-size:.9rem}
/* ── Bet History ── */
.hist-filter-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 14px 6px}
.hist-select{width:100%;background:var(--bg-card);border:1.5px solid var(--border);color:var(--text);padding:9px 12px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;outline:none;cursor:pointer;font-family:inherit;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px;transition:border-color .18s}
.hist-select:focus{border-color:var(--accent)}
.custom-date-wrap{margin:0 14px 6px;display:none}
.custom-date-wrap.visible{display:block}
.custom-date-input{width:100%;background:var(--bg-card);border:1.5px solid var(--accent);color:var(--text);padding:9px 12px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;outline:none;font-family:inherit}
.hist-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:6px 14px 10px}
.hs-pill{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 6px;text-align:center}
.hs-pill .hp-val{font-size:clamp(.58rem,3.2vw,.85rem);font-weight:800;color:var(--text);line-height:1;overflow:hidden;white-space:nowrap}
.hs-pill .hp-lbl{font-size:.58rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;margin-top:2px}
.hs-pill.hp-win .hp-val{color:var(--success)}
.history-wrap{padding:0 14px 8px}
.dg-header{font-size:.65rem;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.7px;padding:8px 0 4px;display:flex;align-items:center;gap:6px}
.dg-header::after{content:'';flex:1;height:1px;background:var(--border)}
.bh-card{background:var(--bg-card);border-radius:8px;margin-bottom:4px;border:1px solid var(--border);display:flex;overflow:hidden}
.bh-stripe{width:3px;flex-shrink:0}
.bh-card.s-won    .bh-stripe{background:#16a34a}
.bh-card.s-lost   .bh-stripe{background:#dc2626}
.bh-card.s-pending .bh-stripe{background:#d97706}
.bh-body{flex:1;padding:8px 10px;display:flex;flex-direction:column;gap:5px}
.bh-line1{display:flex;align-items:center;justify-content:space-between}
.bh-line1-left{display:flex;align-items:center;gap:5px}
.bh-num{width:26px;height:26px;background:var(--bg-input2);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:900;color:var(--text);border:1px solid var(--border);flex-shrink:0}
.bh-sep{font-size:.65rem;color:var(--text-light);font-weight:700}
.bh-mode-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-left:2px}
.bh-mode-dot.ts{background:var(--tumbok)}
.bh-mode-dot.gi{background:var(--gitnaan)}
.bh-line1-right{display:flex;align-items:center;gap:6px;flex-shrink:0}
.bh-amt{font-size:.82rem;font-weight:800;color:var(--text)}
.bh-win-amt{font-size:.75rem;font-weight:800;color:var(--success);background:var(--success-light);padding:1px 6px;border-radius:10px}
.bh-line2{display:flex;align-items:center;justify-content:space-between}
.bh-line2-left{display:flex;align-items:center;gap:3px;flex:1;min-width:0;overflow:hidden}
.bh-info-text{font-size:.62rem;color:var(--text-muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bh-dot-sep{font-size:.55rem;color:var(--text-light);flex-shrink:0}
.bh-line2-right{display:flex;align-items:center;gap:6px;flex-shrink:0}
.bh-time{font-size:.62rem;color:var(--text-muted)}
.bh-bettor-inline{display:inline-flex;align-items:center;margin-left:10px;padding:3px 10px;font-size:.72rem;font-weight:700;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,var(--accent),var(--purple));border-radius:999px;box-shadow:0 1px 3px rgba(37,99,235,.25);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bh-bettor-inline::before{content:'';width:5px;height:5px;border-radius:50%;background:#fff;opacity:.85;margin-right:6px;flex-shrink:0}
.sdot{display:inline-flex;align-items:center;gap:2px;font-size:.6rem;font-weight:700;padding:1px 6px;border-radius:20px;white-space:nowrap}
.sdot.s-won{background:#dcfce7;color:#16a34a}
.sdot.s-lost{background:#fee2e2;color:#dc2626}
.sdot.s-pending{background:#fef3c7;color:#d97706}
.sdot::before{content:'';width:4px;height:4px;border-radius:50%;flex-shrink:0}
.sdot.s-won::before{background:#16a34a}
.sdot.s-lost::before{background:#dc2626}
.sdot.s-pending::before{background:#d97706;animation:pulse 1.4s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.empty-hist{text-align:center;padding:48px 20px}
.empty-hist .ei-icon{font-size:2.4rem;opacity:.18;margin-bottom:10px}
.empty-hist h3{font-size:.92rem;font-weight:700;color:var(--text);margin-bottom:4px}
.empty-hist p{font-size:.78rem;color:var(--text-muted)}
.no-results-msg{text-align:center;padding:28px 20px;display:none}
.no-results-msg p{font-size:.82rem;color:var(--text-muted)}
.mode-spacer{height:14px}
/* ── Admin Desktop Layout ── */
.adm-body{background:#f1f5f9}
.adm-layout{display:flex;min-height:100vh}
/* Sidebar */
.adm-sidebar{width:240px;background:#0f172a;flex-shrink:0;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;z-index:50}
.adm-brand{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid rgba(255,255,255,.08)}
.adm-brand-icon{width:38px;height:38px;background:linear-gradient(135deg,var(--accent),var(--purple));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;flex-shrink:0}
.adm-brand-name{font-size:.95rem;font-weight:800;color:#fff}
.adm-brand-sub{font-size:.68rem;color:#64748b;margin-top:1px}
.adm-sb-user{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.adm-sb-avatar{width:38px;height:38px;background:linear-gradient(135deg,var(--accent),var(--purple));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.95rem;font-weight:800;flex-shrink:0}
.adm-sb-uname{font-size:.85rem;font-weight:700;color:#e2e8f0}
.adm-role-badge{display:inline-block;background:rgba(37,99,235,.3);color:#93c5fd;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:20px;margin-top:3px}
.adm-nav{padding:12px 0;flex:1}
.adm-nav-item{display:flex;align-items:center;gap:12px;padding:11px 20px;color:#94a3b8;text-decoration:none;font-size:.87rem;font-weight:600;margin:1px 8px;border-radius:8px;transition:all .18s}
.adm-nav-item i{width:18px;text-align:center;font-size:.9rem}
.adm-nav-item:hover{background:rgba(255,255,255,.06);color:#e2e8f0}
.adm-nav-item.active{background:var(--accent);color:#fff}
/* Nav section labels */
.adm-nav-label{padding:14px 20px 4px;font-size:.68rem;font-weight:600;letter-spacing:.08em;color:#475569;text-transform:uppercase}
/* Collapsible games group */
.adm-nav-group>.adm-nav-group-header{display:flex;align-items:center;gap:12px;padding:11px 20px;color:#94a3b8;font-size:.87rem;font-weight:600;margin:1px 8px;border-radius:8px;cursor:pointer;user-select:none;transition:all .18s}
.adm-nav-group>.adm-nav-group-header:hover{background:rgba(255,255,255,.06);color:#e2e8f0}
.adm-nav-group.open>.adm-nav-group-header{color:#e2e8f0}
.adm-nav-chevron{margin-left:auto;font-size:.72rem;transition:transform .2s}
.adm-nav-group.open>.adm-nav-group-header .adm-nav-chevron{transform:rotate(180deg)}
.adm-nav-game.open>.adm-nav-game-header .adm-nav-chevron{transform:rotate(90deg)}
.adm-nav-subnav{display:none;padding-left:8px}
.adm-nav-group.open>.adm-nav-subnav{display:block}
/* Per-game collapsible */
.adm-nav-game>.adm-nav-game-header{display:flex;align-items:center;gap:10px;padding:8px 14px;color:#64748b;font-size:.84rem;font-weight:600;border-radius:6px;cursor:pointer;user-select:none;transition:all .18s;margin:1px 4px}
.adm-nav-game>.adm-nav-game-header:hover{background:rgba(255,255,255,.04);color:#cbd5e1}
.adm-nav-game.open>.adm-nav-game-header{color:#cbd5e1}
.adm-nav-game-items{display:none;padding-left:10px}
.adm-nav-game.open>.adm-nav-game-items{display:block}
/* Sub-nav items */
.adm-nav-subitem{display:flex;align-items:center;gap:10px;padding:8px 14px;color:#64748b;font-size:.83rem;font-weight:600;border-radius:6px;transition:all .18s;text-decoration:none;border-left:2px solid transparent;margin:1px 4px}
.adm-nav-subitem i{width:16px;text-align:center;font-size:.82rem}
.adm-nav-subitem:hover{color:#e2e8f0;background:rgba(255,255,255,.04)}
.adm-nav-subitem.active{color:#fff;background:rgba(37,99,235,.18);border-left-color:var(--accent)}
.adm-sb-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:4px}
.adm-sb-footlink{display:flex;align-items:center;gap:8px;color:#64748b;text-decoration:none;font-size:.82rem;font-weight:600;padding:8px 10px;border-radius:8px;transition:all .18s}
.adm-sb-footlink:hover{color:#94a3b8;background:rgba(255,255,255,.05)}
.adm-logout{color:#f87171!important}
.adm-logout:hover{background:rgba(239,68,68,.1)!important}
/* Main area */
.adm-main{margin-left:240px;flex:1;min-height:100vh;display:flex;flex-direction:column}
.adm-topbar{background:#fff;padding:0 24px;height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;flex-shrink:0}
.adm-topbar-title{font-size:1.05rem;font-weight:800;color:var(--text)}
.adm-topbar-actions{display:flex;gap:8px}
.adm-content{padding:24px;flex:1}
/* Stats row */
.adm-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
.adm-stats-row--draws{grid-template-columns:repeat(4,1fr)}
.adm-stat-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center}
.adm-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.95rem;grid-column:1;grid-row:1/3;align-self:center}
.adm-stat-icon.blue{background:var(--accent-light);color:var(--accent)}
.adm-stat-icon.green{background:var(--success-light);color:var(--success)}
.adm-stat-icon.purple{background:var(--purple-light);color:var(--purple)}
.adm-stat-icon.orange{background:var(--accent2-light);color:var(--accent2)}
.adm-stat-icon.red{background:var(--danger-light);color:var(--danger)}
.adm-stat-val{font-size:1.5rem;font-weight:800;color:var(--text);line-height:1;grid-column:2;grid-row:1;align-self:end}
.adm-stat-lbl{font-size:.72rem;font-weight:600;color:var(--text-muted);margin-top:3px;text-transform:uppercase;letter-spacing:.5px;grid-column:2;grid-row:2;align-self:start}
/* Section wrapper */
.adm-section{background:#fff;border:2px solid #b8c5d6;border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.10)}
.adm-section-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.adm-section-title{font-size:.95rem;font-weight:800;color:var(--text)}
.adm-section-body{padding:20px}
/* Draws grid */
.adm-draws-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.adm-draw-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}
.adm-draw-card-head{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg-input)}
.adm-draw-card-title{font-size:.92rem;font-weight:800;color:var(--text)}
.adm-draw-list{padding:0 16px}
.adm-draw-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}
.adm-draw-item:last-of-type{border-bottom:none}
.adm-draw-info{display:flex;flex-direction:column;gap:4px}
.adm-draw-label{font-size:.87rem;font-weight:700;color:var(--text)}
.adm-draw-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.adm-draw-time{font-size:.75rem;color:var(--text-muted)}
/* Members table */
.adm-members-table{width:100%;border-collapse:collapse}
.adm-members-table th{text-align:left;padding:11px 16px;background:var(--bg-input);color:var(--text-muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid #b8c5d6;border-right:1px solid #d0d7e3}.adm-members-table th:last-child{border-right:none}
.adm-members-table td{padding:12px 16px;border-bottom:1px solid #d0d7e3;border-right:1px solid #d0d7e3;font-size:.85rem;color:var(--text)}.adm-members-table td:last-child{border-right:none}
.adm-members-table tr:last-child td{border-bottom:none}
.adm-members-table tr:hover td{background:var(--bg-input)}
.adm-table-lined th,.adm-table-lined td{border-right:1px solid var(--border)}
.adm-table-lined th:last-child,.adm-table-lined td:last-child{border-right:none}
.tx-pg-btn{padding:5px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.82rem;cursor:pointer;transition:opacity .15s}
.tx-pg-btn:disabled{opacity:.35;cursor:default}
/* Stations grid */
.adm-stations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
/* Desktop modal centering for admin */
.adm-body .modal-overlay{align-items:center}
.adm-body .modal{border-radius:var(--radius-lg);animation:admModalIn .2s ease}
@keyframes admModalIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
.adm-wide-modal{max-width:700px!important}
/* Draw item action buttons */
.btn-sm-warning{background:var(--warning-light);color:var(--warning)}
.adm-btn-view{background:var(--bg-input2);color:var(--text-muted)}
.adm-btn-view:hover{background:var(--border2);color:var(--text)}
/* Transaction type badges */
.adm-tx-type{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.68rem;font-weight:700}
.adm-tx-cashin{background:var(--success-light);color:var(--success)}
.adm-tx-cashout{background:var(--accent2-light);color:var(--accent2)}
.adm-tx-bet{background:var(--accent-light);color:var(--accent)}
.adm-tx-win{background:var(--success-light);color:var(--success)}
.adm-tx-rebate{background:var(--warning-light);color:var(--warning)}
.adm-tx-refund{background:var(--accent2-light);color:var(--accent2)}
.adm-tx-rebate_earned{background:var(--warning-light);color:var(--warning)}
.adm-tx-referral{background:var(--success-light);color:var(--success)}
/* Withdrawal status badges */
.adm-wd-status{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.68rem;font-weight:700;white-space:nowrap}
.adm-wd-pending{background:var(--warning-light);color:var(--warning)}
.adm-wd-processing{background:var(--accent-light);color:var(--accent)}
.adm-wd-successful{background:var(--success-light);color:var(--success)}
.adm-wd-failed{background:var(--accent2-light);color:var(--accent2)}
.adm-wd-cancelled{background:var(--bg-input2);color:var(--text-muted)}
/* Audit log filter pills and badges */
.al-pill{padding:5px 14px;border-radius:99px;border:1.5px solid var(--border);background:var(--bg-input2);color:var(--text-muted);font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s;font-family:inherit}
.al-pill:hover{background:var(--border)}
.al-pill.al-pill-active{background:var(--accent);color:#fff;border-color:var(--accent)}
.al-badge{display:inline-block;padding:3px 9px;border-radius:5px;font-size:.73rem;font-weight:700;letter-spacing:.2px;white-space:nowrap}
.al-badge-danger{background:var(--danger-light);color:var(--danger)}
.al-badge-warning{background:var(--warning-light);color:var(--warning)}
.al-badge-success{background:var(--success-light);color:var(--success)}
.al-badge-info{background:var(--accent-light);color:var(--accent)}
.al-badge-muted{background:var(--bg-input2);color:var(--text-muted)}
.al-chip{display:inline-block;background:var(--bg-input2);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:.72rem;color:var(--text-muted);margin:1px 2px}
.al-chip strong{color:var(--text);font-weight:600}
/* Audit log table — full grid borders */
.adm-audit-table{width:100%;border-collapse:collapse;table-layout:fixed}
.adm-audit-table th,.adm-audit-table td{padding:10px 14px;border:1px solid var(--border);font-size:.82rem;vertical-align:middle;word-break:break-word}
.adm-audit-table th{background:var(--bg-input);color:var(--text-muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}
.adm-audit-table td{color:var(--text)}
.adm-audit-table tr:hover td{background:var(--bg-input)}
.adm-audit-table .col-time{width:140px}
.adm-audit-table .col-admin{width:120px}
.adm-audit-table .col-action{width:200px}
.adm-audit-table .col-target{width:130px}
.adm-audit-table .col-detail{width:auto}
.adm-audit-table .col-ip{width:130px}
/* Report table footer */
.adm-members-table tfoot td{padding:12px 16px;font-size:.85rem;border-top:2px solid var(--border2)}
/* Station horizontal row */
.adm-station-row{background:#fff;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;box-shadow:var(--shadow-sm);display:flex;overflow:hidden}
.adm-station-sidebar{width:148px;flex-shrink:0;padding:18px 16px;background:var(--bg-input);border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:center}
.adm-station-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}
.adm-station-name{font-size:.84rem;font-weight:800;color:var(--text)}
.adm-draws-scroll{flex:1;display:flex;gap:10px;overflow-x:auto;padding:14px;align-items:stretch}
.adm-draws-scroll::-webkit-scrollbar{height:3px}
.adm-draws-scroll::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}
/* Draw column card */
.adm-draw-col{flex-shrink:0;width:160px;border:1.5px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column}
.adm-draw-col.status-open{border-color:#2563eb}
.adm-draw-col.status-betting-closed{border-color:#ea580c}
.adm-draw-col.status-closed{border-color:#94a3b8}
.adm-draw-col-head{padding:10px 12px;border-bottom:1px solid var(--border);background:#fff;flex:1}
.adm-draw-col.status-open .adm-draw-col-head{background:#dbeafe}
.adm-draw-col.status-betting-closed .adm-draw-col-head{background:#ffedd5}
.adm-draw-col-phase{font-size:.6rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}
.adm-draw-col-label{font-size:.92rem;font-weight:800;color:var(--text)}
.adm-draw-col-time{font-size:.7rem;color:var(--text-muted);margin-top:2px}
.adm-draw-col-badges{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}
.adm-draw-col-actions{padding:8px 10px;display:flex;flex-direction:column;gap:5px;background:var(--bg-input);border-top:1px solid var(--border);flex-shrink:0}
.adm-draw-col-btns{display:flex;gap:4px}
/* Add draw column */
.adm-draw-add-col{border-style:dashed!important;border-color:var(--border2)!important;background:transparent;width:148px}
.adm-add-draw-btn{padding:16px 12px;text-align:center;font-size:.78rem;font-weight:700;color:var(--accent);cursor:pointer;list-style:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:100px;font-size:.85rem}
.adm-add-draw-btn i{font-size:1.3rem}
.adm-add-draw-btn::-webkit-details-marker{display:none}
.adm-add-input{width:100%;padding:5px 7px;border:1px solid var(--border);border-radius:5px;font-size:.78rem;background:var(--bg-card);font-family:inherit}
/* Draw table date filter */
.adm-date-filter{display:flex;align-items:flex-end;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.adm-date-filter label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;display:block;margin-bottom:5px}
.adm-date-filter input[type=date]{padding:8px 12px;border:1.5px solid var(--border);border-radius:8px;font-size:.85rem;font-family:inherit;background:var(--bg-card);color:var(--text)}
.adm-date-filter input[type=date]:focus{outline:none;border-color:var(--accent)}
.adm-date-filter select{-webkit-appearance:none!important;appearance:none!important;padding-top:8px!important;padding-bottom:8px!important;padding-right:32px!important;border-width:1.5px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important}
.adm-date-filter select:focus{outline:none;border-color:var(--accent)}
/* Date-group alternating rows */
.adm-tr-alt td{background:#f8fafc}
/* Draw table status badges */
.adm-status-draft{background:#fef9c3;color:#a16207}
.adm-status-complete{background:#ccfbf1;color:#0f766e}
.adm-status-no_result{background:#ffe4e6;color:#be123c}
.adm-status-upcoming{background:#ede9fe;color:#7c3aed}
.adm-status-open{background:#dbeafe;color:#2563eb}
.adm-status-betting-closed{background:#ffedd5;color:#ea580c}
.adm-status-closed{background:#e2e8f0;color:#475569}
/* Draw number bubbles */
.draw-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--accent);color:#fff;font-size:.85rem;font-weight:800}
.draw-num.empty{background:var(--bg-input2);color:var(--text-light);font-weight:400;font-size:1rem}
.adm-status-no_draw{background:#cffafe;color:#0e7490}
.btn-sm-nodraw{background:#cffafe;color:#0e7490;border:none;font-family:inherit}
/* Station add form row */
.adm-station-form-row{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}
/* Station form inputs */
.adm-color-input{height:36px;border:1px solid var(--border);border-radius:6px;cursor:pointer;padding:2px}
.adm-tbl-input{border:1px solid var(--border);border-radius:6px;padding:7px 10px;font-size:.85rem;font-family:inherit;background:var(--bg-input);width:100%}
.adm-tbl-input:focus{outline:none;border-color:var(--accent);background:#fff}
.adm-tbl-select{border:1px solid var(--border);border-radius:6px;padding:7px 10px;font-size:.85rem;font-family:inherit;background:var(--bg-input);width:100%}
.adm-tbl-select:focus{outline:none;border-color:var(--accent)}
/* Add Station form grid */
.stn-add-grid{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}
.stn-add-name{flex:1;min-width:180px;margin-bottom:0}
.stn-add-field{margin-bottom:0}
/* Station cards */
.stn-card{background:#fff;border:1px solid var(--border);border-left:4px solid var(--stn-clr,var(--accent));border-radius:var(--radius);margin-bottom:12px;box-shadow:var(--shadow-sm);overflow:hidden}
.stn-card-head{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:var(--bg-input);border-bottom:1px solid var(--border)}
.stn-card-identity{display:flex;align-items:center;gap:10px;min-width:0}
.stn-color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);cursor:pointer;padding:2px;flex-shrink:0}
.stn-card-name{font-size:.9rem;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stn-card-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}
.stn-card-fields{display:flex;gap:14px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--border)}
.stn-field-group{display:flex;flex-direction:column;gap:5px}
.stn-field-group>label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}
/* Payout × suffix */
.stn-input-affix{position:relative;display:flex;align-items:center}
.stn-input-affix input{padding-right:26px}
.stn-input-affix>span{position:absolute;right:9px;font-size:.78rem;font-weight:700;color:var(--text-muted);pointer-events:none}
/* Phases footer */
.stn-card-phases{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 18px 12px}
.stn-phases-lbl{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}
.stn-phases-list{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.stn-phase-pill{display:inline-flex;align-items:center;gap:4px;background:var(--bg-input);border:1px solid var(--border);border-radius:20px;padding:3px 6px 3px 11px;font-size:.78rem}
.stn-phase-name{font-weight:700;color:var(--accent)}
.stn-phase-sep{color:var(--border2)}
.stn-phase-time{color:var(--text-muted)}
.stn-pill-btn{background:none;border:none;cursor:pointer;font-size:.65rem;border-radius:50%;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}
.stn-pill-btn:hover{background:var(--bg-input2)}
.stn-pill-edit{color:var(--warning)}
.stn-pill-del{color:var(--danger)}
.stn-add-phase-btn{display:inline-flex;align-items:center;gap:4px;background:var(--success-light);color:var(--success);border:1px dashed var(--success);border-radius:20px;padding:3px 12px;font-size:.73rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}
.stn-add-phase-btn:hover{background:var(--success);color:#fff;border-style:solid}
/* ── Stations toolbar (search + add toggle) ── */
.stn-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding:0 2px}
.stn-toolbar-left{display:flex;align-items:center;gap:10px}
.stn-toolbar-title{font-size:.95rem;font-weight:800;color:var(--text)}
.stn-toolbar-count{font-size:.72rem;font-weight:700;color:var(--text-muted);background:var(--bg-input2);padding:2px 9px;border-radius:99px;border:1px solid var(--border)}
.stn-toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.stn-search{position:relative;display:flex;align-items:center}
.stn-search>i{position:absolute;left:11px;color:var(--text-muted);font-size:.78rem;pointer-events:none}
.stn-search input{padding:8px 12px 8px 30px;font-size:.82rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-input);color:var(--text);width:240px;transition:border-color .15s,box-shadow .15s;font-family:inherit}
.stn-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light,rgba(37,99,235,.15))}
.stn-add-toggle{padding:8px 16px!important;width:auto!important;font-size:.82rem!important;white-space:nowrap}
.stn-add-close{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:.85rem;padding:4px 8px;border-radius:6px;transition:background .15s,color .15s;margin-left:auto}
.stn-add-close:hover{background:var(--bg-input2);color:var(--danger)}
/* ── Collapsed station card ── */
.stn-card-toggle{cursor:pointer;user-select:none;transition:background .15s}
.stn-card-toggle:hover{background:var(--bg-input2)}
.stn-color-dot{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--border);flex-shrink:0}
.stn-card-summary{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.stn-summary-chip{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:700;color:var(--text-muted);background:var(--bg-input2);border:1px solid var(--border);border-radius:99px;padding:3px 9px;white-space:nowrap}
.stn-summary-chip i{font-size:.68rem;opacity:.8}
.stn-card-chevron{margin-left:4px;color:var(--text-muted);font-size:.75rem;transition:transform .2s}
.stn-card.stn-collapsed .stn-card-chevron{transform:rotate(-90deg)}
.stn-card.stn-collapsed .stn-card-head{border-bottom:none}
.stn-card-body{display:block}
.stn-card.stn-collapsed .stn-card-body{display:none}
.stn-color-swatch-inline{width:100%;height:36px;border-radius:6px;border:1px solid var(--border);cursor:pointer;padding:2px;background:var(--bg-input)}
/* ── Card footer — Save/Delete actions ── */
.stn-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 18px;background:var(--bg-input);border-top:1px solid var(--border)}
/* ── Empty states ── */
.stn-empty{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;padding:32px;color:var(--text-muted);font-size:.85rem}
.stn-empty i{font-size:1rem;color:var(--border2)}
.stn-empty-full{text-align:center;padding:40px;color:var(--text-muted);font-size:.9rem}
.stn-empty-full i{font-size:2rem;margin-bottom:12px;display:block;color:var(--border2)}
/* ── Stations: vertical tile grid ── */
.stn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;align-items:start}
.stn-grid>.stn-card{margin-bottom:0}
/* Expanded card spans full row so edit fields have room */
.stn-grid>.stn-card:not(.stn-collapsed){grid-column:1 / -1}
/* Tile (collapsed) — stack content vertically */
.stn-grid>.stn-card.stn-collapsed{transition:box-shadow .18s,transform .18s}
.stn-grid>.stn-card.stn-collapsed:hover{box-shadow:0 6px 18px rgba(0,0,0,.09);transform:translateY(-2px)}
.stn-grid>.stn-card.stn-collapsed .stn-card-head{flex-direction:column;align-items:stretch;gap:10px;padding:14px 16px 12px;background:transparent;border-bottom:none}
.stn-grid>.stn-card.stn-collapsed .stn-card-head:hover{background:transparent}
.stn-grid>.stn-card.stn-collapsed .stn-card-identity{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;width:100%}
.stn-grid>.stn-card.stn-collapsed .stn-card-name{font-size:.98rem;white-space:normal;overflow:visible;text-overflow:initial;line-height:1.25}
.stn-grid>.stn-card.stn-collapsed .stn-card-summary{flex-direction:column;align-items:stretch;gap:5px;border-top:1px solid var(--border);padding-top:10px;width:100%}
.stn-grid>.stn-card.stn-collapsed .stn-summary-chip{justify-content:flex-start;font-size:.72rem;padding:4px 10px}
.stn-grid>.stn-card.stn-collapsed .stn-card-chevron{align-self:center;margin-top:6px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-input2);font-size:.7rem;transition:background .15s,color .15s,transform .2s}
.stn-grid>.stn-card.stn-collapsed:hover .stn-card-chevron{background:var(--accent);color:#fff}
/* ── Mobile: tighten layout ── */
@media (max-width:640px){
  .stn-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
  .stn-grid>.stn-card.stn-collapsed .stn-card-name{font-size:.88rem}
  .stn-grid>.stn-card.stn-collapsed .stn-summary-chip{font-size:.68rem;padding:3px 8px}
  .stn-card-head{flex-wrap:wrap;gap:8px}
  .stn-search input{width:100%}
  .stn-toolbar-right{width:100%}
  .stn-search{flex:1}
}
/* ── EXPANDED STATION CARD — polished editor view ── */
.stn-card:not(.stn-collapsed){border-left-width:5px;box-shadow:0 8px 28px rgba(0,0,0,.10),0 2px 6px rgba(0,0,0,.04);animation:stn-expand .25s cubic-bezier(.4,0,.2,1)}
@keyframes stn-expand{from{opacity:.4;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.stn-card:not(.stn-collapsed) .stn-card-head{padding:16px 22px;background:var(--bg-input);background:linear-gradient(to right,color-mix(in srgb,var(--stn-clr) 8%,var(--bg-input)),var(--bg-input));border-bottom:1px solid var(--border)}
.stn-card:not(.stn-collapsed) .stn-color-dot{width:18px;height:18px}
.stn-card:not(.stn-collapsed) .stn-card-name{font-size:1.05rem;letter-spacing:.2px}
/* Hide redundant summary chips when expanded — the fields show actual values */
.stn-card:not(.stn-collapsed) .stn-card-summary > .stn-summary-chip{display:none}
/* Replace chevron with a clear close affordance when expanded */
.stn-card:not(.stn-collapsed) .stn-card-chevron{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,0,0,.05);font-size:.85rem;transform:rotate(180deg);transition:background .15s,transform .25s}
.stn-card:not(.stn-collapsed) .stn-card-toggle:hover .stn-card-chevron{background:var(--danger-light);color:var(--danger)}
/* Section labels */
.stn-section-lbl{display:flex;align-items:center;gap:8px;padding:14px 22px 8px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:var(--text-muted)}
.stn-section-lbl i{font-size:.78rem;color:var(--stn-clr,var(--accent));opacity:.85}
.stn-section-count{margin-left:auto;font-size:.66rem;font-weight:800;color:var(--text-muted);background:var(--bg-input2);border:1px solid var(--border);border-radius:99px;padding:1px 9px}
/* Tighten the section bodies under their labels */
.stn-card:not(.stn-collapsed) .stn-card-fields{padding:6px 22px 14px;border-bottom:none;gap:14px}
.stn-card:not(.stn-collapsed) .stn-card-phases{padding:4px 22px 14px;border-top:none;border-bottom:1px solid var(--border)}
.stn-card:not(.stn-collapsed) .stn-card-phases .stn-phases-list{gap:8px}
/* Bigger phase pills for easier tapping */
.stn-card:not(.stn-collapsed) .stn-phase-pill{padding:5px 8px 5px 13px;font-size:.82rem}
.stn-card:not(.stn-collapsed) .stn-pill-btn{width:22px;height:22px;font-size:.72rem}
.stn-card:not(.stn-collapsed) .stn-add-phase-btn{padding:5px 14px;font-size:.78rem}
/* ── Card action buttons (Save / Cancel / Delete) ── */
.stn-card-footer{padding:14px 22px;background:var(--bg-input);border-top:1px solid var(--border)}
.stn-card-footer-right{display:flex;align-items:center;gap:8px}
.stn-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:8px;font-size:.83rem;font-weight:700;border:1px solid transparent;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}
.stn-btn i{font-size:.78rem}
.stn-btn-primary{background:linear-gradient(135deg,var(--accent),var(--purple,#7c3aed));color:#fff;box-shadow:0 2px 10px rgba(124,58,237,.25)}
.stn-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(124,58,237,.35)}
.stn-btn-primary:active{transform:translateY(0)}
.stn-btn-ghost{background:transparent;color:var(--text-muted);border-color:var(--border)}
.stn-btn-ghost:hover{background:var(--bg-input2);color:var(--text)}
.stn-btn-danger{background:var(--danger-light);color:var(--danger);border-color:transparent}
.stn-btn-danger:hover{background:var(--danger);color:#fff}
/* Mobile: stack footer buttons */
@media (max-width:640px){
  .stn-card-footer{flex-direction:column-reverse;align-items:stretch;gap:8px}
  .stn-card-footer-right{justify-content:space-between}
  .stn-btn{justify-content:center;flex:1}
}
/* ── Station tile button reset (tiles are now <button>) ── */
.stn-tile{font-family:inherit;color:inherit;text-align:left;padding:0;width:100%;cursor:pointer;display:block}
.stn-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.stn-tile .stn-card-chevron{color:var(--text-muted)}
/* ── Station edit modal — centered, larger than default project modal ── */
.stn-edit-overlay{align-items:center !important}
.stn-edit-modal{max-width:640px !important;padding:0 !important;border-radius:var(--radius-lg) !important;overflow:hidden;display:flex;flex-direction:column;max-height:90vh;border-top:5px solid var(--stn-clr,var(--accent))}
.stn-modal-head{display:flex;align-items:center;gap:10px;padding:18px 22px;background:var(--bg-input);background:linear-gradient(to right,color-mix(in srgb,var(--stn-clr) 10%,var(--bg-input)),var(--bg-input));border-bottom:1px solid var(--border);flex-shrink:0}
.stn-modal-head .stn-color-dot{width:18px;height:18px}
.stn-modal-title{font-size:1.1rem;font-weight:800;margin:0;color:var(--text);flex:1;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stn-modal-body{flex:1;overflow-y:auto;padding:6px 0 0;min-height:0}
.stn-edit-modal .stn-card-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:6px 22px 18px;border-bottom:none}
.stn-edit-modal .stn-field-group{width:auto;min-width:0;flex:none}
.stn-edit-modal .stn-field-group[data-span="full"]{grid-column:1 / -1}
.stn-edit-modal .stn-color-swatch-inline{height:38px}
.stn-edit-modal .stn-card-phases{padding:6px 22px 18px}
.stn-edit-modal .stn-phases-list{gap:8px}
.stn-edit-modal .stn-phase-pill{padding:5px 8px 5px 13px;font-size:.82rem}
.stn-edit-modal .stn-pill-btn{width:22px;height:22px;font-size:.72rem}
.stn-edit-modal .stn-add-phase-btn{padding:5px 14px;font-size:.78rem}
.stn-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 22px;background:var(--bg-input);border-top:1px solid var(--border);flex-shrink:0}
.stn-modal-foot-right{display:flex;align-items:center;gap:8px}
/* Selected tile highlight while modal is open */
.stn-tile.stn-tile-active{outline:2px solid var(--stn-clr,var(--accent));outline-offset:-1px;box-shadow:0 0 0 4px color-mix(in srgb,var(--stn-clr) 12%,transparent),0 6px 18px rgba(0,0,0,.09)}
/* Mobile: modal goes full-screen */
@media (max-width:640px){
  .stn-edit-overlay{align-items:flex-end !important}
  .stn-edit-modal{max-width:100% !important;border-radius:var(--radius-lg) var(--radius-lg) 0 0 !important;max-height:95vh}
  .stn-edit-modal .stn-card-fields{grid-template-columns:1fr}
  .stn-modal-foot{flex-direction:column-reverse;align-items:stretch;gap:8px}
  .stn-modal-foot-right{justify-content:space-between}
  .stn-modal-foot .stn-btn{justify-content:center;flex:1}
}
/* Refund wallet — sidebar card */
.bal-box-refund .refund-amt{color:#f39c12}.bal-box .amt.promo{color:var(--success)}
/* Bet page — wallet selector */
.wallet-opts{display:flex;gap:10px;margin:0 16px 14px}
.wallet-opt{flex:1;background:var(--bg-card);border:1.5px solid var(--border);border-radius:10px;padding:8px 12px;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s;text-align:left;box-shadow:var(--shadow-sm)}
.wallet-opt-active{border-color:var(--purple);background:var(--purple-light);box-shadow:0 0 0 3px rgba(124,58,237,.12)}
.wo-label{font-size:.62rem;color:var(--text-muted);margin-bottom:2px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.wo-amt{font-size:.95rem;font-weight:800;color:var(--text)}
.wo-note{font-size:.68rem;color:#f39c12;margin-top:3px;font-weight:600}
/* History — Refund Wallet tag on bet card */
.bh-refund-tag{display:inline-block;background:rgba(243,156,18,.12);color:#f39c12;border:1px solid rgba(243,156,18,.3);border-radius:20px;padding:1px 7px;font-size:.65rem;font-weight:700;margin-left:4px;vertical-align:middle}
/* History — Refunded status badge */
.sdot.s-cancelled{background:rgba(243,156,18,.12);color:#f39c12;border:1px solid rgba(243,156,18,.3)}
/* ── CashIn / CashOut redesign ── */
.cf-date-group{padding:7px 16px 5px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg-input);border-bottom:1px solid var(--border)}
.cf-item{display:flex;align-items:flex-start;gap:10px;padding:9px 0 9px 11px;border-left:3px solid transparent;border-bottom:1px solid var(--border);transition:opacity .15s}.cf-info{flex:1;min-width:0}.cf-line1{display:flex;align-items:center;justify-content:space-between;gap:6px}.cf-line1 .deposit-badge{flex-shrink:0;margin-left:0}.cf-line2{display:flex;align-items:center;justify-content:space-between;margin-top:3px;gap:8px}
.cf-item:last-child{border-bottom:none}
.cf-item.cf-pending{border-left-color:var(--warning)}
.cf-item.cf-paid{border-left-color:var(--success)}
.cf-item.cf-failed{border-left-color:var(--danger);opacity:.45}
.cf-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0;margin-top:1px}
.cf-icon.credit{background:var(--success-light);color:var(--success)}
.cf-icon.debit{background:var(--danger-light);color:var(--danger)}
.cf-icon.neutral{background:var(--bg-input2);color:var(--text-muted)}
.cf-body{flex:1;min-width:0}
.cf-title{font-size:.83rem;font-weight:700;color:var(--text);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cf-date{font-size:.67rem;color:var(--text-muted);margin-top:2px}
.cf-ref{font-size:.65rem;color:var(--text-light);font-family:monospace;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cf-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}
.cf-amount{font-size:.9rem;font-weight:800;white-space:nowrap;color:var(--text);flex-shrink:0}
.cf-amount.credit{color:var(--success)}
.cf-amount.debit{color:var(--danger)}
/* ── Game Type Bar ── */
.game-type-card{margin:14px 16px 4px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;position:relative}
.game-type-card::after{content:'';position:absolute;top:0;right:0;bottom:0;width:32px;background:linear-gradient(to right,transparent,var(--bg-card));pointer-events:none;border-radius:0 var(--radius) var(--radius) 0}
.game-type-bar{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;scrollbar-width:none}
.game-type-bar::-webkit-scrollbar{display:none}
.gt-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:99px;font-size:.82rem;font-weight:700;white-space:nowrap;text-decoration:none;flex-shrink:0;transition:all .15s;user-select:none}
.gt-pill i{font-size:.85rem}
.gt-active{background:linear-gradient(135deg,var(--accent),var(--purple));color:#fff;box-shadow:0 2px 10px rgba(124,58,237,.3)}
.gt-disabled{background:var(--bg-input2);color:var(--text-muted);cursor:not-allowed;opacity:.75}
.gt-soon{font-size:.6rem;font-weight:800;background:var(--warning-light);color:var(--warning);padding:1px 5px;border-radius:4px;text-transform:uppercase;letter-spacing:.4px}
/* ── Station in-card countdown ── */
.stn-draw-row{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.2);border-radius:8px;padding:7px 12px;gap:10px}
.stn-draw-info{display:flex;align-items:center;gap:4px;font-size:.67rem;font-weight:600;color:rgba(255,255,255,.75);flex-shrink:0}
.stn-draw-dot{opacity:.45;margin:0 1px}
.stn-draw-timer{font-size:.9rem;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.04em;flex-shrink:0}
.stn-draw-timer.timer-urgent{color:#fca5a5;text-shadow:0 0 8px rgba(252,165,165,.5)}
.stn-draw-none{font-size:.67rem;color:rgba(255,255,255,.5);background:rgba(0,0,0,.12);border-radius:8px;padding:6px 10px;text-align:center}
/* ── Game Mode Toggle Switch ── */
.mode-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}
.mode-switch input{opacity:0;width:0;height:0;position:absolute}
.mode-switch-slider{position:absolute;cursor:pointer;inset:0;background:var(--purple);border-radius:99px;transition:background .22s}
.mode-switch-slider::before{content:'';position:absolute;height:22px;width:22px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .22s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px rgba(0,0,0,.2)}
.mode-switch input:checked + .mode-switch-slider{background:linear-gradient(135deg,var(--tumbok),var(--purple))}
.mode-switch input:checked + .mode-switch-slider::before{transform:translateX(24px)}
.mode-switch input:disabled + .mode-switch-slider{opacity:.45;cursor:not-allowed}

[data-theme="dark"]{
  --bg:#0f172a;--bg-card:#1e293b;--bg-input:#162032;--bg-input2:#0c1524;
  --text:#f1f5f9;--text-muted:#94a3b8;--text-light:#64748b;
  --border:#334155;--border2:#475569;
  --shadow-sm:0 1px 3px rgba(0,0,0,.35);--shadow:0 4px 16px rgba(0,0,0,.45);--shadow-lg:0 8px 32px rgba(0,0,0,.55);
  --accent-light:rgba(37,99,235,.2);
  --success-light:rgba(22,163,74,.15);--danger-light:rgba(239,68,68,.15);
  --warning-light:rgba(217,119,6,.15);--purple-light:rgba(124,58,237,.2);
  --tumbok-light:rgba(29,78,216,.2);--sahod-light:rgba(8,145,178,.15);
  --gitnaan-light:rgba(124,58,237,.2)
}
/* ── Dark mode element overrides ── */
[data-theme="dark"] .topnav{background:var(--bg-card)}
[data-theme="dark"] .bottom-nav{background:var(--bg-card)}
[data-theme="dark"] .modal{background:var(--bg-card)}
[data-theme="dark"] .auth-box{background:var(--bg-card)}
[data-theme="dark"] .bal-box{background:var(--bg-input)}
[data-theme="dark"] .flash.success,[data-theme="dark"] .flash.error{background:rgba(15,23,42,.25)}
[data-theme="dark"] .form-group input,[data-theme="dark"] .form-group select{background:var(--bg-input);color:var(--text);border-color:var(--border)}
[data-theme="dark"] .form-group input:focus,[data-theme="dark"] .form-group select:focus{background:var(--bg-input)}
[data-theme="dark"] .form-group input::placeholder,[data-theme="dark"] .form-group select::placeholder{color:var(--text-light)}
[data-theme="dark"] .num-input{background:var(--bg-input);color:var(--text);border-color:var(--border)}
[data-theme="dark"] .num-input:focus{background:var(--bg-input)}
[data-theme="dark"] .bettor-name-input{background:var(--bg-input);color:var(--text);border-color:var(--border)}
[data-theme="dark"] .bettor-name-input::placeholder{color:var(--text-light)}
[data-theme="dark"] .bettor-name-input:focus{background:var(--bg-input)}
[data-theme="dark"] .draw-btn{background:var(--bg-card)}
[data-theme="dark"] .draw-btn.cancelled{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.2)}
[data-theme="dark"] .draw-btn.locked{background:rgba(234,179,8,.06);border-color:rgba(234,179,8,.2)}
[data-theme="dark"] .ts-amt-box{background:var(--bg-input);border-color:var(--border)}
[data-theme="dark"] .gi-amount-wrap{background:var(--bg-input);border-color:var(--purple)}
[data-theme="dark"] .gi-amount-input{background:transparent;color:var(--text)}
[data-theme="dark"] .payout-panel{background:var(--bg-card);border-color:var(--border)}
[data-theme="dark"] .station-pill{background:var(--bg-card)}
[data-theme="dark"] .bottom-nav-item{color:var(--text-muted)}
[data-theme="dark"] .bottom-nav-item.active{color:var(--accent)}
[data-theme="dark"] .mode-switch-slider{background:var(--border2)}
[data-theme="dark"] input[type=number]{background:var(--bg-input);color:var(--text)}
.sb-theme-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0 12px;margin-bottom:8px;border-bottom:1px solid var(--border)}
.sb-theme-label{font-size:.82rem;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:8px}
.sb-theme-label i{width:16px;text-align:center}
/* ── Segmented tab bar (Game Mode) — edge-to-edge, underline indicator ── */
.mode-segment{display:flex;background:var(--bg-input2);position:relative;gap:0}
.mode-segment .ms-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:none;padding:12px 14px;font-size:.82rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:background .22s,color .22s;font-family:inherit;white-space:nowrap;position:relative}
.mode-segment .ms-btn i{font-size:.85rem;opacity:.65;transition:opacity .22s}
.mode-segment .ms-btn:hover:not(.active){color:var(--text);background:rgba(0,0,0,.03)}
.mode-segment .ms-btn.active{background:var(--bg-card);color:var(--accent)}
.mode-segment .ms-btn.active i{opacity:1}
.mode-segment .ms-btn.active::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:currentColor}
.mode-segment .ms-btn#msGitnaan.active{color:var(--purple)}
[data-theme="dark"] .mode-segment{background:var(--bg-input2)}
[data-theme="dark"] .mode-segment .ms-btn:hover:not(.active){background:rgba(255,255,255,.04)}
[data-theme="dark"] .mode-segment .ms-btn.active{background:var(--bg-card)}
/* ── Dark mode extended overrides ── */
[data-theme="dark"] .sidebar{background:var(--bg-card)}
[data-theme="dark"] .adm-body{background:var(--bg)}
[data-theme="dark"] .adm-topbar{background:var(--bg-card);border-color:var(--border)}
[data-theme="dark"] .adm-section{background:var(--bg-card);border-color:var(--border)}
[data-theme="dark"] .adm-stat-card{background:var(--bg-card)}
[data-theme="dark"] .adm-draw-card{background:var(--bg-card)}
[data-theme="dark"] .stn-card{background:var(--bg-card)}
[data-theme="dark"] .adm-tbl-input:focus{background:var(--bg-input)}
[data-theme="dark"] .adm-members-table th,[data-theme="dark"] .adm-members-table td{border-color:var(--border)}
[data-theme="dark"] .adm-tr-alt td{background:rgba(255,255,255,.03)}
[data-theme="dark"] .adm-status-draft{background:rgba(161,98,7,.25);color:#fbbf24}
[data-theme="dark"] .adm-status-complete{background:rgba(15,118,110,.25);color:#5eead4}
[data-theme="dark"] .adm-status-no_result{background:rgba(190,18,60,.25);color:#fb7185}
[data-theme="dark"] .adm-status-upcoming{background:rgba(124,58,237,.25);color:#c4b5fd}
[data-theme="dark"] .adm-status-open{background:rgba(37,99,235,.25);color:#93c5fd}
[data-theme="dark"] .adm-status-betting-closed{background:rgba(234,88,12,.25);color:#fb923c}
[data-theme="dark"] .adm-status-closed{background:rgba(71,85,105,.25);color:var(--border2)}
[data-theme="dark"] .adm-status-no_draw{background:rgba(14,116,144,.2);color:#22d3ee}
[data-theme="dark"] .btn-sm-nodraw{background:rgba(14,116,144,.2);color:#22d3ee}
[data-theme="dark"] .same-num-notice{background:rgba(161,98,7,.2);border-color:#f59e0b;color:#fbbf24}
[data-theme="dark"] .sdot.s-won{background:rgba(22,163,74,.2);color:#86efac}
[data-theme="dark"] .sdot.s-lost{background:rgba(220,38,38,.2);color:#fca5a5}
[data-theme="dark"] .sdot.s-pending{background:rgba(217,119,6,.2);color:#fcd34d}
[data-theme="dark"] .rpt-kpi-card.blue{border-color:rgba(37,99,235,.35)}
[data-theme="dark"] .rpt-kpi-card.blue .rpt-kpi-icon{background:rgba(37,99,235,.18);color:#93c5fd}
[data-theme="dark"] .rpt-kpi-card.green{border-color:rgba(22,163,74,.35)}
[data-theme="dark"] .rpt-kpi-card.green .rpt-kpi-icon{background:rgba(22,163,74,.18);color:#86efac}
[data-theme="dark"] .rpt-kpi-card.red{border-color:rgba(220,38,38,.35)}
[data-theme="dark"] .rpt-kpi-card.red .rpt-kpi-icon{background:rgba(220,38,38,.18);color:#fca5a5}
[data-theme="dark"] .rpt-kpi-card.orange{border-color:rgba(234,88,12,.35)}
[data-theme="dark"] .rpt-kpi-card.orange .rpt-kpi-icon{background:rgba(234,88,12,.18);color:#fdba74}
[data-theme="dark"] .rpt-referral-box{background:rgba(124,58,237,.15);border-color:rgba(124,58,237,.3);color:#c4b5fd}
[data-theme="dark"] .ref-stat{background:rgba(255,255,255,.05)}
[data-theme="dark"] .ref-stat-lbl{color:#c4b5fd}
[data-theme="dark"] .rpt-top10-rank.gold{background:rgba(161,98,7,.25);color:#fbbf24}
[data-theme="dark"] .rpt-top10-rank.silver{background:var(--bg-input);color:var(--text-muted)}
[data-theme="dark"] .rpt-top10-rank.bronze{background:rgba(146,64,14,.25);color:#fdba74}
[data-theme="dark"] .al-pill:hover{background:var(--bg-input)}
/* ── Lucky Pick button — pressable design ── */
.btn-lucky{
  width:100%;
  border:none;
  border-top:1px solid var(--border);
  background:linear-gradient(135deg,#7c3aed 0%,#5b3df0 50%,#2563eb 100%);
  color:#fff;
  padding:13px 16px;
  font-size:.88rem;
  font-weight:800;
  letter-spacing:.2px;
  cursor:pointer;
  font-family:inherit;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  position:relative;
  overflow:hidden;
  transition:all .18s cubic-bezier(.4,0,.2,1);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -3px 0 rgba(0,0,0,.18),
    0 -1px 0 rgba(0,0,0,.08);
  text-shadow:0 1px 2px rgba(0,0,0,.25);
  user-select:none;
  -webkit-tap-highlight-color:transparent;
}
.btn-lucky::before{
  content:'';
  position:absolute;
  left:0;right:0;top:0;
  height:50%;
  background:linear-gradient(180deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 100%);
  pointer-events:none;
  transition:opacity .18s;
}
.btn-lucky:hover{
  background:linear-gradient(135deg,#8b5cf6 0%,#6d52f3 50%,#3b82f6 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -3px 0 rgba(0,0,0,.18),
    0 -3px 16px rgba(124,58,237,.35);
}
.btn-lucky:hover #diceIcon{transform:rotate(14deg) scale(1.08)}
.btn-lucky:active{
  background:linear-gradient(135deg,#6d28d9 0%,#4c2bd0 50%,#1e40af 100%);
  box-shadow:
    inset 0 3px 6px rgba(0,0,0,.3),
    inset 0 -1px 0 rgba(0,0,0,.1),
    0 0 0 rgba(0,0,0,0);
  padding-top:14px;
  padding-bottom:12px;
}
.btn-lucky:active::before{opacity:.2}
.btn-lucky:active #diceIcon{transform:rotate(-10deg) scale(.94)}
.btn-lucky:disabled{
  opacity:.55;
  cursor:not-allowed;
  filter:saturate(.6);
}
.btn-lucky:disabled:hover{
  background:linear-gradient(135deg,#7c3aed 0%,#5b3df0 50%,#2563eb 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -3px 0 rgba(0,0,0,.18),
    0 -1px 0 rgba(0,0,0,.08);
}
.btn-lucky #diceIcon{
  font-size:1.1rem;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));
  transition:transform .25s cubic-bezier(.4,0,.2,1);
  display:inline-block;
}
/* Draws & Results — strong row hover (background + accent bar + light border) */
#draws-results-table tbody tr {
  transition: background-color .12s ease, box-shadow .12s ease, color .12s ease;
}
#draws-results-table tbody tr:hover td,
#draws-results-table tbody tr.adm-tr-alt:hover td {
  background: #dbeafe !important;
  color: #0f172a !important;
  font-weight: 600 !important;
  border-top:    1px solid #60a5fa !important;
  border-bottom: 1px solid #60a5fa !important;
}
#draws-results-table tbody tr:hover td:first-child {
  box-shadow: inset 4px 0 0 #2563eb;
  border-left: 1px solid #60a5fa !important;
}
#draws-results-table tbody tr:hover td:last-child {
  border-right: 1px solid #60a5fa !important;
}

/* ── Cash-in iframe payment step ───────────────────────────── */
#playerCashinModalBox { padding: 20px; }
.cashin-iframe-wrap {
  border-radius: 12px;
  overflow: hidden;
  background: #f1f5f9;
  margin-bottom: 10px;
  border: 1px solid rgba(0,0,0,.07);
}
.cashin-iframe-wrap iframe {
  width: 100%;
  height: 560px;
  border: none;
  display: block;
}
.cashin-status-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: .82rem;
  color: var(--text-muted);
  padding: 2px 0;
}
.cashin-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #f59e0b;
  animation: cashin-pulse 1.4s ease-in-out infinite;
  flex-shrink: 0;
}
@keyframes cashin-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: .45; transform: scale(.75); }
}

/* Active Stations panel card */
.stations-panel{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);margin:0 16px 20px;overflow:hidden}
.stations-panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid var(--border)}
.stations-panel-title{font-size:.78rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}
.stations-panel-count{font-size:.7rem;font-weight:700;color:var(--text-muted);background:var(--bg-input2);border:1px solid var(--border);border-radius:99px;padding:2px 9px}
.stations-panel-body{padding:14px 12px 4px}

/* LIGAHO results modal – modern redesign */
.btn-ligaho{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:5px 14px;border-radius:99px;font-size:.72rem;font-weight:800;cursor:pointer;letter-spacing:.05em;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px rgba(245,158,11,.35)}
.btn-ligaho:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(245,158,11,.5)}
.btn-ligaho:active{transform:translateY(0)}
.ligaho-modal{max-height:92vh;padding:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;flex-direction:column;overflow:hidden}
.ligaho-accent-bar{height:3px;background:linear-gradient(90deg,#f59e0b,#a855f7,#3b82f6);flex-shrink:0}
.ligaho-head{background:#fff;border-bottom:1px solid var(--border);flex-shrink:0;padding:14px 16px 0}
.ligaho-head-top{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:12px}
.ligaho-month-ctrl{display:flex;align-items:center;gap:8px}
.ligaho-month-lbl{font-size:1rem;font-weight:900;color:var(--text);letter-spacing:-.02em;min-width:130px;text-align:center}.ligaho-head-top>.modal-close{position:absolute;right:0}
.ligaho-nav-btn{background:var(--bg-input2);border:1px solid var(--border);border-radius:8px;width:30px;height:30px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:.72rem;transition:all .15s;font-family:inherit;flex-shrink:0}
.ligaho-nav-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.ligaho-station-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none}
.ligaho-station-tabs::-webkit-scrollbar{display:none}
.ligaho-tab{background:var(--bg-input2);border:2px solid transparent;border-radius:99px;padding:5px 14px;font-size:.7rem;font-weight:800;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all .18s;font-family:inherit;letter-spacing:.03em;flex-shrink:0}
.ligaho-tab:hover{color:var(--text);background:var(--bg-input)}
.ligaho-tab-active{background:#fff}
.ligaho-table-wrap{overflow:auto;flex:1;overscroll-behavior:contain}
.ligaho-table{width:100%;border-collapse:collapse;font-size:.8rem}
.ligaho-table thead{position:sticky;top:0;z-index:5}
.ligaho-table thead th{background:var(--bg-input);padding:9px 10px;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);text-align:center;border-bottom:2px solid var(--border);white-space:nowrap}
.ligaho-th-day{text-align:left;min-width:68px;padding-left:14px}
.ligaho-table tbody tr{border-bottom:1px solid var(--bg-input2);transition:background .1s}
.ligaho-table tbody tr:hover:not(.ligaho-today){background:var(--bg-input)}
.ligaho-today{background:color-mix(in srgb,var(--accent) 7%,transparent) !important}
.ligaho-today .ligaho-dnum{color:var(--accent)}
.ligaho-today .ligaho-day-cell{border-left:3px solid var(--accent)}
.ligaho-future .ligaho-dow,.ligaho-future .ligaho-dnum{opacity:.3}
.ligaho-future .ligaho-result{opacity:.18}
.ligaho-sun .ligaho-dow,.ligaho-sun .ligaho-dnum{color:#f97316}
.ligaho-day-cell{padding:8px 10px 8px 14px;white-space:nowrap;display:flex;align-items:center;gap:6px}
.ligaho-dow{font-size:.63rem;font-weight:700;color:var(--text-muted);width:26px;flex-shrink:0}
.ligaho-dnum{font-weight:900;color:var(--text);font-size:.88rem;line-height:1;min-width:18px}
.ligaho-result{text-align:center;padding:6px 8px}
.ligaho-pill{display:inline-block;background:var(--bg-input2);border:1px solid var(--border);border-radius:6px;padding:3px 9px;font-size:.76rem;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-family:monospace}
.ligaho-empty{color:var(--border2);font-size:.75rem;line-height:1}
.ligaho-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:10px;color:var(--text-muted);font-size:.82rem}
.ligaho-loading i{font-size:1.6rem;color:var(--accent);opacity:.65}
.ligaho-err{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-muted);gap:8px;font-size:.84rem}
[data-theme="dark"] .ligaho-head{background:var(--bg-card)}
[data-theme="dark"] .ligaho-tab-active{background:var(--bg-card)}
[data-theme="dark"] .ligaho-pill{background:var(--bg-input)}

/* Stations panel wins display */
.stations-panel-wins{display:flex;flex-direction:row;align-items:center;gap:6px}
.stations-panel-wins-lbl{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}
.stations-panel-wins-val{font-size:.92rem;font-weight:900;color:var(--success);letter-spacing:-.01em}

/* ── Dashboard Today card (stats + results) ── */
.dash-today-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:0 16px 14px;overflow:hidden}
.dash-stats-row{display:flex;align-items:center;padding:12px 16px;gap:0}
.dash-stat-pill{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.dash-stat-pill i{font-size:.82rem;color:var(--text-muted);flex-shrink:0}
.dash-stat-pill.dash-stat-win i{color:var(--success)}
.dash-stat-info{display:flex;flex-direction:column;gap:1px;min-width:0}
.dash-stat-val{font-size:.88rem;font-weight:900;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-stat-win .dash-stat-val{color:var(--success)}
.dash-stat-lbl{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}
.dash-stat-sep{width:1px;height:32px;background:var(--border);flex-shrink:0;margin:0 10px}
.dash-results-wrap{border-top:1px solid var(--border);padding:10px 16px}
.dash-results-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:8px;display:flex;align-items:center;gap:5px}
.dash-results-label i{font-size:.65rem}
.dash-results-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.dash-results-scroll::-webkit-scrollbar{display:none}
.dash-result-chip{display:flex;align-items:center;gap:6px;background:var(--bg-input);border:1px solid var(--border);border-radius:99px;padding:5px 12px;white-space:nowrap;flex-shrink:0}
.dash-result-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.dash-result-stn{font-size:.67rem;font-weight:800;color:var(--text-muted)}
.dash-result-lbl{font-size:.67rem;font-weight:600;color:var(--text-muted);opacity:.7}
.dash-result-nums{font-size:.78rem;font-weight:900;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:.04em}

/* ── Dashboard Recent Bets card ── */
.dash-recent-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:0 16px 16px;overflow:hidden}
.dash-recent-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 10px;border-bottom:1px solid var(--border)}
.dash-recent-title{font-size:.78rem;font-weight:800;color:var(--text);display:flex;align-items:center;gap:6px}
.dash-recent-title i{font-size:.72rem;color:var(--text-muted)}
.dash-recent-more{font-size:.7rem;font-weight:700;color:var(--accent);text-decoration:none;display:flex;align-items:center;gap:4px}
.dash-recent-more i{font-size:.6rem}
.dash-recent-list{padding:4px 0}
.dash-bet-row{display:flex;align-items:center;gap:8px;padding:7px 14px;border-bottom:1px solid var(--bg-input2)}
.dash-bet-row:last-child{border-bottom:none}
.dash-bet-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.dash-bet-info{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;gap:5px;overflow:hidden}
.dash-bet-nums{font-size:.76rem;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}
.dash-bet-meta{font-size:.65rem;color:var(--text-muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}
.dash-bet-right{display:flex;flex-direction:row;align-items:center;gap:6px;flex-shrink:0}
.dash-bet-amount{font-size:.75rem;font-weight:800;color:var(--text)}
.dash-bet-status{font-size:.65rem;font-weight:800;padding:2px 7px;border-radius:99px;text-transform:capitalize}
.dash-bet-pending{background:var(--bg-input2);color:var(--text-muted)}
.dash-bet-won{background:#dcfce7;color:#16a34a}
.dash-bet-lost{background:#fee2e2;color:#dc2626}
.dash-bet-cancelled{background:var(--bg-input2);color:var(--text-muted);text-decoration:line-through}
[data-theme="dark"] .dash-bet-won{background:rgba(22,163,74,.2);color:#4ade80}
[data-theme="dark"] .dash-bet-lost{background:rgba(220,38,38,.2);color:#f87171}

/* Recent Winners */
.dash-recent-title i.fa-star{color:#f59e0b}
.dash-winner-combo{font-size:.8rem;font-weight:900;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:.06em;background:var(--bg-input2);border:1px solid var(--border);border-radius:6px;padding:2px 8px}

/* Recent Winners ticker animation */
.dash-recent-list{height:228px;overflow:hidden;position:relative}
.dash-recent-list::before,.dash-recent-list::after{content:"";position:absolute;left:0;right:0;height:32px;z-index:2;pointer-events:none}
.dash-recent-list::before{top:0;background:linear-gradient(to bottom,var(--bg-card),transparent)}
.dash-recent-list::after{bottom:0;background:linear-gradient(to top,var(--bg-card),transparent)}
.dash-winners-inner{animation:tickerScroll 22s linear infinite}
.dash-winners-inner:hover{animation-play-state:paused}
@keyframes tickerScroll{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}

[data-theme="dark"] .form-group textarea{background:var(--bg-input);color:var(--text);border-color:var(--border)}