*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'DM Sans',sans-serif;background:#0a0a0b;color:#f0ede8;min-height:100vh;}

/* NAV */
.nav{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:58px;border-bottom:0.5px solid rgba(255,255,255,0.08);background:#0a0a0b;position:sticky;top:0;z-index:200;}
.logo{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:3px;cursor:pointer;color:#f0ede8;}
.logo span{color:#d4a843;}
.nav-links{display:flex;list-style:none;}
.nav-links a{font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:rgba(240,237,232,0.45);cursor:pointer;padding:0 16px;height:58px;display:flex;align-items:center;border-bottom:2px solid transparent;transition:all 0.2s;}
.nav-links a:hover{color:rgba(240,237,232,0.8);}.nav-links a.active{color:#f0ede8;border-bottom-color:#d4a843;}
.nav-right{display:flex;gap:10px;align-items:center;}
.btn-sub{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;padding:8px 20px;border-radius:5px;background:#d4a843;border:none;color:#0a0a0b;cursor:pointer;}
.btn-sub:hover{background:#e6bc5a;}
.mode-toggle{display:flex;background:rgba(255,255,255,0.04);border:0.5px solid rgba(255,255,255,0.1);border-radius:4px;overflow:hidden;}
.mode-btn{font-family:'DM Sans',sans-serif;font-size:10px;font-weight:500;letter-spacing:0.8px;text-transform:uppercase;padding:6px 12px;background:transparent;border:none;color:rgba(240,237,232,0.4);cursor:pointer;transition:all 0.2s;white-space:nowrap;}
.mode-btn.active{background:rgba(212,168,67,0.15);color:#d4a843;}
.user-account{position:relative;}
.user-trigger{display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background 0.15s;}
.user-trigger:hover{background:rgba(255,255,255,0.05);}
.user-avatar{width:34px;height:34px;border-radius:50%;background:rgba(212,168,67,0.2);border:1.5px solid rgba(212,168,67,0.3);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#d4a843;overflow:hidden;}
.user-chevron{font-size:11px;color:rgba(240,237,232,0.4);transition:transform 0.2s;}
.user-chevron.open{transform:rotate(180deg);}
.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#141416;border:0.5px solid rgba(255,255,255,0.1);border-radius:8px;min-width:210px;overflow:hidden;z-index:300;display:none;box-shadow:0 8px 32px rgba(0,0,0,0.4);}
.user-dropdown.open{display:block;}
.user-dropdown-header{padding:1rem 1.1rem;border-bottom:0.5px solid rgba(255,255,255,0.07);}
.udh-name{font-size:13px;font-weight:600;}.udh-email{font-size:11px;color:rgba(240,237,232,0.35);margin-top:2px;}
.udh-badge{display:inline-block;margin-top:6px;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:2px 8px;border-radius:2px;background:rgba(212,168,67,0.12);color:#d4a843;border:0.5px solid rgba(212,168,67,0.25);}
.ud-item{display:flex;align-items:center;gap:10px;padding:11px 1.1rem;cursor:pointer;transition:background 0.15s;font-size:13px;color:rgba(240,237,232,0.7);}
.ud-item:hover{background:rgba(255,255,255,0.04);color:#f0ede8;}
.ud-item.danger{color:rgba(239,68,68,0.7);}.ud-item.danger:hover{background:rgba(239,68,68,0.05);color:#f87171;}
.ud-sep{height:0.5px;background:rgba(255,255,255,0.07);}

/* ─── ADD BET FORM ─── */
.add-bet-form{padding:0 0.25rem;}
.ab-section{background:rgba(255,255,255,0.03);border:0.5px solid rgba(255,255,255,0.08);border-radius:10px;padding:1rem 1.1rem;margin-bottom:10px;}
.ab-section-title{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:rgba(240,237,232,0.5);letter-spacing:0.5px;margin-bottom:12px;cursor:pointer;}
.ab-section-icon{font-size:10px;color:#d4a843;}
.ab-section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.ab-section-title-text{font-size:13px;font-weight:600;color:#f0ede8;}
.ab-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.ab-field{display:flex;flex-direction:column;gap:5px;}
.ab-field.full{grid-column:1/-1;}
.ab-label{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(240,237,232,0.35);}
.ab-input{background:rgba(255,255,255,0.05);border:0.5px solid rgba(255,255,255,0.12);border-radius:8px;padding:10px 12px;color:#f0ede8;font-family:'DM Sans',sans-serif;font-size:13px;outline:none;transition:border-color 0.2s;width:100%;}
.ab-input:focus{border-color:rgba(212,168,67,0.5);background:rgba(255,255,255,0.07);}
.ab-input::placeholder{color:rgba(240,237,232,0.2);}
select.ab-input option{background:#141822;color:#f0ede8;}
.ab-select-wrap{display:flex;gap:6px;align-items:center;}
.ab-select-wrap .ab-input{flex:1;}
.ab-add-btn{width:34px;height:34px;border-radius:8px;background:rgba(212,168,67,0.1);border:0.5px solid rgba(212,168,67,0.25);color:#d4a843;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.2s;line-height:1;}
.ab-add-btn:hover{background:rgba(212,168,67,0.2);}
.ab-format-btns{display:flex;gap:8px;}
.ab-format-btn{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;padding:8px 20px;border-radius:8px;cursor:pointer;border:0.5px solid rgba(255,255,255,0.1);background:transparent;color:rgba(240,237,232,0.5);transition:all 0.2s;}
.ab-format-btn.active{background:rgba(99,102,241,0.15);border-color:rgba(99,102,241,0.4);color:#818cf8;}
.ab-quick-stakes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;}
.ab-qs-btn{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;padding:10px;border-radius:8px;cursor:pointer;border:0.5px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.04);color:rgba(240,237,232,0.7);transition:all 0.2s;}
.ab-qs-btn:hover{background:rgba(212,168,67,0.12);border-color:rgba(212,168,67,0.3);color:#d4a843;}
.ab-qs-btn.sel{background:rgba(212,168,67,0.15);border-color:rgba(212,168,67,0.4);color:#d4a843;}

@keyframes fadeIn{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}
/* PAGES */
.page{display:none;}.page.active{display:block;}

/* HOME */
.home-groups{padding:2.5rem 2rem 0;}
.home-groups-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.hg-card{border-radius:12px;padding:2.5rem 2rem;cursor:pointer;transition:all 0.2s;text-align:center;}
.hg-card.free{border:1.5px solid rgba(255,255,255,0.18);background:rgba(255,255,255,0.02);}
.hg-card.free:hover{border-color:rgba(255,255,255,0.35);background:rgba(255,255,255,0.04);}
.hg-card.vip{border:1.5px solid rgba(212,168,67,0.3);background:rgba(212,168,67,0.02);}
.hg-card.vip:hover{border-color:rgba(212,168,67,0.6);background:rgba(212,168,67,0.05);}
.hg-type{font-family:'Bebas Neue',sans-serif;font-size:48px;letter-spacing:5px;margin-bottom:4px;}
.hg-card.free .hg-type{color:#f0ede8;}.hg-card.vip .hg-type{color:#d4a843;}
.hg-sub{font-size:14px;color:rgba(240,237,232,0.4);margin-bottom:2rem;}
.hg-btn{width:100%;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;padding:12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all 0.2s;background:rgba(255,255,255,0.9);border:none;color:#0a0a0b;}
.hg-btn:hover{background:#fff;}
.home-divider{height:0.5px;background:rgba(255,255,255,0.06);margin:2.5rem 0 0;}
.home-tops-section{padding:2rem 2rem 3rem;max-width:800px;}
.home-tops-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;}
.home-tops-title-row{display:flex;align-items:center;gap:10px;}
.live-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(74,222,128,0.4);}50%{opacity:.8;box-shadow:0 0 0 5px rgba(74,222,128,0);}}
.home-empty{text-align:center;padding:3rem;border:0.5px dashed rgba(255,255,255,0.08);border-radius:10px;}
.home-empty p{font-size:15px;color:rgba(240,237,232,0.4);margin-bottom:6px;}
.home-empty span{font-size:12px;color:rgba(240,237,232,0.2);}
.htop-card{border-radius:8px;border:0.5px solid rgba(255,255,255,0.08);margin-bottom:10px;overflow:hidden;transition:border-color 0.2s;}
.htop-card:hover{border-color:rgba(255,255,255,0.16);}
.htop-card-inner{display:flex;align-items:stretch;}
.htop-accent{width:4px;flex-shrink:0;}
.htop-accent.avip{background:rgba(212,168,67,0.7);}.htop-accent.apaid{background:rgba(99,102,241,0.7);}.htop-accent.afree{background:rgba(74,222,128,0.6);}
.htop-body{flex:1;padding:1rem 1.25rem;}
.htop-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;flex-wrap:wrap;gap:6px;}
.htop-meta{display:flex;align-items:center;gap:10px;}
.htop-league{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(240,237,232,0.3);}
.htop-date{font-size:10px;color:rgba(240,237,232,0.22);}
.htop-access-badge{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:3px 10px;border-radius:2px;}
.hab-vip{background:rgba(212,168,67,0.1);color:#d4a843;border:0.5px solid rgba(212,168,67,0.25);}
.hab-paid{background:rgba(99,102,241,0.1);color:#818cf8;border:0.5px solid rgba(99,102,241,0.25);}
.hab-free{background:rgba(74,222,128,0.08);color:#4ade80;border:0.5px solid rgba(74,222,128,0.2);}
.htop-title{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:1.5px;margin-bottom:6px;}
.htop-pick-row{display:flex;align-items:center;gap:8px;}
.htop-pick-label{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(240,237,232,0.3);}
.htop-pick-val{font-size:13px;font-weight:600;color:#d4a843;}
.htop-locked-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px;flex-wrap:wrap;gap:6px;}
.htop-locked-msg{font-size:12px;color:rgba(240,237,232,0.35);}
.htop-action-btns{display:flex;gap:6px;}
.btn-buy-sm{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:600;padding:6px 14px;border:none;background:#d4a843;color:#0a0a0b;border-radius:3px;cursor:pointer;}
.btn-vip-sm{font-family:'DM Sans',sans-serif;font-size:11px;padding:6px 12px;border:0.5px solid rgba(255,255,255,0.15);background:transparent;color:rgba(240,237,232,0.6);border-radius:3px;cursor:pointer;}
.result-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:3px;}
.rp-win{background:rgba(34,197,94,0.1);color:#4ade80;}.rp-loss{background:rgba(239,68,68,0.1);color:#f87171;}.rp-pending{background:rgba(255,255,255,0.06);color:rgba(240,237,232,0.4);}

/* PRICING */
.pricing-page{padding:3rem 2rem;max-width:860px;margin:0 auto;}
.pricing-label{font-size:13px;color:rgba(240,237,232,0.35);text-align:center;margin-bottom:2.5rem;letter-spacing:1px;}
.pricing-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:2rem;}
.pricing-card{flex:0 1 380px;max-width:420px;}
.pricing-card{border-radius:12px;overflow:hidden;border:0.5px solid rgba(255,255,255,0.08);}
.pricing-card.featured{border-color:rgba(212,168,67,0.3);}
.pc-top{padding:2.25rem 2rem;text-align:center;border-bottom:0.5px solid rgba(255,255,255,0.07);position:relative;}
.pc-top.feat{background:rgba(212,168,67,0.02);}
.pc-name{font-family:'Bebas Neue',sans-serif;font-size:32px;letter-spacing:4px;margin-bottom:1.25rem;}
.pc-price{display:flex;align-items:flex-start;justify-content:center;gap:2px;margin-bottom:8px;}
.pc-currency{font-size:22px;font-weight:600;margin-top:8px;color:rgba(240,237,232,0.6);}
.pc-amount{font-family:'Bebas Neue',sans-serif;font-size:58px;letter-spacing:1px;line-height:1;}
.pc-bank{font-size:12px;color:rgba(240,237,232,0.35);margin-bottom:4px;}
.pc-validity{font-size:12px;color:rgba(240,237,232,0.35);margin-bottom:1.75rem;}
.pc-btn{width:100%;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;padding:13px;border-radius:6px;cursor:pointer;transition:all 0.2s;}
.pc-btn.gold{background:#d4a843;border:none;color:#0a0a0b;}.pc-btn.gold:hover{background:#e6bc5a;}
.pc-btn.outline{background:transparent;border:0.5px solid rgba(255,255,255,0.18);color:#f0ede8;}.pc-btn.outline:hover{background:rgba(255,255,255,0.05);}
.pc-bottom{padding:1.75rem 2rem;background:rgba(255,255,255,0.01);}
.pc-includes{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(240,237,232,0.25);margin-bottom:1rem;}
.pc-features{list-style:none;}
.pc-features li{font-size:13px;color:rgba(240,237,232,0.6);padding:8px 0;display:flex;align-items:center;gap:10px;border-bottom:0.5px solid rgba(255,255,255,0.04);}
.pc-features li:last-child{border-bottom:none;}
.pc-features li::before{content:'';width:4px;height:4px;border-radius:50%;background:#d4a843;flex-shrink:0;}
.pricing-note{text-align:center;font-size:12px;color:rgba(240,237,232,0.25);line-height:1.8;}
.pay-method-btn{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;background:rgba(255,255,255,0.03);border:0.5px solid rgba(255,255,255,0.1);border-radius:10px;color:#f0ede8;cursor:pointer;text-align:left;transition:all 0.2s;font-family:'DM Sans',sans-serif;}
.pay-method-btn:hover{background:rgba(255,255,255,0.06);border-color:rgba(212,168,67,0.4);}
.pay-method-btn:disabled{opacity:0.4;cursor:not-allowed;}
.admin-pricing-bar{background:rgba(212,168,67,0.04);border:0.5px solid rgba(212,168,67,0.12);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;}

/* PROFILE */
.profile-page{padding:2rem;max-width:720px;margin:0 auto;}
.profile-header{display:flex;align-items:center;gap:1.5rem;padding:1.75rem;background:rgba(255,255,255,0.02);border:0.5px solid rgba(255,255,255,0.07);border-radius:12px;margin-bottom:1.25rem;}
.profile-avatar-big{width:64px;height:64px;border-radius:50%;background:rgba(212,168,67,0.2);border:2px solid rgba(212,168,67,0.3);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#d4a843;flex-shrink:0;position:relative;overflow:hidden;}
.profile-avatar-big img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.avatar-upload-wrap{position:relative;cursor:pointer;}
.avatar-upload-btn{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;border-radius:50%;background:#d4a843;border:2px solid #0a0a0b;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:2;}
.avatar-upload-btn svg{width:12px;height:12px;stroke:#0a0a0b;stroke-width:2.5;fill:none;}
.admin-mode .avatar-upload-btn{display:flex;}
.profile-name{font-size:20px;font-weight:600;margin-bottom:4px;}
.profile-email{font-size:13px;color:rgba(240,237,232,0.4);}
.profile-sub-badge{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 10px;border-radius:3px;background:rgba(212,168,67,0.1);color:#d4a843;border:0.5px solid rgba(212,168,67,0.25);}
.profile-section{background:rgba(255,255,255,0.02);border:0.5px solid rgba(255,255,255,0.07);border-radius:8px;margin-bottom:10px;overflow:hidden;}
.ps-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:0.5px solid rgba(255,255,255,0.07);}
.ps-title{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(240,237,232,0.35);}
.ps-body{padding:1.25rem;}
.ps-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:0.5px solid rgba(255,255,255,0.05);}
.ps-row:last-child{border-bottom:none;}
.ps-key{font-size:13px;color:rgba(240,237,232,0.4);}.ps-val{font-size:13px;font-weight:500;color:#f0ede8;}
.ps-val.gold{color:#d4a843;}.ps-val.green{color:#4ade80;}
.edit-btn{font-family:'DM Sans',sans-serif;font-size:10px;padding:5px 14px;border-radius:3px;cursor:pointer;border:0.5px solid rgba(255,255,255,0.12);background:transparent;color:rgba(240,237,232,0.5);}
.edit-btn:hover{background:rgba(255,255,255,0.06);color:#f0ede8;}
.sub-card{background:rgba(212,168,67,0.04);border:0.5px solid rgba(212,168,67,0.15);border-radius:7px;padding:1.1rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;flex-wrap:wrap;gap:8px;}
.sub-card-info h4{font-size:14px;font-weight:600;margin-bottom:3px;}.sub-card-info span{font-size:11px;color:rgba(240,237,232,0.4);}
.sub-status{display:flex;align-items:center;gap:6px;}
.sub-active-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;}
.sub-active-label{font-size:12px;font-weight:600;color:#4ade80;}
.cancel-btn{font-family:'DM Sans',sans-serif;font-size:11px;padding:6px 14px;border-radius:3px;cursor:pointer;border:0.5px solid rgba(239,68,68,0.25);background:transparent;color:rgba(239,68,68,0.6);}
.cancel-btn:hover{background:rgba(239,68,68,0.06);color:#f87171;}
.danger-zone{border-color:rgba(239,68,68,0.12);}
.danger-btn{font-family:'DM Sans',sans-serif;font-size:12px;padding:9px 18px;border-radius:4px;cursor:pointer;border:0.5px solid rgba(239,68,68,0.25);background:rgba(239,68,68,0.05);color:rgba(239,68,68,0.7);}
.danger-btn:hover{background:rgba(239,68,68,0.1);color:#f87171;}

/* GRUPOS LAYOUT */
.layout{display:flex;min-height:calc(100vh - 58px);}
.sidebar{width:220px;flex-shrink:0;border-right:0.5px solid rgba(255,255,255,0.07);padding:1.5rem 0.75rem;}
.main-area{flex:1;overflow:hidden;}
.s-label{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(240,237,232,0.22);margin-bottom:8px;padding:0 8px;}
.s-item{display:flex;align-items:center;gap:9px;padding:9px;border-radius:5px;cursor:pointer;transition:background 0.15s;margin-bottom:2px;}
.s-item:hover{background:rgba(255,255,255,0.04);}.s-item.active{background:rgba(255,255,255,0.06);}
.s-item .s-name{font-size:13px;color:rgba(240,237,232,0.6);}.s-item.active .s-name{color:#f0ede8;font-weight:500;}
.s-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}.s-sec{margin-bottom:1.5rem;}
.badge{font-size:9px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:3px 9px;border-radius:2px;}
.badge-vip{background:rgba(212,168,67,0.12);color:#d4a843;border:0.5px solid rgba(212,168,67,0.25);}
.badge-free{background:rgba(255,255,255,0.06);color:rgba(240,237,232,0.5);}
.badge-admin{background:rgba(212,168,67,0.08);color:#d4a843;border:0.5px solid rgba(212,168,67,0.2);}
.group-hdr{padding:1.5rem 2rem 0;border-bottom:0.5px solid rgba(255,255,255,0.07);}
.group-hdr-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem;}
.group-title{font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:2px;display:flex;align-items:center;gap:10px;}
.group-sub{font-size:12px;color:rgba(240,237,232,0.3);margin-top:3px;}
.tabs{display:flex;}.tab{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;padding:10px 18px;background:transparent;border:none;color:rgba(240,237,232,0.35);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-0.5px;transition:all 0.2s;}
.tab:hover{color:rgba(240,237,232,0.65);}.tab.active{color:#f0ede8;border-bottom-color:#d4a843;}
.tab-pane{display:none;}.tab-pane.active{display:block;}
.feed{padding:1.5rem 2rem;max-width:680px;}
.av{width:32px;height:32px;border-radius:50%;background:rgba(212,168,67,0.2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#d4a843;flex-shrink:0;overflow:hidden;}
.av img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.post{border:0.5px solid rgba(255,255,255,0.08);border-radius:8px;margin-bottom:12px;overflow:hidden;}
.post-hdr{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem 0.75rem;}
.post-author{display:flex;align-items:center;gap:10px;}.post-meta h4{font-size:13px;font-weight:600;display:flex;align-items:center;gap:5px;}
.vcheck{color:#d4a843;font-size:11px;}.post-meta span{font-size:11px;color:rgba(240,237,232,0.3);}
.abtn{font-family:'DM Sans',sans-serif;font-size:10px;padding:4px 10px;border-radius:3px;cursor:pointer;border:0.5px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.03);color:rgba(240,237,232,0.5);}
.abtn:hover{background:rgba(255,255,255,0.07);color:#f0ede8;}.abtn.danger{color:rgba(239,68,68,0.6);}
/* ─── TICKET STAKE-STYLE ─── */
.pick-ticket{margin:0 1.25rem 1.25rem;border-radius:12px;overflow:hidden;background:#141822;box-shadow:0 2px 20px rgba(0,0,0,0.4);max-width:460px;}
.ticket-header{padding:1.1rem 1.25rem 1rem;}
.ticket-game-top{display:flex;align-items:center;gap:5px;margin-bottom:9px;}
.ticket-sport-icon{font-size:14px;flex-shrink:0;line-height:1;}
.ticket-teams{font-size:14.5px;font-weight:700;color:#f0ede8;line-height:1.35;letter-spacing:-0.1px;}
.ticket-meta-row{font-size:13px;color:rgba(240,237,232,0.45);margin-bottom:6px;}
.ticket-market{font-size:13px;color:rgba(240,237,232,0.5);margin-bottom:8px;}
.ticket-selection-row{display:flex;align-items:center;justify-content:space-between;}
.ticket-selection{font-size:15px;font-weight:700;color:#f0ede8;}
.ticket-odds{font-size:15px;font-weight:700;color:#4a9eff;}
.ticket-divider{position:relative;height:1px;background:rgba(255,255,255,0.1);margin:0.9rem 0;display:flex;align-items:center;justify-content:center;}
.ticket-brand{background:#141822;padding:0 16px;position:relative;z-index:1;}
.ticket-brand-text{font-family:'Bebas Neue',sans-serif;font-size:19px;letter-spacing:4px;color:#f0ede8;line-height:1;}
.ticket-brand-text span{color:#d4a843;}
.ticket-footer{padding:0.1rem 1.25rem 1.1rem;display:flex;flex-direction:column;gap:11px;}
.ticket-row{display:flex;align-items:center;justify-content:space-between;}
.ticket-row-label{font-size:14px;color:rgba(240,237,232,0.45);}
.ticket-row-val{font-size:14px;font-weight:700;color:#4a9eff;display:flex;align-items:center;gap:4px;}
.ticket-row-val .unit{font-size:11px;font-weight:600;color:rgba(74,158,255,0.65);letter-spacing:0.5px;}
.ticket-row-val.payout-val{color:#f0ede8;}
.ticket-row-val.payout-val .unit{color:rgba(240,237,232,0.4);}
.result-bar{margin:0 1.25rem 1rem;display:flex;align-items:center;gap:8px;}
.mark-btn{font-size:10px;padding:5px 12px;border-radius:3px;cursor:pointer;border:0.5px solid rgba(255,255,255,0.1);background:transparent;color:rgba(240,237,232,0.4);font-family:'DM Sans',sans-serif;}
.admin-strip{background:rgba(212,168,67,0.04);border:0.5px solid rgba(212,168,67,0.12);border-radius:8px;padding:1.1rem;margin-bottom:1.25rem;}
.admin-strip-title{font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#d4a843;margin-bottom:12px;}
.astrip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.astat{text-align:center;}.astat .n{font-family:'Bebas Neue',sans-serif;font-size:24px;color:#d4a843;letter-spacing:1px;line-height:1;}
.astat .l{font-size:9px;color:rgba(240,237,232,0.3);letter-spacing:1px;text-transform:uppercase;margin-top:3px;}
.astrip-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;}
.compose-card{border:0.5px solid rgba(212,168,67,0.2);border-radius:8px;background:rgba(212,168,67,0.02);margin-bottom:1rem;overflow:hidden;}
.compose-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:0.5px solid rgba(255,255,255,0.06);cursor:pointer;}
.compose-toggle{font-size:11px;color:#d4a843;background:transparent;border:0.5px solid rgba(212,168,67,0.25);padding:5px 14px;border-radius:3px;cursor:pointer;font-family:'DM Sans',sans-serif;}
.compose-body{padding:1.25rem;display:none;}.compose-body.open{display:block;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;}
.form-group{display:flex;flex-direction:column;gap:5px;}.form-group.full{grid-column:1/-1;}
.form-label{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(240,237,232,0.35);}
.form-input{background:rgba(255,255,255,0.04);border:0.5px solid rgba(255,255,255,0.1);border-radius:4px;padding:9px 12px;color:#f0ede8;font-family:'DM Sans',sans-serif;font-size:13px;outline:none;transition:border-color 0.2s;}
.form-input:focus{border-color:rgba(212,168,67,0.4);}.form-input::placeholder{color:rgba(240,237,232,0.25);}
select.form-input option{background:#1a1a1b;color:#f0ede8;}
.payout-box{background:rgba(212,168,67,0.06);border:0.5px solid rgba(212,168,67,0.2);border-radius:6px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.payout-label{font-size:11px;color:rgba(240,237,232,0.4);letter-spacing:1px;text-transform:uppercase;}
.payout-value{font-family:'Bebas Neue',sans-serif;font-size:24px;color:#d4a843;letter-spacing:1px;}
.btn-cancel{font-family:'DM Sans',sans-serif;font-size:11px;padding:8px 18px;background:transparent;border:0.5px solid rgba(255,255,255,0.12);color:rgba(240,237,232,0.5);border-radius:4px;cursor:pointer;}
.btn-publish{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:8px 22px;background:#d4a843;border:none;color:#0a0a0b;border-radius:4px;cursor:pointer;}
.btn-publish:hover{background:#e6bc5a;}
/* ── EMAIL NOTIFY TOAST ── */
.notify-toast{position:fixed;bottom:2rem;right:2rem;background:#141822;border:0.5px solid rgba(212,168,67,0.3);border-radius:10px;padding:14px 20px;display:flex;align-items:center;gap:10px;z-index:9999;box-shadow:0 8px 32px rgba(0,0,0,0.5);animation:toastIn 0.3s ease;font-size:13px;color:#f0ede8;max-width:340px;}
.notify-toast.success{border-color:rgba(74,222,128,0.35);}
.notify-toast.error{border-color:rgba(239,68,68,0.35);}
.notify-toast .nt-icon{font-size:18px;flex-shrink:0;}
.notify-toast .nt-text{flex:1;}
.notify-toast .nt-text small{display:block;font-size:11px;color:rgba(240,237,232,0.4);margin-top:2px;}
@keyframes toastIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}
@keyframes toastOut{from{opacity:1;transform:translateY(0);}to{opacity:0;transform:translateY(12px);}}
/* ── CUSTOM MODAL (replaces alert/confirm) ── */
.cm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:10000;display:flex;align-items:center;justify-content:center;animation:cmFadeIn 0.2s ease;backdrop-filter:blur(2px);}
.cm-box{background:#141822;border:0.5px solid rgba(255,255,255,0.1);border-radius:12px;padding:24px;max-width:380px;width:90%;box-shadow:0 12px 48px rgba(0,0,0,0.5);animation:cmSlideIn 0.25s ease;}
.cm-icon{font-size:28px;text-align:center;margin-bottom:12px;}
.cm-title{font-size:15px;font-weight:600;color:#f0ede8;text-align:center;margin-bottom:6px;}
.cm-msg{font-size:13px;color:rgba(240,237,232,0.55);text-align:center;line-height:1.6;margin-bottom:20px;}
.cm-actions{display:flex;gap:8px;justify-content:center;}
.cm-btn{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;padding:9px 22px;border-radius:6px;border:none;cursor:pointer;transition:all 0.15s;}
.cm-btn-primary{background:#d4a843;color:#0a0a0b;}.cm-btn-primary:hover{background:#e0b650;}
.cm-btn-cancel{background:rgba(255,255,255,0.06);color:rgba(240,237,232,0.6);border:0.5px solid rgba(255,255,255,0.1);}.cm-btn-cancel:hover{background:rgba(255,255,255,0.1);}
.cm-btn-danger{background:rgba(239,68,68,0.15);color:#ef4444;border:0.5px solid rgba(239,68,68,0.25);}.cm-btn-danger:hover{background:rgba(239,68,68,0.25);}
@keyframes cmFadeIn{from{opacity:0;}to{opacity:1;}}
@keyframes cmSlideIn{from{opacity:0;transform:scale(0.95) translateY(8px);}to{opacity:1;transform:scale(1) translateY(0);}}
/* ── TOP NOTIFY TOGGLE ── */
.notify-toggle-row{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;background:rgba(212,168,67,0.04);border:0.5px solid rgba(212,168,67,0.15);border-radius:8px;}
.notify-toggle-row label{font-size:12px;color:rgba(240,237,232,0.6);cursor:pointer;flex:1;}
.notify-toggle-row input[type="checkbox"]{width:16px;height:16px;accent-color:#d4a843;cursor:pointer;}
.compose-actions{display:flex;justify-content:flex-end;gap:8px;}
.content-area{padding:1.5rem 2rem;max-width:680px;}
.instr-block{border:0.5px solid rgba(255,255,255,0.07);border-radius:8px;padding:1.5rem;margin-bottom:10px;}
.instr-n{font-family:'Bebas Neue',sans-serif;font-size:30px;color:rgba(212,168,67,0.2);line-height:1;margin-bottom:4px;}
.instr-t{font-size:14px;font-weight:600;margin-bottom:6px;}.instr-body{font-size:13px;color:rgba(240,237,232,0.45);line-height:1.7;}

/* TOPS PAGE */
.top-page{padding:1.5rem 2rem;max-width:900px;}
.top-page-title{font-family:'Bebas Neue',sans-serif;font-size:36px;letter-spacing:3px;margin-bottom:0.75rem;}
.top-filter-tabs{display:flex;gap:8px;margin-bottom:1.5rem;flex-wrap:wrap;}
.tft{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:7px 18px;border-radius:20px;cursor:pointer;border:0.5px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.03);color:rgba(240,237,232,0.4);transition:all 0.2s;}
.tft:hover{background:rgba(255,255,255,0.06);color:#f0ede8;}.tft.active{background:rgba(212,168,67,0.12);border-color:rgba(212,168,67,0.35);color:#d4a843;}
.top-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:1.5rem;}
.ts-card{background:rgba(255,255,255,0.03);border:0.5px solid rgba(255,255,255,0.07);border-radius:8px;padding:1rem;text-align:center;}
.ts-card .n{font-family:'Bebas Neue',sans-serif;font-size:28px;line-height:1;margin-bottom:4px;}
.ts-card .l{font-size:9px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(240,237,232,0.3);}
.n-gold{color:#d4a843;}.n-green{color:#4ade80;}.n-red{color:#f87171;}.n-white{color:#f0ede8;}
.new-top-card{border:0.5px solid rgba(212,168,67,0.25);border-radius:8px;background:rgba(212,168,67,0.02);margin-bottom:1.5rem;overflow:hidden;}
.new-top-hdr{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;border-bottom:0.5px solid rgba(255,255,255,0.06);}
.new-top-body{padding:1.25rem;display:none;}.new-top-body.open{display:block;}
.access-selector{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap;}
.access-opt{position:relative;}.access-opt input{position:absolute;opacity:0;width:0;height:0;}
.access-label{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 20px;border:0.5px solid rgba(255,255,255,0.1);border-radius:7px;cursor:pointer;transition:all 0.2s;background:rgba(255,255,255,0.02);}
.access-label:hover{border-color:rgba(255,255,255,0.2);}
.access-opt input:checked + .access-label{border-color:rgba(212,168,67,0.4);background:rgba(212,168,67,0.08);}
.access-icon{font-size:20px;}.access-name{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(240,237,232,0.6);}
.access-opt input:checked + .access-label .access-name{color:#d4a843;}
.access-desc{font-size:10px;color:rgba(240,237,232,0.3);text-align:center;}
.price-field{display:none;margin-top:10px;align-items:center;gap:10px;}.price-field.visible{display:flex;}
.upload-zone{border:0.5px dashed rgba(255,255,255,0.15);border-radius:7px;padding:1.75rem;text-align:center;cursor:pointer;transition:all 0.2s;margin-top:6px;}
.upload-zone:hover{border-color:rgba(212,168,67,0.3);background:rgba(212,168,67,0.03);}
.upload-zone p{font-size:13px;color:rgba(240,237,232,0.3);}.upload-zone span{font-size:11px;color:rgba(240,237,232,0.2);}
.upload-preview{display:none;position:relative;border-radius:7px;overflow:hidden;margin-top:6px;}
.upload-preview img{width:100%;border-radius:7px;max-height:240px;object-fit:cover;}
.upload-remove{position:absolute;top:8px;right:8px;background:rgba(0,0,0,0.7);border:none;color:#f0ede8;border-radius:4px;font-size:11px;padding:4px 10px;cursor:pointer;font-family:'DM Sans',sans-serif;}
.top-card{border:0.5px solid rgba(255,255,255,0.08);border-radius:10px;margin-bottom:14px;overflow:hidden;transition:border-color 0.2s;}
.top-card:hover{border-color:rgba(255,255,255,0.15);}
.top-card-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem 0.85rem;flex-wrap:wrap;gap:8px;}
.top-card-author{display:flex;align-items:center;gap:10px;}
.top-author-info h4{font-size:13px;font-weight:600;display:flex;align-items:center;gap:5px;}
.top-author-info span{font-size:11px;color:rgba(240,237,232,0.3);}
.top-card-badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.access-badge{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:3px 10px;border-radius:2px;}
.ab-vip{background:rgba(212,168,67,0.1);color:#d4a843;border:0.5px solid rgba(212,168,67,0.25);}
.ab-paid{background:rgba(99,102,241,0.1);color:#818cf8;border:0.5px solid rgba(99,102,241,0.25);}
.ab-free{background:rgba(34,197,94,0.08);color:#4ade80;border:0.5px solid rgba(34,197,94,0.2);}
.unavail-tag{font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:3px 9px;border-radius:2px;background:rgba(255,255,255,0.05);color:rgba(240,237,232,0.25);border:0.5px solid rgba(255,255,255,0.08);}
.top-content{padding:0 1.25rem 1.25rem;}
.top-title{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:2px;margin-bottom:5px;}
.top-subtitle{font-size:13px;color:rgba(240,237,232,0.4);margin-bottom:1rem;display:flex;align-items:center;gap:10px;}
.top-divider{height:0.5px;background:rgba(255,255,255,0.07);margin:1rem 0;}
.top-detail-row{display:flex;align-items:baseline;gap:8px;margin-bottom:7px;}
.top-detail-key{font-size:13px;font-weight:600;color:rgba(240,237,232,0.7);min-width:70px;}
.top-detail-val{font-size:14px;color:#f0ede8;}.top-detail-val.gold{color:#d4a843;}
.top-ticket-img-placeholder{background:#111115;border:0.5px dashed rgba(255,255,255,0.1);border-radius:7px;height:160px;display:flex;align-items:center;justify-content:center;margin-top:1rem;}
.top-ticket-img-placeholder span{font-size:12px;color:rgba(240,237,232,0.2);letter-spacing:1px;text-transform:uppercase;}
.top-locked{padding:0 1.25rem 1.25rem;}
.top-locked-title{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:2px;margin-bottom:5px;}
.top-locked-sub{font-size:13px;color:rgba(240,237,232,0.4);margin-bottom:1rem;}
.locked-body{background:rgba(255,255,255,0.02);border:0.5px solid rgba(255,255,255,0.07);border-radius:8px;padding:2rem;text-align:center;}
.locked-icon{font-size:32px;margin-bottom:10px;}.locked-msg{font-size:14px;font-weight:500;margin-bottom:6px;color:rgba(240,237,232,0.7);}
.locked-sub-msg{font-size:12px;color:rgba(240,237,232,0.35);margin-bottom:1.5rem;line-height:1.7;}
.locked-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.btn-buy{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;letter-spacing:0.5px;padding:11px 26px;border:none;background:#d4a843;color:#0a0a0b;border-radius:5px;cursor:pointer;}
.btn-buy:hover{background:#e6bc5a;}
.btn-subscribe-sm{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;padding:11px 26px;border:0.5px solid rgba(255,255,255,0.18);background:transparent;color:#f0ede8;border-radius:5px;cursor:pointer;}
.avail-switch{width:32px;height:17px;border-radius:9px;position:relative;transition:background 0.2s;flex-shrink:0;cursor:pointer;}
.avail-switch.on{background:rgba(74,222,128,0.25);border:0.5px solid rgba(74,222,128,0.5);}
.avail-switch.off{background:rgba(255,255,255,0.06);border:0.5px solid rgba(255,255,255,0.15);}
.avail-switch::after{content:'';position:absolute;top:2px;width:11px;height:11px;border-radius:50%;transition:all 0.2s;}
.avail-switch.on::after{right:2px;background:#4ade80;}.avail-switch.off::after{left:2px;background:rgba(255,255,255,0.3);}
.avail-label{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;}
.avail-label.on{color:#4ade80;}.avail-label.off{color:rgba(240,237,232,0.3);}
.dimmed{opacity:0.5;}
.top-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d4a843;flex-shrink:0;}

/* STATS */
.stats-page{padding:2rem 2.5rem;max-width:960px;}
.stats-page-title{font-family:'Bebas Neue',sans-serif;font-size:36px;letter-spacing:3px;margin-bottom:1.25rem;}
.filters-bar{display:flex;align-items:center;gap:8px;margin-bottom:1rem;flex-wrap:wrap;}
.filter-btn{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;padding:7px 16px;border-radius:4px;cursor:pointer;border:0.5px solid rgba(255,255,255,0.1);background:transparent;color:rgba(240,237,232,0.45);transition:all 0.2s;}
.filter-btn:hover{background:rgba(255,255,255,0.05);color:#f0ede8;}.filter-btn.active{background:rgba(212,168,67,0.12);border-color:rgba(212,168,67,0.3);color:#d4a843;}
.stats-pills{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.stats-pill{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:600;padding:5px 14px;border-radius:20px;cursor:pointer;border:0.5px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.03);color:rgba(240,237,232,0.4);transition:all 0.2s;}
.stats-pill:hover{background:rgba(255,255,255,0.06);color:#f0ede8;}
.stats-pill.active{background:rgba(212,168,67,0.15);border-color:rgba(212,168,67,0.35);color:#d4a843;}
.summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:1.5rem;}
.sum-card{background:rgba(255,255,255,0.03);border:0.5px solid rgba(255,255,255,0.07);border-radius:8px;padding:1rem 0.75rem;text-align:center;}
.sum-card .n{font-family:'Bebas Neue',sans-serif;font-size:28px;line-height:1;margin-bottom:4px;}
.sum-card .l{font-size:9px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(240,237,232,0.3);}
.record-card{background:rgba(255,255,255,0.03);border:0.5px solid rgba(255,255,255,0.07);border-radius:8px;padding:1rem 1.25rem;}
.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.5rem;}
.record-bar-wrap{display:flex;gap:2px;height:6px;border-radius:3px;overflow:hidden;margin:10px 0 8px;}
.rb-win{background:#4ade80;}.rb-loss{background:#f87171;}.rb-pending{background:rgba(255,255,255,0.1);}
.record-labels{display:flex;gap:14px;}
.rec-lbl{font-size:11px;color:rgba(240,237,232,0.4);display:flex;align-items:center;gap:5px;}
.rec-dot{width:7px;height:7px;border-radius:50%;}
.chart-wrap{border:0.5px solid rgba(255,255,255,0.07);border-radius:8px;padding:1.1rem;background:rgba(255,255,255,0.01);}
.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem;}
.chart-title{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(240,237,232,0.5);}
.chart-legend{display:flex;gap:14px;}.cl-item{display:flex;align-items:center;gap:5px;font-size:11px;color:rgba(240,237,232,0.4);}
.cl-dot{width:10px;height:3px;border-radius:2px;}
.add-pick-card{border:0.5px solid rgba(212,168,67,0.2);border-radius:8px;background:rgba(212,168,67,0.02);margin-bottom:1.5rem;overflow:hidden;}
.add-pick-hdr{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;border-bottom:0.5px solid rgba(255,255,255,0.06);}
.add-pick-hdr span{font-size:13px;color:rgba(240,237,232,0.5);}
.add-pick-body{padding:1.25rem;display:none;}.add-pick-body.open{display:block;}
.result-select{display:flex;gap:8px;flex-wrap:wrap;}
.rs-btn{font-family:'DM Sans',sans-serif;font-size:12px;padding:7px 16px;border-radius:4px;cursor:pointer;border:0.5px solid rgba(255,255,255,0.1);background:transparent;color:rgba(240,237,232,0.4);transition:all 0.2s;}
.rs-btn.sel-win{background:rgba(34,197,94,0.1);border-color:rgba(34,197,94,0.3);color:#4ade80;}
.rs-btn.sel-loss{background:rgba(239,68,68,0.1);border-color:rgba(239,68,68,0.3);color:#f87171;}
.rs-btn.sel-pending{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.15);color:rgba(240,237,232,0.6);}
.month-group{margin-bottom:1.25rem;}
.month-hdr{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:rgba(255,255,255,0.03);border:0.5px solid rgba(255,255,255,0.07);border-radius:6px;cursor:pointer;margin-bottom:6px;}
.month-hdr:hover{background:rgba(255,255,255,0.05);}
.month-name{font-size:14px;font-weight:600;color:#d4a843;letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:8px;}
.month-arrow{font-size:12px;color:rgba(240,237,232,0.3);transition:transform 0.2s;}.month-arrow.open{transform:rotate(180deg);}
.month-total{font-size:13px;font-weight:600;padding:4px 12px;border-radius:3px;}
.mt-pos{background:rgba(34,197,94,0.1);color:#4ade80;}.mt-neg{background:rgba(239,68,68,0.1);color:#f87171;}
.month-body{display:none;}.month-body.open{display:block;}
.week-label{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(240,237,232,0.25);padding:9px 4px 5px;display:flex;align-items:center;justify-content:space-between;}
.week-total{font-size:10px;color:rgba(240,237,232,0.35);}
.pr-date-group{display:flex;align-items:center;justify-content:space-between;padding:10px 0 6px;margin-top:12px;}
.pr-date-group:first-child{margin-top:0;}
.pr-date-label{font-size:13px;font-weight:600;color:rgba(240,237,232,0.6);letter-spacing:0.5px;}
.pr-date-profit{font-size:12px;font-weight:700;padding:3px 10px;border-radius:4px;}
.pr-date-profit.pos{background:rgba(34,197,94,0.1);color:#4ade80;}.pr-date-profit.neg{background:rgba(239,68,68,0.08);color:#f87171;}
.pr{display:flex;align-items:stretch;background:rgba(255,255,255,0.02);border:0.5px solid rgba(255,255,255,0.06);border-radius:10px;margin-bottom:8px;overflow:hidden;transition:border-color 0.2s;}
.pr:hover{border-color:rgba(255,255,255,0.14);}
.pr-main{flex:1;display:flex;flex-direction:column;padding:12px 18px;gap:4px;justify-content:center;}
.pr-match{font-size:13px;font-weight:600;color:rgba(240,237,232,0.85);display:flex;align-items:center;gap:6px;}
.pr-match-score{font-size:12px;font-weight:700;color:#d4a843;margin-left:auto;}
.pr-sel-row{display:flex;align-items:center;gap:6px;}
.pr-sport-icon{font-size:14px;flex-shrink:0;line-height:1;}
.pr-name{font-size:14px;font-weight:500;color:#f0ede8;}
.pr-tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:2px;}
.pr-tag{font-size:8px;font-weight:600;letter-spacing:0.8px;text-transform:uppercase;padding:2px 7px;border-radius:3px;background:rgba(255,255,255,0.05);color:rgba(240,237,232,0.4);border:0.5px solid rgba(255,255,255,0.08);}
.pr-tag.league{color:rgba(240,237,232,0.5);}
.pr-tag.book{background:rgba(20,20,22,0.8);color:rgba(240,237,232,0.5);}
.pr-top-badge{font-size:8px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:2px 9px;border-radius:3px;background:rgba(212,168,67,0.15);color:#d4a843;border:0.5px solid rgba(212,168,67,0.3);display:flex;align-items:center;gap:4px;}
.pr-top-badge::before{content:'';width:5px;height:5px;border-radius:50%;background:#d4a843;}
.pr-nums{display:flex;align-items:center;gap:0;}
.pr-num-col{min-width:76px;text-align:center;padding:12px 8px;border-left:0.5px solid rgba(255,255,255,0.05);}
.pr-num-val{font-size:14px;font-weight:700;color:#f0ede8;}.pr-num-val.g{color:#4ade80;}.pr-num-val.r{color:#f87171;}.pr-num-val.gold{color:#d4a843;}
.pr-num-lbl{font-size:7px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:rgba(240,237,232,0.2);margin-top:3px;}
.pr-result-flag{width:38px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);}
.rf-win{background:rgba(34,197,94,0.15);color:#4ade80;}.rf-loss{background:rgba(239,68,68,0.12);color:#f87171;}.rf-pending{background:rgba(255,255,255,0.04);color:rgba(240,237,232,0.25);}
.faq-item{border:0.5px solid rgba(255,255,255,0.07);border-radius:7px;margin-bottom:8px;overflow:hidden;}
.faq-q{width:100%;text-align:left;padding:1rem 1.25rem;background:transparent;border:none;color:#f0ede8;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;cursor:pointer;display:flex;justify-content:space-between;align-items:center;}
.faq-q:hover{background:rgba(255,255,255,0.02);}
.faq-icon{color:rgba(240,237,232,0.25);transition:transform 0.2s;font-size:18px;}
.faq-a{display:none;padding:0 1.25rem 1rem;font-size:13px;color:rgba(240,237,232,0.45);line-height:1.7;border-top:0.5px solid rgba(255,255,255,0.06);padding-top:0.85rem;}
.faq-item.open .faq-a{display:block;}.faq-item.open .faq-icon{transform:rotate(45deg);}
.std-page{padding:2rem;max-width:720px;}.std-page h2{font-family:'Bebas Neue',sans-serif;font-size:32px;letter-spacing:2px;margin-bottom:1.5rem;}

/* ─── GROUP TWO-COLUMN LAYOUT ─── */
.group-content-wrap{position:relative;}
.group-disc-col{display:block;}
.group-side-panel{display:none;padding:1.5rem 2rem;max-width:680px;}
.group-side-panel.open{display:block;}
.group-side-inner{}
.group-side-title{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:2px;margin-bottom:1.25rem;color:#f0ede8;}

/* ─── GROUP MANAGEMENT MODAL ─── */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:500;display:none;align-items:center;justify-content:center;}
.modal-overlay.open{display:flex;}
.modal-box{background:#141416;border:0.5px solid rgba(255,255,255,0.1);border-radius:12px;width:100%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,0.5);}
.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:0.5px solid rgba(255,255,255,0.07);}
.modal-title{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:2px;color:#f0ede8;}
.modal-close{background:transparent;border:none;color:rgba(240,237,232,0.4);font-size:20px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all 0.2s;}
.modal-close:hover{background:rgba(255,255,255,0.06);color:#f0ede8;}
.modal-body{padding:1.5rem;}
.modal-section{margin-bottom:1.25rem;}
.modal-section-title{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(240,237,232,0.3);margin-bottom:10px;}
.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:1rem 1.5rem;border-top:0.5px solid rgba(255,255,255,0.07);}
.type-selector{display:flex;gap:8px;}
.type-opt{flex:1;}
.type-opt input{position:absolute;opacity:0;width:0;height:0;}
.type-label{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 10px;border:0.5px solid rgba(255,255,255,0.1);border-radius:8px;cursor:pointer;transition:all 0.2s;background:rgba(255,255,255,0.02);text-align:center;}
.type-label:hover{border-color:rgba(255,255,255,0.2);}
.type-opt input:checked + .type-label{border-color:rgba(212,168,67,0.45);background:rgba(212,168,67,0.08);}
.type-opt input:checked + .type-label .type-name{color:#d4a843;}
.type-icon{font-size:20px;}
.type-name{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(240,237,232,0.55);}
.type-desc{font-size:10px;color:rgba(240,237,232,0.3);}
.plan-select-wrap{display:none;}
.plan-select-wrap.visible{display:block;}
.tab-editor{background:rgba(255,255,255,0.02);border:0.5px solid rgba(255,255,255,0.08);border-radius:8px;overflow:hidden;margin-bottom:8px;}
.tab-editor-hdr{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;cursor:pointer;border-bottom:0.5px solid rgba(255,255,255,0.06);}
.tab-editor-title{font-size:12px;font-weight:600;color:rgba(240,237,232,0.6);display:flex;align-items:center;gap:6px;}
.tab-editor-arrow{font-size:11px;color:rgba(240,237,232,0.3);transition:transform 0.2s;}
.tab-editor-arrow.open{transform:rotate(180deg);}
.tab-editor-body{padding:1rem;display:none;}
.tab-editor-body.open{display:block;}
.modal-textarea{width:100%;background:rgba(255,255,255,0.04);border:0.5px solid rgba(255,255,255,0.1);border-radius:6px;padding:10px 12px;color:#f0ede8;font-family:'DM Sans',sans-serif;font-size:13px;outline:none;resize:vertical;min-height:80px;transition:border-color 0.2s;}
.modal-textarea:focus{border-color:rgba(212,168,67,0.4);}
.modal-textarea::placeholder{color:rgba(240,237,232,0.2);}
.sidebar-group-item{display:flex;align-items:center;justify-content:space-between;padding:8px;border-radius:5px;cursor:pointer;transition:background 0.15s;margin-bottom:2px;group:hover;}
.sidebar-group-item:hover{background:rgba(255,255,255,0.04);}
.sidebar-group-item.active{background:rgba(255,255,255,0.06);}
.sidebar-group-left{display:flex;align-items:center;gap:9px;}
.sidebar-group-name{font-size:13px;color:rgba(240,237,232,0.6);}
.sidebar-group-item.active .sidebar-group-name{color:#f0ede8;font-weight:500;}
.sidebar-group-actions{display:none;gap:4px;}
.sidebar-group-item:hover .sidebar-group-actions{display:flex;}
.s-action-btn{background:transparent;border:none;color:rgba(240,237,232,0.3);font-size:12px;cursor:pointer;padding:2px 5px;border-radius:3px;transition:all 0.15s;}
.s-action-btn:hover{background:rgba(255,255,255,0.08);color:#f0ede8;}
.s-action-btn.del:hover{color:#f87171;}
.add-group-btn{display:flex;align-items:center;gap:7px;padding:8px;border-radius:5px;cursor:pointer;transition:background 0.15s;margin-top:4px;border:0.5px dashed rgba(255,255,255,0.12);color:rgba(240,237,232,0.35);font-size:12px;background:transparent;width:100%;font-family:'DM Sans',sans-serif;}
.add-group-btn:hover{background:rgba(255,255,255,0.04);border-color:rgba(212,168,67,0.3);color:#d4a843;}
.delete-group-confirm{background:rgba(239,68,68,0.08);border:0.5px solid rgba(239,68,68,0.2);border-radius:8px;padding:1.25rem;text-align:center;}
.delete-group-confirm p{font-size:13px;color:rgba(240,237,232,0.6);margin-bottom:1rem;line-height:1.6;}

/* ─── GROUP MANAGEMENT ─── */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.75);z-index:500;display:none;align-items:center;justify-content:center;padding:1rem;}
.modal-overlay.open{display:flex;}
.modal-box{background:#141416;border:0.5px solid rgba(255,255,255,0.1);border-radius:12px;width:100%;max-width:560px;max-height:88vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,0.6);}
.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:0.5px solid rgba(255,255,255,0.07);}
.modal-title{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:2px;color:#f0ede8;}
.modal-close{background:transparent;border:none;color:rgba(240,237,232,0.4);font-size:22px;cursor:pointer;padding:0 6px;border-radius:4px;line-height:1;}
.modal-close:hover{color:#f0ede8;}
.modal-body{padding:1.5rem;}
.modal-section{margin-bottom:1.25rem;}
.modal-section-title{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(240,237,232,0.3);margin-bottom:10px;}
.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:1rem 1.5rem;border-top:0.5px solid rgba(255,255,255,0.07);}
.type-selector{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;}
.type-opt input{position:absolute;opacity:0;width:0;height:0;}
.type-label{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;border:0.5px solid rgba(255,255,255,0.1);border-radius:8px;cursor:pointer;transition:all 0.2s;background:rgba(255,255,255,0.02);text-align:center;}
.type-label:hover{border-color:rgba(255,255,255,0.2);}
.type-opt input:checked+.type-label{border-color:rgba(212,168,67,0.45);background:rgba(212,168,67,0.08);}
.type-opt input:checked+.type-label .type-name{color:#d4a843;}
.type-icon{font-size:18px;}.type-name{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(240,237,232,0.55);}
.type-desc{font-size:10px;color:rgba(240,237,232,0.3);}
.plan-select-wrap{display:none;margin-top:8px;}
.plan-select-wrap.visible{display:block;}
.tab-editor{background:rgba(255,255,255,0.02);border:0.5px solid rgba(255,255,255,0.08);border-radius:8px;margin-bottom:8px;overflow:hidden;}
.tab-editor-hdr{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;cursor:pointer;}
.tab-editor-title{font-size:12px;font-weight:600;color:rgba(240,237,232,0.6);}
.tab-editor-arrow{font-size:11px;color:rgba(240,237,232,0.3);transition:transform 0.2s;}
.tab-editor-arrow.open{transform:rotate(180deg);}
.tab-editor-body{padding:0 1rem 1rem;display:none;}
.tab-editor-body.open{display:block;}
.modal-textarea{width:100%;background:rgba(255,255,255,0.04);border:0.5px solid rgba(255,255,255,0.1);border-radius:6px;padding:10px 12px;color:#f0ede8;font-family:'DM Sans',sans-serif;font-size:13px;outline:none;resize:vertical;min-height:80px;}
.modal-textarea:focus{border-color:rgba(212,168,67,0.4);}
.modal-textarea::placeholder{color:rgba(240,237,232,0.2);}
.add-group-btn{display:flex;align-items:center;gap:7px;padding:8px;border-radius:5px;cursor:pointer;transition:all 0.15s;margin-top:6px;border:0.5px dashed rgba(255,255,255,0.12);color:rgba(240,237,232,0.35);font-size:12px;background:transparent;width:100%;font-family:'DM Sans',sans-serif;}
.add-group-btn:hover{background:rgba(212,168,67,0.04);border-color:rgba(212,168,67,0.3);color:#d4a843;}
.sg-item{display:flex;align-items:center;justify-content:space-between;padding:8px;border-radius:5px;cursor:pointer;transition:background 0.15s;margin-bottom:2px;}
.sg-item:hover{background:rgba(255,255,255,0.04);}
.sg-item.active{background:rgba(255,255,255,0.06);}
.sg-left{display:flex;align-items:center;gap:9px;}
.sg-name{font-size:13px;color:rgba(240,237,232,0.6);}
.sg-item.active .sg-name{color:#f0ede8;font-weight:500;}
.sg-actions{opacity:0;display:flex;gap:4px;transition:opacity 0.15s;}
.sg-item:hover .sg-actions{opacity:1;}
.sg-btn{background:transparent;border:none;color:rgba(240,237,232,0.35);font-size:13px;cursor:pointer;padding:2px 5px;border-radius:3px;}
.sg-btn:hover{background:rgba(255,255,255,0.08);color:#f0ede8;}
.sg-btn.del:hover{color:#f87171;}
.sg-btn.archive:hover{color:#d4a843;}
.sg-reorder{display:flex;flex-direction:column;gap:0;margin-right:2px;}
.sg-reorder-btn{background:transparent;border:none;color:rgba(240,237,232,0.2);font-size:9px;cursor:pointer;padding:0 3px;line-height:1;transition:color 0.15s;}
.sg-reorder-btn:hover{color:#d4a843;}
.s-archived-label{font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(240,237,232,0.15);margin-top:1rem;margin-bottom:6px;padding:0 8px;display:flex;align-items:center;gap:6px;cursor:pointer;}
.s-archived-label:hover{color:rgba(240,237,232,0.3);}
.sg-name.archived{color:rgba(240,237,232,0.25);font-style:italic;}

/* POST RESULT STRIP */
.post-strip{display:flex;align-items:center;justify-content:space-between;padding:8px 1rem;border-radius:10px 10px 0 0;border-bottom:0.5px solid rgba(255,255,255,0.07);}
.post-strip.ps-pending{background:rgba(255,255,255,0.04);}
.post-strip.ps-win{background:rgba(34,197,94,0.12);}
.post-strip.ps-loss{background:rgba(239,68,68,0.1);}
.post-strip.ps-push{background:rgba(212,168,67,0.1);}
/* ticket gets square top corners when strip is above */
.has-strip{border-radius:0 0 12px 12px !important;}
.ps-left{display:flex;align-items:center;gap:8px;}
.ps-badge{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 10px;border-radius:4px;}
.ps-badge.win{background:#22c55e;color:#000;}
.ps-badge.loss{background:#ef4444;color:#fff;}
.ps-badge.push{background:#d4a843;color:#000;}
.ps-badge.pending{background:rgba(255,255,255,0.1);color:rgba(240,237,232,0.5);}
.ps-score{font-size:13px;font-weight:700;color:#d4a843;margin-left:6px;}
.ps-right{font-size:11px;color:rgba(240,237,232,0.35);display:flex;align-items:center;gap:6px;}
.ps-book{font-size:10px;font-weight:600;letter-spacing:0.5px;padding:2px 8px;border-radius:3px;background:rgba(255,255,255,0.06);border:0.5px solid rgba(255,255,255,0.1);color:rgba(240,237,232,0.5);white-space:nowrap;}
.ps-time{white-space:nowrap;font-size:10px;color:rgba(240,237,232,0.3);}
.pick-countdown{display:flex;align-items:center;gap:8px;padding:8px 1rem;background:rgba(239,68,68,0.06);border-bottom:0.5px solid rgba(239,68,68,0.15);}
.pick-countdown.expired{background:rgba(255,255,255,0.03);border-bottom-color:rgba(255,255,255,0.08);}
.pick-countdown-icon{font-size:14px;}
.pick-countdown-text{font-size:11px;font-weight:600;color:rgba(240,237,232,0.5);}
.pick-countdown-timer{font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:1px;color:#f87171;}
.pick-countdown.expired .pick-countdown-timer{color:rgba(240,237,232,0.3);}
.pick-countdown-buy{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:600;padding:5px 14px;border:none;background:#d4a843;color:#0a0a0b;border-radius:4px;cursor:pointer;margin-left:auto;}
.pick-countdown-buy:hover{background:#e6bc5a;}
.pick-countdown-buy:disabled{opacity:0.4;cursor:not-allowed;}
.score-saved{font-size:14px;font-weight:700;color:#d4a843;padding:4px 0 2px;display:none;}
.score-saved.visible{display:block;}
.score-row{display:none;align-items:center;gap:8px;padding:5px 0 3px;}
.score-row.open{display:flex;}
.score-row input{background:transparent;border:none;border-bottom:0.5px solid rgba(212,168,67,0.4);color:#d4a843;font-weight:700;font-size:14px;width:50px;text-align:center;outline:none;padding:2px 4px;font-family:'DM Sans',sans-serif;}
.score-row input::placeholder{color:rgba(240,237,232,0.2);font-weight:400;}
.score-row span{font-size:13px;color:rgba(240,237,232,0.4);}
.score-row-save{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:600;padding:4px 12px;border-radius:4px;background:rgba(212,168,67,0.15);border:0.5px solid rgba(212,168,67,0.3);color:#d4a843;cursor:pointer;margin-left:auto;}
.score-row-save:hover{background:rgba(212,168,67,0.25);}

/* GROUP MINI STATS BAR */
.grp-stats-bar{margin:0 0 12px;padding:12px 16px;background:rgba(255,255,255,0.02);border:0.5px solid rgba(255,255,255,0.08);border-radius:10px;}
.grp-stats-filters{display:flex;gap:4px;margin-bottom:10px;flex-wrap:wrap;}
.grp-stats-filter-btn{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:600;padding:4px 12px;border-radius:4px;cursor:pointer;border:0.5px solid rgba(255,255,255,0.1);background:transparent;color:rgba(240,237,232,0.4);transition:all 0.2s;}
.grp-stats-filter-btn.active{background:rgba(212,168,67,0.12);border-color:rgba(212,168,67,0.3);color:#d4a843;}
.grp-stats-nums{display:flex;gap:12px;flex-wrap:wrap;}
.grp-stats-nums .gs-item{text-align:center;flex:1;min-width:50px;}
.grp-stats-nums .gs-val{font-size:16px;font-weight:700;color:#f0ede8;}
.grp-stats-nums .gs-val.green{color:#4ade80;}
.grp-stats-nums .gs-val.red{color:#ef4444;}
.grp-stats-nums .gs-val.gold{color:#d4a843;}
.grp-stats-nums .gs-lbl{font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(240,237,232,0.3);margin-top:2px;}
.grp-stats-record{display:flex;align-items:center;gap:8px;margin-top:8px;}
.grp-stats-record-bar{flex:1;height:5px;border-radius:3px;background:rgba(255,255,255,0.06);overflow:hidden;display:flex;}
.grp-stats-record-bar .gsrb-w{background:#4ade80;height:100%;}.grp-stats-record-bar .gsrb-l{background:#ef4444;height:100%;}
.grp-stats-record-text{font-size:11px;font-weight:600;color:rgba(240,237,232,0.5);white-space:nowrap;}
.post-actions{display:none;padding:6px 1.25rem 10px;gap:8px;}
.post-actions.open{display:flex;}
.sel-icon{font-weight:900;margin-right:5px;}
.sel-icon.win{color:#22c55e;}
.sel-icon.loss{color:#ef4444;}
/* Group locked */
.group-locked{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;}
.group-locked-icon{font-size:48px;margin-bottom:1.25rem;}
.group-locked-badge{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:3px 10px;border-radius:2px;background:rgba(212,168,67,0.12);color:#d4a843;border:0.5px solid rgba(212,168,67,0.25);margin-bottom:1rem;}
.group-locked-title{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:2px;color:#f0ede8;margin-bottom:8px;}
.group-locked-sub{font-size:14px;color:rgba(240,237,232,0.45);line-height:1.6;max-width:320px;margin-bottom:1.75rem;}
.group-locked-btn{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;padding:12px 32px;background:#d4a843;border:none;color:#0a0a0b;border-radius:6px;cursor:pointer;}
.group-locked-btn:hover{background:#e6bc5a;}

/* Post ticket contour fix */
.post{overflow:hidden;}
.post .pick-ticket{margin-left:0;margin-right:0;border-radius:0;}
.post .pick-ticket.has-strip{border-radius:0;}
.post-wrap{margin:0 1.25rem 1.25rem;border-radius:12px;overflow:hidden;}


.ab-format-btn{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;padding:7px 20px;border-radius:6px;border:0.5px solid rgba(255,255,255,0.15);background:rgba(255,255,255,0.05);color:rgba(240,237,232,0.6);cursor:pointer;transition:all 0.2s;}
.ab-format-btn.active{background:rgba(99,102,241,0.2);border-color:rgba(99,102,241,0.5);color:#818cf8;}

.ab-input.field-error{border-color:#ef4444 !important;background:rgba(239,68,68,0.06) !important;}
.ab-input.field-error::placeholder{color:rgba(239,68,68,0.5);}
.field-error-msg{font-size:11px;color:#ef4444;margin-top:4px;display:none;}
.ab-input.field-error + .field-error-msg{display:block;}

.hg-card{position:relative;}
.hg-settings-btn{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:6px;background:rgba(255,255,255,0.06);border:0.5px solid rgba(255,255,255,0.12);color:rgba(240,237,232,0.4);font-size:14px;display:none;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s;z-index:5;}
.hg-settings-btn:hover{background:rgba(212,168,67,0.15);border-color:rgba(212,168,67,0.35);color:#d4a843;}
.admin-mode .hg-settings-btn{display:flex;}

/* ─── STATS PERIODS MANAGEMENT ─── */
.stats-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;}
.stats-admin-btn{font-family:'DM Sans',sans-serif;font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:7px 16px;border-radius:4px;cursor:pointer;border:0.5px solid rgba(212,168,67,0.25);background:rgba(212,168,67,0.06);color:#d4a843;transition:all 0.2s;display:none;}
.admin-mode .stats-admin-btn{display:inline-flex;align-items:center;gap:6px;}
.stats-group-panel{display:none;position:absolute;top:calc(100% + 6px);right:0;background:#141416;border:0.5px solid rgba(255,255,255,0.1);border-radius:8px;padding:0.85rem 1rem;min-width:220px;z-index:100;box-shadow:0 8px 32px rgba(0,0,0,0.5);}
.stats-group-panel.open{display:block;}
.sgf-row{display:flex;align-items:center;gap:10px;padding:7px 0;cursor:pointer;transition:opacity 0.15s;}
.sgf-row:not(:last-child){border-bottom:0.5px solid rgba(255,255,255,0.05);}
.sgf-row:hover{opacity:0.85;}
.sgf-check{width:16px;height:16px;border-radius:3px;border:1.5px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.15s;font-size:10px;color:transparent;}
.sgf-row.checked .sgf-check{border-color:#d4a843;background:#d4a843;color:#0a0a0b;}
.sgf-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.sgf-name{font-size:13px;color:rgba(240,237,232,0.6);}
.sgf-row.checked .sgf-name{color:rgba(240,237,232,0.9);}
.stats-admin-btn:hover{background:rgba(212,168,67,0.15);border-color:rgba(212,168,67,0.4);}
.period-modal-list{max-height:360px;overflow-y:auto;}
.period-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:0.5px solid rgba(255,255,255,0.08);border-radius:8px;margin-bottom:8px;background:rgba(255,255,255,0.02);transition:all 0.15s;}
.period-item:hover{border-color:rgba(255,255,255,0.15);background:rgba(255,255,255,0.04);}
.period-item-info{flex:1;min-width:0;}
.period-item-name{font-size:13px;font-weight:600;color:#f0ede8;margin-bottom:2px;}
.period-item-dates{font-size:11px;color:rgba(240,237,232,0.35);}
.period-item-level{font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:2px 8px;border-radius:2px;background:rgba(212,168,67,0.1);color:#d4a843;border:0.5px solid rgba(212,168,67,0.2);white-space:nowrap;}
.period-item-level.child{background:rgba(99,102,241,0.1);color:#818cf8;border-color:rgba(99,102,241,0.2);}
.period-item-actions{display:flex;gap:4px;}
.period-item-actions button{background:transparent;border:none;color:rgba(240,237,232,0.35);font-size:14px;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all 0.15s;}
.period-item-actions button:hover{background:rgba(255,255,255,0.08);color:#f0ede8;}
.period-item-actions button.del:hover{color:#f87171;}
.period-form{background:rgba(255,255,255,0.03);border:0.5px solid rgba(255,255,255,0.1);border-radius:10px;padding:1.1rem;margin-top:12px;}
.period-form-title{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(240,237,232,0.3);margin-bottom:12px;}
.period-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;}
.period-form-row.three{grid-template-columns:1fr 1fr 1fr;}
.period-empty{text-align:center;padding:2rem 1rem;color:rgba(240,237,232,0.3);font-size:13px;}
.period-section-tabs{display:flex;gap:0;margin-bottom:1rem;border:0.5px solid rgba(255,255,255,0.1);border-radius:6px;overflow:hidden;}
.period-section-tab{flex:1;padding:9px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;background:transparent;border:none;color:rgba(240,237,232,0.35);cursor:pointer;transition:all 0.2s;text-align:center;}
.period-section-tab.active{background:rgba(212,168,67,0.12);color:#d4a843;}
.period-section-tab:hover:not(.active){background:rgba(255,255,255,0.04);color:rgba(240,237,232,0.6);}
.period-section-badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:2px 7px;border-radius:2px;margin-left:6px;}
.psb-todas{background:rgba(74,222,128,0.08);color:#4ade80;border:0.5px solid rgba(74,222,128,0.2);}
.psb-ligas{background:rgba(99,102,241,0.08);color:#818cf8;border:0.5px solid rgba(99,102,241,0.2);}
.period-parent-tag{display:inline-block;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:2px 8px;border-radius:2px;margin-right:4px;background:rgba(212,168,67,0.08);color:rgba(212,168,67,0.6);border:0.5px solid rgba(212,168,67,0.15);}
.stats-pills-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:6px;}
.stats-pills-row:empty{display:none;}

/* AUTH SCREEN */
.auth-screen{position:fixed;inset:0;background:#0a0a0b;z-index:9999;display:none;align-items:center;justify-content:center;}
.auth-box{width:100%;max-width:400px;padding:2.5rem;text-align:center;position:relative;}
.auth-logo{font-family:'Bebas Neue',sans-serif;font-size:36px;letter-spacing:5px;color:#f0ede8;margin-bottom:6px;}
.auth-logo span{color:#d4a843;}
.auth-sub{font-size:13px;color:rgba(240,237,232,0.35);margin-bottom:2.5rem;}
.auth-tabs{display:flex;margin-bottom:1.5rem;border:0.5px solid rgba(255,255,255,0.1);border-radius:6px;overflow:hidden;}
.auth-tab{flex:1;padding:10px;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;background:transparent;border:none;color:rgba(240,237,232,0.35);cursor:pointer;transition:all 0.2s;}
.auth-tab.active{background:rgba(212,168,67,0.12);color:#d4a843;}
.auth-form{display:flex;flex-direction:column;gap:12px;}
.auth-input{background:rgba(255,255,255,0.05);border:0.5px solid rgba(255,255,255,0.12);border-radius:8px;padding:12px 14px;color:#f0ede8;font-family:'DM Sans',sans-serif;font-size:14px;outline:none;transition:border-color 0.2s;}
.auth-input:focus{border-color:rgba(212,168,67,0.5);}
.auth-input::placeholder{color:rgba(240,237,232,0.2);}
.auth-btn{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;padding:12px;border-radius:8px;border:none;background:#d4a843;color:#0a0a0b;cursor:pointer;transition:all 0.2s;margin-top:4px;}
.auth-btn:hover{background:#e6bc5a;}
.auth-btn:disabled{opacity:0.5;cursor:not-allowed;}
.auth-divider{display:flex;align-items:center;gap:12px;margin:8px 0;font-size:11px;color:rgba(240,237,232,0.2);}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:0.5px;background:rgba(255,255,255,0.08);}
.auth-google{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;padding:11px;border-radius:8px;border:0.5px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.04);color:#f0ede8;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;}
.auth-google:hover{background:rgba(255,255,255,0.08);}
.auth-error{font-size:12px;color:#f87171;background:rgba(239,68,68,0.08);border:0.5px solid rgba(239,68,68,0.2);border-radius:6px;padding:10px;display:none;}
.auth-error.visible{display:block;}
.auth-success{font-size:12px;color:#4ade80;background:rgba(34,197,94,0.08);border:0.5px solid rgba(34,197,94,0.2);border-radius:6px;padding:10px;display:none;}
.auth-success.visible{display:block;}
.app-wrapper{opacity:0;transition:opacity 0.25s ease;pointer-events:none;}
.app-wrapper.loaded{opacity:1;pointer-events:auto;}

/* ═══════════════════════════════════════════
   MOBILE BOTTOM TAB BAR
   ═══════════════════════════════════════════ */
.mobile-tab-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:400;background:#0a0a0b;border-top:0.5px solid rgba(255,255,255,0.08);padding-bottom:env(safe-area-inset-bottom,0);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.mobile-tab-bar-inner{display:flex;align-items:stretch;height:56px;}
.mtb-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;border:none;color:rgba(240,237,232,0.35);cursor:pointer;transition:color 0.15s;padding:6px 0 2px;position:relative;-webkit-tap-highlight-color:transparent;}
.mtb-tab.active{color:#d4a843;}
.mtb-tab-icon{font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;}
.mtb-tab-icon svg{width:20px;height:20px;}
.mtb-tab-label{font-family:'DM Sans',sans-serif;font-size:9px;font-weight:600;letter-spacing:0.8px;text-transform:uppercase;}
.mtb-tab.active::before{content:'';position:absolute;top:0;left:25%;right:25%;height:2px;background:#d4a843;border-radius:0 0 2px 2px;}
.mtb-admin-dot{position:absolute;top:6px;right:calc(50% - 16px);width:5px;height:5px;border-radius:50%;background:#d4a843;display:none;}
.admin-mode .mtb-admin-dot{display:block;}

/* Mobile avatar button (replaces hamburger) */
.mobile-hamburger{display:none;background:transparent;border:none;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;transition:opacity 0.15s;}
.mobile-hamburger:active{opacity:0.7;}
.mobile-avatar{width:34px;height:34px;border-radius:50%;background:rgba(212,168,67,0.2);border:1.5px solid rgba(212,168,67,0.3);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#d4a843;letter-spacing:0.5px;overflow:hidden;}
/* Mobile subscribe button in nav */
.mobile-sub-btn{display:none !important;}

/* Mobile sidebar drawer */
.mobile-sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:600;opacity:0;transition:opacity 0.25s;}
.mobile-sidebar-overlay.open{display:block;opacity:1;}

/* Mobile group selector bottom sheet */
.mobile-group-selector-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:550;transition:opacity 0.2s;}
.mobile-group-selector-overlay.open{display:block;}
.mobile-group-selector{position:fixed;bottom:0;left:0;right:0;background:#141416;border-radius:16px 16px 0 0;z-index:551;transform:translateY(100%);transition:transform 0.28s cubic-bezier(0.4,0,0.2,1);max-height:60vh;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,0);}
.mobile-group-selector.open{transform:translateY(0);}
.mgs-item{display:flex;align-items:center;gap:10px;padding:12px 10px;border-radius:8px;cursor:pointer;transition:background 0.15s;font-size:14px;color:rgba(240,237,232,0.65);}
.mgs-item:active{background:rgba(255,255,255,0.06);}
.mgs-item.active{background:rgba(255,255,255,0.06);color:#f0ede8;font-weight:500;}
.mgs-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.mobile-sidebar-drawer{position:fixed;top:0;right:0;bottom:0;width:min(280px,80vw);background:#111113;z-index:601;transform:translateX(100%);transition:transform 0.28s cubic-bezier(0.4,0,0.2,1);overflow-y:auto;-webkit-overflow-scrolling:touch;}
.mobile-sidebar-drawer.open{transform:translateX(0);}
.msd-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem 0.5rem;}
.msd-close{background:transparent;border:none;color:rgba(240,237,232,0.5);font-size:22px;cursor:pointer;padding:2px 6px;line-height:1;}
.msd-user-card{display:flex;align-items:center;gap:12px;padding:0.75rem 1.25rem 1.25rem;border-bottom:0.5px solid rgba(255,255,255,0.07);}
.msd-user-avatar{width:40px;height:40px;border-radius:50%;background:rgba(212,168,67,0.2);border:1.5px solid rgba(212,168,67,0.3);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#d4a843;flex-shrink:0;overflow:hidden;}
.msd-user-name{font-size:14px;font-weight:600;color:#f0ede8;}
.msd-user-email{font-size:11px;color:rgba(240,237,232,0.35);margin-top:1px;}
.msd-user-badge{display:inline-block;margin-top:5px;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:2px 8px;border-radius:2px;background:rgba(212,168,67,0.12);color:#d4a843;border:0.5px solid rgba(212,168,67,0.25);}
.msd-body{padding:0.75rem 1rem;}
.msd-section{margin-bottom:1.25rem;}
.msd-section-label{font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(240,237,232,0.2);margin-bottom:8px;padding:0 4px;}
.msd-item{display:flex;align-items:center;gap:10px;padding:11px 10px;border-radius:6px;cursor:pointer;transition:background 0.15s;font-size:14px;color:rgba(240,237,232,0.6);}
.msd-item:active{background:rgba(255,255,255,0.06);}
.msd-item.danger{color:rgba(239,68,68,0.6);}
.msd-mode-toggle{display:flex;background:rgba(255,255,255,0.04);border:0.5px solid rgba(255,255,255,0.1);border-radius:6px;overflow:hidden;margin:0.75rem 1.25rem 1rem;}
.msd-mode-btn{flex:1;font-family:'DM Sans',sans-serif;font-size:10px;font-weight:500;letter-spacing:0.8px;text-transform:uppercase;padding:8px 6px;background:transparent;border:none;color:rgba(240,237,232,0.35);cursor:pointer;transition:all 0.15s;text-align:center;}
.msd-mode-btn.active{background:rgba(212,168,67,0.15);color:#d4a843;}
.msd-groups-section{margin-bottom:1rem;}
.msd-group-item{display:flex;align-items:center;gap:9px;padding:10px;border-radius:6px;cursor:pointer;transition:background 0.15s;font-size:13px;color:rgba(240,237,232,0.55);}
.msd-group-item:active{background:rgba(255,255,255,0.05);}
.msd-group-item.active{background:rgba(255,255,255,0.06);color:#f0ede8;font-weight:500;}
.msd-sep{height:0.5px;background:rgba(255,255,255,0.06);margin:0.5rem 0;}

/* ═══════════════════════════════════════════
   RESPONSIVE: MOBILE (max-width: 768px)
   ═══════════════════════════════════════════ */
@media(max-width:768px){
  .ab-input,select.ab-input,textarea.ab-input,.form-input,.modal-textarea,input[type="text"],input[type="number"],input[type="date"],input[type="time"],input[type="email"],input[type="password"],select,textarea{font-size:16px !important;}
  .mobile-tab-bar{display:block;}
  .mobile-hamburger{display:flex;align-items:center;}
  .mobile-sub-btn{display:inline-block !important;font-size:11px !important;padding:7px 16px !important;border-radius:6px !important;}

  .nav-links{display:none !important;}
  .btn-sub:not(.mobile-sub-btn){display:none !important;}
  .mode-toggle{display:none !important;}
  .user-account{display:none !important;}

  .nav{padding:0 0.85rem;height:48px;}
  .logo{font-size:17px;letter-spacing:6px;}
  .nav-right{gap:8px;align-items:center;}

  body{padding-bottom:calc(56px + env(safe-area-inset-bottom,0));}

  /* HOME */
  .home-groups{padding:1.25rem 0.85rem 0;}
  .home-groups-grid{grid-template-columns:1fr 1fr;gap:10px;}
  .hg-card{padding:1.5rem 0.85rem;border-radius:10px;}
  .hg-type{font-size:32px;letter-spacing:3px;}
  .hg-sub{font-size:12px;margin-bottom:1.25rem;}
  .hg-btn{font-size:12px;padding:10px;}
  .home-divider{margin:1.5rem 0 0;}
  .home-tops-section{padding:1.25rem 0.85rem 2rem;}
  .home-tops-header{flex-direction:column;gap:8px;align-items:flex-start;}
  .htop-body{padding:0.85rem 1rem;}
  .htop-title{font-size:18px;}
  .htop-top-row{flex-direction:column;gap:6px;align-items:flex-start;}

  /* PRICING */
  .pricing-page{padding:1.5rem 0.85rem;}
  .pricing-label{font-size:12px;margin-bottom:1.5rem;}
  .pricing-grid{flex-direction:column;align-items:stretch;gap:14px;}
  .pricing-card{flex:none;max-width:none;}
  .pc-top{padding:1.5rem 1.25rem;}
  .pc-name{font-size:26px;}
  .pc-amount{font-size:46px;}
  .pc-bottom{padding:1.25rem;}
  .pricing-note{font-size:11px;padding:0 0.5rem;}
  .admin-pricing-bar{padding:0.85rem 1rem;flex-direction:column;align-items:flex-start;gap:10px;}

  /* PROFILE */
  .profile-page{padding:1.25rem 0.85rem;}
  .profile-header{flex-direction:column;text-align:center;gap:1rem;padding:1.5rem 1rem;}
  .profile-avatar-big{width:52px;height:52px;font-size:17px;}
  .profile-name{font-size:18px;}

  /* GROUPS LAYOUT */
  .layout{flex-direction:column;}
  .sidebar{display:none !important;}
  .main-area{width:100%;}
  .group-hdr{padding:1rem 0.85rem 0;}
  .group-title{font-size:20px;letter-spacing:1.5px;}
  .group-sub{font-size:11px;}
  .tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:0;}
  .tab{padding:10px 14px;font-size:10px;white-space:nowrap;flex-shrink:0;}
  .feed{padding:1rem 0.85rem;max-width:none;}
  .content-area{padding:1rem 0.85rem;max-width:none;}
  .admin-strip{padding:0.85rem;margin-bottom:1rem;}
  .astrip-grid{grid-template-columns:repeat(2,1fr);gap:8px;}
  .astrip-actions{flex-direction:column;}
  .astrip-actions button{width:100%;}

  /* Creator panel mobile */
  .creator-panel{padding:1rem 0.85rem !important;}
  .ab-section{padding:0.85rem;}
  .ab-row{grid-template-columns:1fr;gap:8px;}
  .ab-quick-stakes{grid-template-columns:repeat(4,1fr);gap:6px;}
  .access-selector{flex-direction:column;gap:8px;}
  .access-label{flex-direction:row;padding:10px 14px;gap:10px;}
  .compose-actions{flex-direction:column;}
  .compose-actions button{width:100%;text-align:center;}

  /* PICK TICKETS */
  .pick-ticket{margin:0 0.5rem 0.75rem;max-width:none;}
  .post-wrap{margin:0 0.5rem 0.75rem;}
  .ticket-header{padding:0.85rem 1rem 0.75rem;}
  .ticket-footer{padding:0.1rem 1rem 0.85rem;}
  .post{margin-bottom:10px;}

  /* STATS */
  .stats-page{padding:1.25rem 0.85rem;}
  .stats-page-title{font-size:28px;}
  .stats-title-row{flex-direction:column;align-items:flex-start;gap:8px;}
  .summary-grid{grid-template-columns:repeat(3,1fr);gap:8px;}
  .sum-card{padding:0.65rem 0.4rem;}
  .sum-card .n{font-size:22px;}
  .sum-card .l{font-size:8px;}
  .stats-row{grid-template-columns:1fr;gap:10px;}
  .filters-bar{gap:6px;}
  .filter-btn{padding:6px 12px;font-size:10px;}
  .stats-pills-row{gap:4px;}
  .stats-pill{font-size:10px;padding:4px 10px;}

  /* TOPS PAGE */
  .top-page{padding:1rem 0.85rem;}
  .top-page-title{font-size:28px;}
  .top-summary{grid-template-columns:repeat(3,1fr);gap:8px;}
  .ts-card{padding:0.65rem 0.4rem;}
  .ts-card .n{font-size:22px;}
  .top-filter-tabs{gap:6px;}
  .tft{padding:6px 12px;font-size:10px;}
  .new-top-card .form-grid{grid-template-columns:1fr;}
  .top-card-header{padding:0.85rem 1rem 0.65rem;flex-direction:column;align-items:flex-start;}
  .top-card-badges{margin-top:4px;}
  .top-content{padding:0 1rem 1rem;}
  .top-title{font-size:22px;}
  .top-locked{padding:0 1rem 1rem;}

  /* FAQ */
  .std-page{padding:1.25rem 0.85rem;}
  .std-page h2{font-size:26px;margin-bottom:1rem;}
  .faq-q{padding:0.85rem 1rem;font-size:13px;}
  .faq-a{padding:0 1rem 0.85rem;font-size:12px;}

  /* MODALS - bottom sheet style */
  .modal-overlay{padding:0;align-items:flex-end;}
  .modal-box{border-radius:16px 16px 0 0;max-height:92vh;max-width:none !important;animation:slideUp 0.28s cubic-bezier(0.4,0,0.2,1);}
  @keyframes slideUp{from{transform:translateY(100%);}to{transform:translateY(0);}}
  .modal-header{padding:1rem 1.25rem;}
  .modal-body{padding:1rem 1.25rem;}
  .modal-footer{padding:0.85rem 1.25rem;}
  .type-selector{grid-template-columns:1fr !important;gap:8px;}
  .form-grid{grid-template-columns:1fr !important;}

  /* SIDE PANEL - inline on all devices now */
  .group-side-panel{padding:1rem 0.85rem;}

  /* AUTH SCREEN */
  .auth-box{padding:1.5rem 1.25rem;}
  .auth-logo{font-size:28px;}

  /* Post strip */
  .post-strip{padding:6px 0.75rem;flex-wrap:wrap;gap:4px;}
  .ps-right{font-size:10px;}

  /* Record card */
  .record-card{padding:0.85rem 1rem;}

  /* Month groups */
  .month-hdr{padding:8px 12px;}
  .month-name{font-size:13px;}

  /* Chart */
  .chart-wrap{padding:0.85rem;}
  .chart-header{flex-direction:column;gap:6px;align-items:flex-start;}

  /* Group locked */
  .group-locked{padding:2.5rem 1.25rem;}
  .group-locked-title{font-size:24px;}
  .group-locked-sub{font-size:13px;}

  /* Payment modal */
  .pay-method-btn{padding:14px 12px;}

  /* Period modal items */
  .period-form-row{grid-template-columns:1fr;}
  .period-form-row.three{grid-template-columns:1fr;}

  /* STATS PICK CARDS - stack vertically on mobile */
  .pr{flex-direction:column;border-radius:10px;}
  .pr-main{padding:10px 12px 8px;gap:3px;}
  .pr-match{font-size:12px;flex-wrap:wrap;}
  .pr-name{font-size:13px;}
  .pr-tags{margin-top:4px;}
  .pr-nums{border-top:0.5px solid rgba(255,255,255,0.06);display:grid;grid-template-columns:repeat(4,1fr);}
  .pr-num-col{min-width:0;padding:10px 6px;border-left:none;border-right:0.5px solid rgba(255,255,255,0.04);}
  .pr-num-col:last-child{border-right:none;}
  .pr-num-val{font-size:13px;}
  .pr-num-lbl{font-size:7px;}
  .pr-result-flag{width:auto;writing-mode:horizontal-tb;transform:none;padding:6px 12px;font-size:9px;letter-spacing:1.5px;border-top:0.5px solid rgba(255,255,255,0.06);}

  /* Horizontal overflow fix */
  html,body{overflow-x:hidden;max-width:100vw;}

  /* Pick countdown responsive */
  .pick-countdown{flex-wrap:wrap;gap:6px;padding:6px 0.85rem;}

  /* Home card settings */
  .hg-settings-btn{display:none !important;}
  .admin-mode .hg-settings-btn{display:flex !important;}
}

/* Small phones */
@media(max-width:380px){
  .home-groups-grid{grid-template-columns:1fr;}
  .hg-card{padding:1.25rem;}
  .summary-grid{grid-template-columns:repeat(2,1fr);}
  .top-summary{grid-template-columns:repeat(2,1fr);}
  .ab-quick-stakes{grid-template-columns:repeat(2,1fr);}
  .pricing-card .pc-top{padding:1.25rem 1rem;}
}

/* Loading animation */
@keyframes loadSlide{0%{transform:translateX(-100%);}50%{transform:translateX(150%);}100%{transform:translateX(-100%);}}