@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-dark:#0f172a;--bg-panel:#1e293b;--bg-panel-hover:#334155;--text-main:#f8fafc;--text-muted:#94a3b8;--accent-blue:#3b82f6;--accent-green:#10b981;--accent-red:#ef4444;--border-color:#334155}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{color:var(--text-main);background:#0f172a;justify-content:stretch;align-items:stretch;min-height:100dvh;display:flex;overflow:hidden}.glass-panel{background:#1e293b;border:1px solid #ffffff0f;border-radius:12px}.bet-btn{cursor:pointer;border:none;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:58px;height:42px;padding:6px 4px;transition:all .15s;display:flex}.bet-btn.back-1{color:#0f172a;background-color:#e0f2fe}.bet-btn.back-1:hover{background-color:#bae6fd}.bet-btn.back-2{color:#0f172a;background-color:#bae6fd}.bet-btn.back-2:hover{background-color:#7dd3fc}.bet-btn.back-3{color:#0f172a;background-color:#72bbef}.bet-btn.back-3:hover{background-color:#38bdf8}.bet-btn.lay-1{color:#0f172a;background-color:#faa9ba}.bet-btn.lay-1:hover{background-color:#f87171}.bet-btn.lay-2{color:#0f172a;background-color:#fecaca}.bet-btn.lay-2:hover{background-color:#fca5a5}.bet-btn.lay-3{color:#0f172a;background-color:#fee2e2}.bet-btn.lay-3:hover{background-color:#fecaca}.odds-val{font-size:.95rem;font-weight:700;line-height:1.1}.odds-size{opacity:.75;font-size:.7rem;line-height:1}.app-container{background-color:var(--bg-dark);flex-direction:column;width:100%;max-width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.sidebar{background-color:var(--bg-panel);flex-direction:column;width:100%;padding:20px;display:flex}.menu-item{cursor:pointer;color:var(--text-muted);border-radius:8px;align-items:center;gap:12px;padding:12px 15px;transition:all .2s;display:flex}.menu-item:hover{background-color:var(--bg-panel-hover);color:var(--text-main)}.menu-item.active{color:var(--accent-blue);background-color:#3b82f61a;font-weight:600}.top-header{background-color:var(--bg-panel);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.wallet-info{border:1px solid var(--border-color);background:#0003;border-radius:20px;gap:20px;padding:8px 16px;display:flex}.wallet-info span{font-weight:600}.wallet-info .balance{color:var(--text-main)}.wallet-info .exposure{color:var(--accent-red)}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pendingPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.login-page{z-index:9999;background:linear-gradient(-45deg,#2e1065,#4c1d95,#1e3a8a,#0f172a) 0 0/400% 400%;justify-content:center;align-items:center;width:100vw;min-height:100vh;animation:15s infinite gradientBG;display:flex;position:fixed;top:0;left:0}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.login-card{-webkit-backdrop-filter:blur(16px);background:#0f172a99;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;align-items:center;width:90%;max-width:400px;padding:40px 30px;display:flex;box-shadow:0 20px 50px #00000080,inset 0 0 0 1px #ffffff0d}.login-logo-container{text-align:center;margin-bottom:40px}.login-logo-text{letter-spacing:-1px;background:linear-gradient(135deg,#00f2fe 0%,#4facfe 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #4facfe80);-webkit-background-clip:text;margin:0;font-family:Inter,sans-serif;font-size:2.8rem;font-weight:900}.login-logo-sub{color:#94a3b8;letter-spacing:2px;text-transform:uppercase;margin-top:5px;font-size:.9rem;font-weight:500}.login-form{flex-direction:column;gap:20px;width:100%;display:flex}.login-input-group{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;padding:14px 20px;transition:all .3s;display:flex;position:relative}.login-input-group:focus-within{background:#ffffff1a;border-color:#4facfe;box-shadow:0 0 15px #4facfe33}.login-icon{color:#4facfe;opacity:.8;margin-right:12px}.login-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:1.05rem;font-weight:500}.login-input::placeholder{color:#64748b}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#8b5cf6 0%,#3b82f6 100%);border:none;border-radius:12px;width:100%;margin-top:15px;padding:16px;font-size:1.15rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 25px #8b5cf666}.login-btn:hover{transform:translateY(-2px);box-shadow:0 15px 35px #8b5cf699}.login-btn:active{transform:translateY(0)}@media (width<=480px){.login-card{width:92%;padding:30px 20px}.login-logo-text{font-size:2.4rem}.login-input{font-size:1rem}}.header-right-controls{align-items:center;gap:15px;display:flex}.user-menu-container{position:relative}.user-menu-btn{color:#e2e8f0;cursor:pointer;background-color:#0f172a;border:1px solid #334155;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.user-menu-btn:hover{background-color:#1e293b;border-color:#3b82f6}.user-dropdown-menu{z-index:1000;background-color:#0f172a;border:1px solid #334155;border-radius:12px;width:220px;padding:8px 0;animation:.2s fadeIn;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 15px 35px #00000080}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-item{color:#cbd5e1;cursor:pointer;align-items:center;gap:12px;padding:12px 20px;font-size:.95rem;font-weight:500;transition:background-color .15s,color .15s;display:flex}.user-dropdown-item:hover{color:#38bdf8;background-color:#1e293b}.user-dropdown-divider{background-color:#334155;height:1px;margin:8px 0}.account-table{border-collapse:collapse;width:100%}.account-table th{color:#94a3b8;text-align:left;text-transform:uppercase;background-color:#0f172a;border-bottom:1px solid #334155;padding:14px 20px;font-size:.85rem;font-weight:600}.account-table td{color:#e2e8f0;border-bottom:1px solid #ffffff0d;padding:16px 20px;font-size:.95rem}.account-table tr:hover td{background-color:#ffffff05}.badge{text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700}.badge-credit{color:#10b981;background-color:#10b98133;border:1px solid #10b981}.badge-debit{color:#ef4444;background-color:#ef444433;border:1px solid #ef4444}.badge-won{color:#10b981;background-color:#10b98133;border:1px solid #10b981}.badge-lost{color:#ef4444;background-color:#ef444433;border:1px solid #ef4444}.badge-matched{color:#3b82f6;background-color:#3b82f633;border:1px solid #3b82f6}.profile-card{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:30px;display:grid}.profile-item{background-color:#0000004d;border:1px solid #334155;border-radius:10px;flex-direction:column;gap:8px;padding:20px;display:flex}.profile-label{color:#94a3b8;font-size:.85rem}.profile-value{color:#f8fafc;font-size:1.2rem;font-weight:700}.sub-header-nav{white-space:nowrap;background-color:#1e293b;border-bottom:2px solid #f59e0b;align-items:center;padding:0 20px;display:flex;overflow-x:auto;box-shadow:0 4px 15px #0000004d}.sub-header-nav::-webkit-scrollbar{height:4px}.sub-header-nav::-webkit-scrollbar-thumb{background-color:#f59e0b;border-radius:2px}.sub-nav-item{color:#cbd5e1;cursor:pointer;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:14px 20px;font-size:.92rem;font-weight:700;transition:all .2s;display:flex}.sub-nav-item:hover{color:#f8fafc;background-color:#f59e0b1a}.sub-nav-item.active{color:#f59e0b;text-shadow:0 0 10px #f59e0b4d;background-color:#f59e0b26;border-bottom:2px solid #f59e0b}.marquee-container{background:#0f172a;border:1px solid #334155;border-radius:20px;align-items:center;width:100%;max-width:380px;padding:6px 16px;display:flex;overflow:hidden;box-shadow:inset 0 2px 4px #0000004d}.marquee-text{color:#10b981;white-space:nowrap;font-size:.85rem;font-weight:600;animation:15s linear infinite marquee}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.promo-banner{background:linear-gradient(135deg,#1e1b4b 0%,#0f172a 50%,#064e3b 100%);border:1px solid #f59e0b;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:30px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.promo-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#f59e0b1a 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%;transform:rotate(30deg)}.promo-content h2{color:#f59e0b;letter-spacing:.5px;text-shadow:0 2px 4px #00000080;margin:0 0 10px;font-size:1.8rem;font-weight:800}.promo-content p{color:#e2e8f0;max-width:600px;margin:0 0 20px;font-size:1.05rem}.promo-btn{color:#0f172a;cursor:pointer;background:linear-gradient(90deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:30px;padding:12px 28px;font-size:1rem;font-weight:800;transition:transform .15s,box-shadow .15s;box-shadow:0 6px 15px #f59e0b66}.promo-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #f59e0b99}.tree-accordion{flex-direction:column;gap:8px;display:flex}.tree-group{color:#f8fafc;cursor:pointer;background-color:#1e293b;border:1px solid #334155;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;font-weight:700;transition:border-color .2s,background-color .2s;display:flex}.tree-group:hover{background-color:#334155;border-color:#f59e0b}.tree-group-left{align-items:center;gap:10px;display:flex}.tree-sub-list{border-left:2px solid #334155;flex-direction:column;gap:4px;margin-left:18px;padding-left:12px;display:flex}.tree-sub-item{color:#94a3b8;cursor:pointer;border-radius:6px;padding:8px 14px;font-size:.88rem;font-weight:500;transition:all .15s}.tree-sub-item:hover{color:#f59e0b;background-color:#f59e0b14}.tree-sub-item.active{color:#f59e0b;background-color:#f59e0b1f;font-weight:700}.drawer-overlay{z-index:2000;background:#000000a6;width:100vw;height:100dvh;animation:.2s ease-out drawerFadeIn;position:fixed;inset:0}.drawer-left{z-index:2001;will-change:transform;background-color:#0f172a;border-right:1px solid #1e293b;flex-direction:column;width:300px;max-width:80vw;height:100dvh;padding:20px 15px;animation:.22s ease-out drawerSlideLeft;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translateZ(0);box-shadow:6px 0 20px #000c}.drawer-right{z-index:2001;will-change:transform;background-color:#0f172a;border-left:1px solid #1e293b;flex-direction:column;width:300px;max-width:80vw;height:100dvh;padding:20px 15px;animation:.22s ease-out drawerSlideRight;display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translateZ(0);box-shadow:-6px 0 20px #000c}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawerSlideLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes drawerSlideRight{0%{transform:translate(100%)}to{transform:translate(0)}}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden auto}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#f59e0b66;border-radius:2px}.mobile-tabs-container::-webkit-scrollbar{display:none!important}.mobile-tabs-container{-ms-overflow-style:none!important;scrollbar-width:none!important}.content-wrapper{gap:20px;width:100%;min-width:0;height:auto;padding:20px;display:flex;overflow-y:visible}.content-wrapper.casino{background:#131313;gap:0;height:calc(100dvh - 66px);padding:0;overflow:hidden}body{margin:0!important;padding:0!important}.app-container{width:100vw!important;max-width:100%!important;height:100dvh!important;box-shadow:none!important;border-radius:0!important}@media (width<=600px){.glass-panel{border-radius:8px!important}.content-wrapper{gap:12px!important;padding:10px!important}.table-responsive{margin-bottom:12px;-webkit-overflow-scrolling:touch!important;width:100%!important;overflow-x:auto!important}.account-table th{padding:10px 12px!important;font-size:.72rem!important}.account-table td{padding:10px 12px!important;font-size:.8rem!important}.settings-panel-body{padding:12px 10px!important}.top-header{gap:6px!important;padding:8px 10px!important}.top-header span{font-size:1.05rem!important}}@media (width<=380px){.profile-btn-text,.requests-btn-text{display:none!important}.profile-btn{padding:5px 8px!important}}.betslip-overlay{z-index:9000;background:#0009;justify-content:center;align-items:flex-end;animation:.18s fadeInOverlay;display:flex;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.betslip-sheet{width:100%;max-width:500px;padding-bottom:env(safe-area-inset-bottom,0px);will-change:transform;background:#fff;border-radius:18px 18px 0 0;animation:.25s cubic-bezier(.25,.46,.45,.94) slideUpSheet;overflow:hidden;transform:translateZ(0);box-shadow:0 -4px 20px #0006}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.betslip-sheet .bs-header{text-align:center;color:#f8fafc;background:#1e293b;border-bottom:1px solid #334155;padding:12px 18px;font-size:.95rem;font-weight:700}.betslip-sheet .bs-team{text-align:center;color:#0f172a;background:#f0f4f8;padding:14px 18px 6px;font-size:1rem;font-weight:700}.betslip-sheet .bs-body{background:#f8fafc;flex-direction:column;gap:10px;padding:12px 18px;display:flex}.betslip-sheet .bs-row{align-items:center;gap:10px;display:flex}.betslip-sheet .bs-label{color:#374151;flex-shrink:0;width:60px;font-size:.9rem;font-weight:700}.betslip-sheet .bs-odds-control{background:#e5e7eb;border:1px solid #d1d5db;border-radius:6px;flex:1;align-items:center;display:flex;overflow:hidden}.betslip-sheet .bs-odds-control button{color:#fff;cursor:pointer;background:#475569;border:none;flex-shrink:0;width:38px;height:40px;font-size:1.2rem;font-weight:700;transition:background .15s}.betslip-sheet .bs-odds-control button:hover{background:#334155}.betslip-sheet .bs-odds-val{text-align:center;color:#1e293b;background:#e5e7eb;border:none;outline:none;flex:1;height:40px;padding:0;font-size:1rem;font-weight:700;line-height:40px}.betslip-sheet .bs-amount-input{color:#0f172a;background:#fff;border:2px solid #3b82f6;border-radius:6px;outline:none;flex:1;height:42px;padding:0 12px;font-size:1rem;font-weight:700}.betslip-sheet .bs-quick-stakes{background:#f8fafc;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 18px 6px;display:grid}.betslip-sheet .bs-quick-stakes button{color:#f8fafc;cursor:pointer;background:#475569;border:none;border-radius:5px;padding:9px 4px;font-size:.8rem;font-weight:700;transition:background .15s}.betslip-sheet .bs-quick-stakes button:hover{background:#334155}.betslip-sheet .bs-add-stakes{background:#f8fafc;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 18px 12px;display:grid}.betslip-sheet .bs-add-stakes button{color:#334155;cursor:pointer;background:#e2e8f0;border:none;border-radius:5px;padding:9px 4px;font-size:.8rem;font-weight:700;transition:background .15s}.betslip-sheet .bs-add-stakes button:hover{background:#cbd5e1}.betslip-sheet .bs-actions{background:#f0f4f8;border-top:1px solid #e2e8f0;gap:10px;padding:12px 18px 16px;display:flex}.betslip-sheet .bs-close-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;flex:1;padding:12px;font-size:1rem;font-weight:800;transition:background .2s}.betslip-sheet .bs-close-btn:hover{background:#dc2626}.betslip-sheet .bs-submit-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;flex:2;padding:12px;font-size:1rem;font-weight:800;transition:background .2s}.betslip-sheet .bs-submit-btn:hover{background:#059669}.betslip-sheet .bs-pnl{text-align:center;color:#64748b;margin-top:-4px;padding-bottom:2px;font-size:.82rem}.table-responsive{margin-bottom:12px;-webkit-overflow-scrolling:touch!important;width:100%!important;overflow-x:auto!important}.table-responsive::-webkit-scrollbar{height:6px!important;display:block!important}.table-responsive::-webkit-scrollbar-thumb{background:#f59e0b73!important;border-radius:3px!important}.table-responsive::-webkit-scrollbar-track{background:#0003!important}.app-container .account-table{width:100%}.app-container .account-table th{text-align:center!important;padding:8px 4px!important;font-size:.7rem!important}.app-container .account-table td{word-wrap:break-word!important;word-break:break-word!important;text-align:center!important;padding:8px 4px!important;font-size:.72rem!important}