:root{--bg-body:#0a0a0a;--bg-primary:#121314;--bg-secondary:#1a1c1d;--bg-card:#202224;--bg-card-hover:#26282a;--bg-input:#161819;--bg-header:#121314;--accent:#c6ff00;--accent-hover:#b4e600;--accent-dark:rgba(198,255,0,.1);--text-primary:#fff;--text-secondary:#8e9297;--text-muted:#5a5d61;--border:#2a2c2f;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(2deg)}to{transform:translateY(0) rotate(0deg)}}.floating-animation{animation:float 4s ease-in-out infinite}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-primary);font-family:inherit;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}a{color:inherit;text-decoration:none}button{cursor:pointer;background:transparent;border:none}button,input{font-family:inherit}.layout-container{display:flex;gap:24px;max-width:1600px;margin:0 auto;padding:24px;min-height:calc(100vh - 72px)}.nav-panel{width:260px;flex-shrink:0}.main-content{flex:1 1;min-width:0}.betslip-panel{width:340px;flex-shrink:0}@media (max-width:1200px){.layout-container{gap:16px;padding:16px}.nav-panel{width:200px}.betslip-panel{width:280px}}.header-container{padding:12px 24px;height:64px;width:100%}@media (max-width:900px){.header-container{padding:8px 12px;height:56px}.header-nav{display:none!important}.layout-container{flex-direction:column;padding:10px 8px;gap:12px;width:100%;max-width:100vw;overflow-x:hidden}.betslip-panel,.desktop-only,.nav-panel{display:none!important}}.banners-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:16px;gap:16px;margin-bottom:32px}@media (max-width:900px){.banners-grid{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.banner-card{min-height:140px!important;padding:20px 16px!important}.banner-card h1{font-size:1.4rem!important;line-height:1.2!important}.banner-card h2{font-size:1.2rem!important}.banner-card p{font-size:12px!important;margin-bottom:12px!important}.banner-card button{padding:8px 18px!important;font-size:12px!important}}.form-input{background:#181a1d!important;color:#fff!important;border:1px solid hsla(0,0%,100%,.12)!important;border-radius:10px!important;padding:12px 16px;font-size:14px!important;font-weight:500!important;width:100%!important;outline:none!important;transition:all .2s ease!important}.form-input.with-icon{padding-left:44px!important}.form-input::placeholder{color:hsla(0,0%,100%,.35)!important}.form-input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 2px rgba(198,255,0,.2)!important;background:#1e2126!important}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}.btn-primary{background:var(--accent);color:#000;border:none;border-radius:var(--radius-sm);padding:12px 24px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;font-size:14px}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 15px rgba(198,255,0,.3)}.btn-outline{background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:10px 20px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;font-size:14px}.btn-outline:hover{background:var(--accent-dark)}.header-container{height:72px;background:var(--bg-header);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-nav{display:flex;gap:32px}.header-nav a{color:var(--text-secondary);font-weight:600;font-size:15px;transition:color .2s;position:relative;height:72px;display:flex;align-items:center}.header-nav a.active,.header-nav a:hover{color:var(--text-primary)}.header-nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent);border-radius:3px 3px 0 0;box-shadow:0 -2px 10px rgba(198,255,0,.5)}.search-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;color:var(--text-primary);width:100%;outline:none;font-size:14px;transition:border-color .2s}.search-input:focus{border-color:var(--accent)}.sports-menu-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:var(--radius-md);margin-bottom:8px;cursor:pointer;transition:background .2s;color:var(--text-secondary);font-weight:600}.sports-menu-item:hover{background:var(--bg-card);color:var(--text-primary)}.sports-menu-item.active{background:var(--bg-card);border:1px solid var(--border)}.sports-menu-item.active .sport-icon{color:var(--accent)}.badge-count{background:var(--bg-input);padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700}.filter-tab{background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.filter-tab:hover{background:var(--bg-card);color:var(--text-primary)}.filter-tab.active{border-color:var(--accent);color:var(--accent)}.live-dot{width:8px;height:8px;background:var(--danger);border-radius:50%;display:inline-block;box-shadow:0 0 8px var(--danger)}.odds-btn{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;color:var(--text-primary);font-weight:700;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s}.odds-btn span:first-child{color:var(--text-secondary);font-weight:500}.odds-btn:hover{background:var(--bg-card-hover);border-color:var(--text-secondary)}.odds-btn.selected{background:var(--accent);border-color:var(--accent);color:#000}.odds-btn.selected span{color:#000}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.hover-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 4px 20px rgba(198,255,0,.05)}.sidebar-item:hover{background:var(--bg-card)!important}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:rgba(18,20,22,.95);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);z-index:1000;justify-content:space-around;align-items:center;padding:0 4px}@media (max-width:900px){.mobile-bottom-nav{display:flex}body{padding-bottom:70px}}.support-widget-overlay{top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200;align-items:flex-end;justify-content:flex-end;touch-action:none}.support-widget-overlay,.support-widget-window{position:fixed;display:flex;overscroll-behavior:contain;animation:fadeIn .2s ease-out}.support-widget-window{bottom:24px;right:24px;width:400px;max-width:calc(100vw - 32px);height:600px;max-height:calc(100vh - 100px);background:#141618;border:1px solid var(--border);border-radius:20px;box-shadow:0 16px 50px rgba(0,0,0,.85);z-index:1201;flex-direction:column;overflow:hidden;touch-action:auto}@media (max-width:900px){.support-widget-window{bottom:74px;right:12px;left:12px;width:auto;max-width:none;height:calc(100dvh - 90px);max-height:none;border-radius:16px}}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-secondary);font-size:11px;font-weight:600;text-decoration:none;background:transparent;border:none;cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .2s}.mobile-nav-item.active,.mobile-nav-item:hover{color:var(--accent)}.mobile-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;justify-content:flex-end;animation:fadeIn .2s ease-out;touch-action:none}.mobile-drawer-content,.mobile-drawer-overlay{display:flex;flex-direction:column;overscroll-behavior:contain}.mobile-drawer-content{background:var(--bg-card);border-top:1px solid var(--border);border-radius:20px 20px 0 0;padding:20px 16px;max-width:100vw;height:94vh;max-height:96vh;box-shadow:0 -8px 32px rgba(0,0,0,.6);animation:slideUp .25s cubic-bezier(.16,1,.3,1);touch-action:pan-y}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.full-width-card{width:100%!important;min-width:100%!important;max-width:100%!important;flex:1 1 100%!important;box-sizing:border-box!important}.mobile-horizontal-row .compact-card,[id^=row-] .compact-card{flex:0 0 315px!important;width:315px!important;min-width:300px!important;max-width:330px!important;scroll-snap-align:start!important}@media screen and (max-width:768px){.form-input,input,select,textarea{font-size:16px!important}.layout-container{padding:12px 12px 90px!important;gap:12px!important}.main-content{width:100%!important;max-width:100%!important}.mobile-horizontal-row,[id^=row-]{display:flex!important;flex-direction:row!important;gap:12px!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;padding-bottom:14px!important;scroll-behavior:smooth!important}.mobile-horizontal-row .compact-card,[id^=row-] .compact-card{flex:0 0 310px!important;width:310px!important;min-width:300px!important;max-width:320px!important;scroll-snap-align:start!important}.full-width-card{width:100%!important;min-width:100%!important;max-width:100%!important;flex:1 1 100%!important;box-sizing:border-box!important}}body,html{overflow-x:hidden;max-width:100vw;width:100%}@media (max-width:900px){.desktop-only,.desktop-text{display:none!important}}@media (min-width:901px){.mobile-only,.mobile-text{display:none!important}.admin-chat-pane,.admin-user-pane{display:flex!important}.admin-user-pane{width:320px!important}}@media (max-width:900px){.admin-ticket-container{height:calc(100dvh - 100px)!important}.admin-ticket-topbar{flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-bottom:12px!important}.admin-ticket-title-row{display:flex!important;align-items:center!important;gap:10px!important}.admin-ticket-actions{display:flex!important;gap:8px!important;width:100%!important}.admin-ticket-actions>button{flex:1 1!important;justify-content:center!important;text-align:center!important}.admin-mobile-tab-switch{display:flex!important;gap:8px!important;margin-bottom:12px!important}.admin-tab-btn{flex:1 1!important;padding:9px 12px!important;border-radius:10px!important;font-size:13px!important;font-weight:800!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;cursor:pointer!important;transition:all .2s!important}.admin-chat-pane,.admin-user-pane{width:100%!important;min-width:0!important}.admin-chat-pane.mobile-hidden,.admin-user-pane.mobile-hidden{display:none!important}.admin-ticket-card-link{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:14px!important}.admin-ticket-card-meta{display:flex!important;justify-content:space-between!important;align-items:center!important;border-top:1px solid var(--border)!important;padding-top:10px!important;margin-top:4px!important}}.profile-history-card{background:#131518;border:1px solid hsla(0,0%,100%,.08);border-radius:20px;padding:24px;box-shadow:0 8px 32px rgba(0,0,0,.35)}.profile-history-item{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:16px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:background .15s ease}@media (max-width:600px){.profile-history-card{padding:16px 12px;border-radius:16px}.profile-history-item{padding:12px 10px;gap:8px;border-radius:14px}}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}