@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b0b0b;--panel:#161616;--panel2:#1d1d1d;--gold:#D4AF37;--gold2:#F5D06F;--text:#f5f5f5;--muted:#a6a6a6;--line:#343027;--danger:#ff6d70;--success:#65d6a1;--gold-grad:linear-gradient(115deg,#b88a20,#f5d06f 55%,#d4af37);--shadow:0 18px 55px #0009}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;background:radial-gradient(ellipse at top,#1a1710 0,#0b0b0b 52%);color:var(--text);font-family:Manrope,Arial,sans-serif;min-height:100vh;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.muted{color:var(--muted)}.center{text-align:center}.tiny{font-size:11px;line-height:1.6}.gold-text{color:var(--gold2)}.brand-logo{width:94px;height:94px;object-fit:contain;border-radius:18px;display:block;margin:0 auto 12px;filter:drop-shadow(0 0 16px #d4af3730)}.brand-name{font-weight:800;letter-spacing:.22em;text-align:center;font-size:28px;background:var(--gold-grad);color:transparent;background-clip:text}.auth-page{display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,420px);padding:34px;background:linear-gradient(145deg,#191919,#101010);border:1px solid #4b3c18;border-radius:24px;box-shadow:var(--shadow),0 0 32px #d4af370b}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:12px;background:#0b0b0b;margin:25px 0 22px}.tab{border:0;background:transparent;color:var(--muted);padding:11px;border-radius:9px}.tab.active{background:linear-gradient(110deg,#3a2d11,#252015);color:var(--gold2);box-shadow:inset 0 0 0 1px #6d5625}.form-stack{display:flex;flex-direction:column;gap:16px}.form-stack label,.modal-card label,.stake-label{display:flex;flex-direction:column;gap:8px;color:#ddd;font-size:12px;font-weight:700}input,select{width:100%;min-width:0;background:#0c0c0c;border:1px solid #38342a;color:var(--text);padding:13px 14px;border-radius:10px;outline:none;transition:border .2s,box-shadow .2s}input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4af3718}input::placeholder{color:#686868}.password-wrap{display:flex;position:relative}.password-wrap input{padding-right:46px}.eye{position:absolute;right:4px;top:4px;bottom:4px;width:38px;background:transparent;border:0;color:var(--muted)}.gold-button,.outline-button,.icon-button{border-radius:10px;padding:12px 16px;font-weight:800;transition:transform .18s,filter .18s,border .18s}.gold-button{background:var(--gold-grad);border:1px solid #f6d779;color:#16120a;box-shadow:0 5px 18px #d4af3719}.gold-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.gold-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.outline-button{background:#171611;color:var(--gold2);border:1px solid #665321}.outline-button:hover{border-color:var(--gold)}.icon-button{background:#171717;border:1px solid #353535;color:#ddd;padding:10px 12px}.auth-switch{text-align:center;margin:20px 0 8px}.auth-switch button{border:0;background:transparent;color:var(--gold2);font-weight:800}.app-shell{max-width:1440px;margin:auto;min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px clamp(16px,4vw,52px);gap:18px;border-bottom:1px solid #28251c;background:#0c0c0ce8;position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.16em}.brand img{width:48px;height:42px;object-fit:contain}.brand.compact{font-size:19px}.brand small{font-size:9px;color:var(--gold2);letter-spacing:.1em}.user-tools{display:flex;align-items:center;gap:10px}.balance-chip{display:flex;flex-direction:column;gap:3px;background:transparent;color:var(--text);border:0;text-align:right;padding:4px 10px}.balance-chip span{font-size:12px;color:var(--muted)}.balance-chip strong{font-size:12px}.balance-chip b{color:var(--gold2)}.main-tabs{display:flex;gap:7px;padding:16px clamp(16px,4vw,52px);border-bottom:1px solid #28251c;overflow:auto}.main-tabs button{white-space:nowrap;display:flex;align-items:center;gap:9px;background:transparent;border:1px solid transparent;color:#aaa;padding:12px 15px;border-radius:10px;font-weight:700}.main-tabs button.active,.main-tabs button:hover{color:var(--gold2);background:#d4af370d;border-color:#59471d}.content{padding:30px clamp(16px,4vw,52px);flex:1}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.section-heading h1{font-size:clamp(25px,4vw,34px);margin:4px 0 0;letter-spacing:-.04em}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:.17em;font-weight:800;margin:0}.live-pill{border:1px solid #3c3523;border-radius:99px;padding:8px 12px;color:#c6b987;font-size:11px}.live-pill i{display:inline-block;width:6px;height:6px;background:var(--success);border-radius:50%;margin-right:6px;box-shadow:0 0 10px #65d6a1}.match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.match-card{background:linear-gradient(145deg,#191919,#111);border:1px solid #302c21;border-radius:16px;padding:18px;min-width:0;transition:border .2s,transform .2s}.match-card:hover{border-color:#76602a;transform:translateY(-2px)}.match-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px;margin-bottom:18px}.league{color:var(--gold2)}.teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:20px}.team{font-weight:800;font-size:14px;overflow-wrap:anywhere}.team:last-child{text-align:right}.versus{color:#666;font-size:10px;font-weight:800}.odds-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.odd-button{border:1px solid #39352a;background:#202019;color:#ddd;border-radius:9px;padding:11px 5px;display:flex;flex-direction:column;gap:4px;align-items:center}.odd-button span{font-size:10px;color:#999}.odd-button strong{color:var(--gold2);font-size:14px}.odd-button:hover,.odd-button.selected{background:#392e12;border-color:var(--gold);box-shadow:0 0 14px #d4af3715}.subtabs{display:flex;gap:8px;margin:-8px 0 22px}.subtabs button{border:1px solid #343027;background:#171717;color:#aaa;border-radius:9px;padding:10px 18px}.subtabs button.active{border-color:var(--gold);color:var(--gold2);background:#d4af3712}.site-footer{padding:22px;text-align:center;color:#777;font-size:11px;border-top:1px solid #24221b}.coupon{position:fixed;right:24px;bottom:24px;width:330px;max-height:75vh;overflow:auto;z-index:9;background:#171715;border:1px solid #665321;border-radius:18px;padding:18px;box-shadow:var(--shadow),0 0 28px #d4af3710}.coupon-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.coupon-head h2{font-size:19px;margin:5px 0}.coupon-items{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow:auto}.coupon-item{border:1px solid #343027;background:#101010;padding:11px;border-radius:10px;display:grid;grid-template-columns:1fr auto;gap:8px}.coupon-item strong{font-size:12px}.coupon-item small{display:block;color:var(--muted);margin-top:5px}.remove-pick{border:0;background:transparent;color:#aaa}.empty-state{padding:22px 8px;color:#777;text-align:center;font-size:12px}.stake-label{margin-top:15px}.payout-row{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#aaa;margin:14px 0}.payout-row strong{color:var(--gold2)}.full{width:100%}.coupon .tiny{text-align:center}.coupon-backdrop{display:none}.modal{position:fixed;inset:0;background:#000b;z-index:20;display:none;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(7px)}.modal.open{display:flex;animation:fadeIn .18s ease}.modal-card{position:relative;width:min(100%,440px);padding:28px;background:linear-gradient(145deg,#1b1b19,#111);border:1px solid #665321;border-radius:18px;box-shadow:var(--shadow)}.modal-card.wide{width:min(100%,650px);max-height:90vh;overflow:auto}.modal-card h2{margin:4px 0 16px}.modal-card p{line-height:1.7;color:#bbb}.modal-close{position:absolute;right:14px;top:14px;border:0;background:transparent;color:#999;font-size:18px}.modal-balance{margin:0 0 18px}.modal-balance strong{color:var(--gold2)}.button-row{display:flex;gap:10px;margin-top:16px}.button-row>*{flex:1}.table-wrap{overflow:auto;border:1px solid #302c21;border-radius:14px;background:#141414}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #2b2922;font-size:12px}th{color:var(--gold2);font-size:10px;text-transform:uppercase;letter-spacing:.08em;background:#1b1a16}td{color:#ddd}tr:last-child td{border-bottom:0}.status{display:inline-block;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:800;background:#29261e;color:#e0c66f}.status.won,.status.done{background:#123426;color:#7de1b2}.status.lost{background:#3a2020;color:#ff9a9c}.status.pending{background:#29261e;color:#e0c66f}.table-actions{display:flex;gap:6px;flex-wrap:wrap}.small-button{border:1px solid #54451f;background:#242015;color:var(--gold2);padding:7px 9px;border-radius:7px;font-size:11px;font-weight:700}.small-button.danger{border-color:#6b3030;color:#ff9a9c;background:#241515}.search-input{max-width:280px}.admin-label{color:var(--gold2);font-size:12px}.count-badge{background:var(--gold-grad);color:#15120a;border-radius:99px;padding:2px 6px;font-size:10px}.admin-tabs{flex-wrap:wrap}.toast-root{position:fixed;top:18px;right:18px;z-index:100;display:flex;flex-direction:column;gap:8px;width:min(360px,calc(100vw - 36px))}.toast{background:#1d1d1a;border:1px solid #55451e;border-left:3px solid var(--gold);border-radius:10px;padding:13px 15px;box-shadow:var(--shadow);animation:slideIn .2s ease;font-size:12px}.toast.error{border-left-color:var(--danger)}.toast.success{border-left-color:var(--success)}.skeleton-card{height:180px;border-radius:15px;background:linear-gradient(90deg,#171717 25%,#24231f 45%,#171717 65%);background-size:250% 100%;animation:shimmer 1.4s infinite;border:1px solid #28251c}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-form-grid label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#bbb}.admin-form-grid .span-two{grid-column:1/-1}
@keyframes shimmer{to{background-position:-250% 0}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:900px){.match-grid{grid-template-columns:1fr}.coupon{right:14px;bottom:14px}.content{padding-top:24px}.main-tabs{padding-top:10px;padding-bottom:10px}}@media(max-width:650px){.topbar{padding:13px 14px;align-items:flex-start}.brand.compact{font-size:15px;gap:6px}.brand img{width:35px;height:35px}.user-tools{gap:5px;flex-wrap:wrap;justify-content:flex-end}.balance-chip{padding:3px;font-size:10px}.balance-chip span{max-width:90px;overflow:hidden;text-overflow:ellipsis}.user-tools .outline-button{font-size:11px;padding:9px}.content{padding:22px 14px}.section-heading{align-items:flex-start;flex-direction:column}.section-heading .search-input{max-width:none}.auth-card{padding:25px 20px}.coupon{width:auto;left:0;right:0;bottom:0;max-height:82vh;border-radius:20px 20px 0 0;transform:translateY(calc(100% - 70px));transition:transform .25s ease;z-index:15;padding-bottom:max(18px,env(safe-area-inset-bottom))}.coupon.open{transform:translateY(0)}.coupon:before{content:"";display:block;width:42px;height:4px;border-radius:4px;background:#6e6040;margin:-8px auto 14px}.coupon-backdrop.open{display:block;position:fixed;inset:0;background:#0009;z-index:14}.coupon-head{margin-bottom:8px}.coupon:not(.open) .coupon-items,.coupon:not(.open) .stake-label,.coupon:not(.open) .payout-row,.coupon:not(.open) #place-bet,.coupon:not(.open)>.tiny{display:none}.button-row{flex-direction:column}.admin-form-grid{grid-template-columns:1fr}.admin-form-grid .span-two{grid-column:auto}.admin-label{display:none}.site-footer{padding:18px 14px}.teams{gap:7px}.team{font-size:12px}}