@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--color-background-dark: #0f1021;--color-background-medium: #17182c;--color-background-light: #20223a;--color-background-lighter: #2c2e4a;--color-border: #3b3d5b;--color-primary: #4a4eee;--color-accent-yellow: #f5bf41;--color-accent-green: #28c76f;--color-accent-red: #ea5455;--color-text-primary: #ffffff;--color-text-secondary: #c2c6dc;--color-text-dark: #333333;--color-text-light: #666666;--color-text-darker: #444444;--color-primary-dark: #3a3ed8;--color-primary-light: #5a5feb;--color-accent-green-light: #2ecc71;--color-accent-orange: #f39c12;--color-accent-purple: #9b59b6;--color-accent-blue: #3498db;--color-accent-gray: #95a5a6;--color-accent-bitcoin: #f7931a;--color-facebook: #1877f2;--color-twitter: #1da1f2;--color-whatsapp: #25d366;--color-telegram: #0088cc;--color-background-gradient-start: #1a1d4a;--color-background-gradient-end: #2a2d5a;--color-shadow-light: rgba(0, 0, 0, .1);--color-shadow-medium: rgba(0, 0, 0, .3);--color-shadow-dark: rgba(0, 0, 0, .7);--color-shadow-primary: rgba(74, 78, 238, .2);--color-shadow-primary-medium: rgba(74, 78, 238, .3);--color-shadow-primary-light: rgba(74, 78, 238, .15);--color-shadow-primary-subtle: rgba(74, 78, 238, .05);--color-shadow-green: rgba(46, 204, 113, .3);--color-shadow-subtle: rgba(0, 0, 0, .1);--color-background-success: rgba(40, 199, 111, .1);--color-background-error: rgba(234, 84, 85, .1);--font-family-main: "Poppins", sans-serif;--font-size-small: .8rem;--font-size-normal: .9rem;--font-size-medium: 1rem;--font-size-large: 1.2rem;--header-height: 70px;--sidebar-width: 320px;--floating-margin: 20px;--border-radius-small: 5px;--border-radius-medium: 10px;--padding-small: 10px;--padding-medium: 15px;--padding-large: 20px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-main);background-color:var(--color-background-dark);color:var(--color-text-primary);font-size:var(--font-size-normal);overflow-x:hidden}html{overflow-x:hidden}a{text-decoration:none;color:inherit}ul{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.icon{width:1em;height:1em;display:inline-block;vertical-align:middle}.container{display:flex;max-width:100vw;overflow-x:hidden}.main-content{flex-grow:1;padding:var(--padding-large);padding-top:calc(var(--header-height) + var(--padding-large));min-width:0;overflow-x:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100vh;overflow-y:auto;overflow-x:hidden;background-color:var(--color-background-medium);padding:var(--padding-large);padding-top:calc(var(--header-height) + var(--padding-large));border-left:1px solid var(--color-border)}.site-header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--padding-large);background-color:var(--color-background-medium);border-bottom:1px solid var(--color-border);z-index:100}.header-logo{font-size:var(--font-size-large);font-weight:700;letter-spacing:1px}.header-logo span{color:var(--color-primary)}.header-nav{display:flex;gap:var(--padding-large)}.header-nav a{padding:5px 15px;border-radius:var(--border-radius-small);font-weight:500;transition:all .2s ease}.header-nav a.active,.header-nav a:hover{background-color:var(--color-primary);color:var(--color-text-primary)}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--color-text-primary);font-size:var(--font-size-large);cursor:pointer;padding:var(--padding-small);border-radius:var(--border-radius-small);transition:background-color .2s ease}.mobile-menu-toggle:hover{background-color:var(--color-background-light)}.mobile-menu-toggle.active{background-color:var(--color-primary)}.mobile-sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:150;opacity:0;visibility:hidden;transition:opacity .3s ease;display:none}.mobile-sidebar-overlay.active{display:block;opacity:1;visibility:visible}@media (max-width: 1024px){.mobile-sidebar-overlay{display:block}}.sidebar.open{right:0;transition:right .3s ease}.sidebar{transition:right .3s ease}.mobile-sidebar{position:fixed;top:var(--header-height);right:-100%;width:280px;max-width:85vw;height:calc(100vh - var(--header-height));background:var(--color-background-medium);z-index:200;transition:right .3s ease;overflow-y:auto;box-shadow:-2px 0 10px #0000004d;border-left:1px solid var(--color-border)}.mobile-sidebar.open{right:0}.mobile-nav{padding:var(--padding-large);display:flex;flex-direction:column;gap:var(--padding-medium)}.mobile-nav-link{padding:var(--padding-medium);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--border-radius-small);transition:all .3s ease;font-weight:500}.mobile-nav-link:hover{background-color:var(--color-background-light);color:var(--color-primary)}.sidebar-close-btn{position:absolute;top:var(--padding-medium);right:var(--padding-medium);background:none;border:none;color:var(--color-text-secondary);font-size:18px;cursor:pointer;padding:8px;border-radius:var(--border-radius-small);transition:all .3s ease;display:none}.sidebar-close-btn:hover{background-color:var(--color-background-light);color:var(--color-primary)}@media (max-width: 1024px){.sidebar{position:fixed;top:var(--header-height);right:-100%;width:320px;max-width:90vw;height:calc(100vh - var(--header-height));z-index:200;box-shadow:-2px 0 10px #0000004d;border-left:1px solid var(--color-border);border-top:none;background:var(--color-background-medium);transition:right .3s ease}.sidebar.open{right:0}.sidebar-close-btn{display:flex!important}.mobile-sidebar{display:block}.sidebar-close-btn.mobile-only{display:block!important}}.header-controls{display:flex;align-items:center;gap:var(--padding-medium)}.control-btn{background-color:var(--color-background-light);padding:8px 12px;border-radius:var(--border-radius-small);display:flex;align-items:center;gap:8px;font-weight:500}.btn-signup{background-color:var(--color-primary);color:var(--color-text-primary)}.control-select-wrapper{position:relative;background-color:var(--color-background-light);border-radius:var(--border-radius-small)}.control-select-wrapper .icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-text-secondary)}.header-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:8px 30px 8px 12px;color:var(--color-text-primary);font-family:var(--font-family-main);font-size:var(--font-size-normal);font-weight:500;cursor:pointer}.header-select option{background-color:var(--color-background-medium);color:var(--color-text-primary)}.promo-banner{padding:var(--padding-medium) var(--padding-large);background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--border-radius-medium);display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--padding-large);flex-wrap:wrap;gap:15px}.card{background-color:var(--color-background-medium);border-radius:var(--border-radius-medium);margin-bottom:var(--padding-large);border:1px solid var(--color-border)}.card-header{padding:var(--padding-medium);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.card-header.is-tabs{padding:0;border-bottom:none}.card-header.is-tabs .tabs{border-bottom:1px solid var(--color-border);width:100%;padding:0 var(--padding-medium)}.card-header h2{font-size:var(--font-size-medium);font-weight:600}.card-body{padding:var(--padding-medium)}.tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--color-border)}.tab-btn{padding:var(--padding-medium);font-weight:500;color:var(--color-text-secondary);position:relative;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s ease;cursor:pointer;background:none;border:none;font-family:inherit}.tab-btn:hover{color:var(--color-text-primary);background-color:var(--color-background-light)}.tab-btn.active{color:var(--color-text-primary);border-bottom-color:var(--color-primary);background-color:transparent}.tab-content{display:none;transition:opacity .2s ease}.tab-content.active{display:block}.tab-content>p{text-align:center;padding:var(--padding-large);color:var(--color-text-secondary)}.sub-tabs{border-bottom:1px solid var(--color-border);margin-bottom:var(--padding-medium)}.sub-tabs .tab-btn{padding:var(--padding-small) var(--padding-medium);font-size:var(--font-size-small)}.tab-content-wrapper{padding:1rem}@media (max-width: 768px){.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap}.tabs::-webkit-scrollbar{display:none}.tab-btn{white-space:nowrap;flex-shrink:0;padding:var(--padding-small) var(--padding-medium);font-size:var(--font-size-small);min-width:fit-content}}.h2h-row{display:flex;align-items:center;justify-content:space-between;padding:var(--padding-medium);background-color:var(--color-background-light);border-radius:var(--border-radius-medium);font-size:var(--font-size-medium);margin-bottom:var(--padding-medium)}.fixture-row{display:flex;justify-content:space-between;align-items:center;padding:var(--padding-medium);background-color:var(--color-background-light);border-radius:var(--border-radius-medium);font-size:var(--font-size-medium);margin:var(--padding-medium) 0}.fixture-teams{display:flex;align-items:center;gap:15px;font-weight:600}.team-logo{width:20px;height:20px;object-fit:contain;border-radius:50%}.fixture-teams .team-logo{width:28px;height:28px}.fixture-time{background-color:var(--color-background-dark);padding:5px 15px;border-radius:20px;border:1px solid var(--color-border)}.fixture-score{font-size:1.4rem;font-weight:700;margin:0 10px}.fixture-score .score.win{color:var(--color-accent-yellow)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:var(--padding-small) var(--padding-medium);text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{color:var(--color-text-secondary);font-weight:500;font-size:var(--font-size-small);text-transform:uppercase}.data-table td:last-child,.data-table td:first-child{font-weight:600}.data-table tbody tr:hover{background-color:var(--color-background-light)}.data-table .team{font-weight:500;display:flex;align-items:center;gap:10px}.match-list-header{display:flex;align-items:center;gap:10px;font-weight:600;margin-top:var(--padding-large);margin-bottom:var(--padding-small)}.match-list-header .league-title img{width:24px;height:24px;border-radius:50%}.match-row{display:grid;grid-template-columns:50px 1fr 60px 200px 50px;align-items:center;gap:var(--padding-small);padding:var(--padding-small) 0;border-bottom:1px solid var(--color-border)}.match-row:last-child{border-bottom:none}.match-status{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-small)}.match-status .live{color:var(--color-accent-green);font-weight:600}.match-teams{display:flex;flex-direction:column;gap:5px}.match-score{font-weight:600;text-align:center}.match-odds{display:flex;gap:5px;padding:2rem}.odd-btn{flex:1;background-color:var(--color-background-light);padding:8px;border-radius:var(--border-radius-small);text-align:center;transition:background-color .2s;font-weight:600}.odd-btn:hover{background-color:var(--color-primary)}.odd-btn.highlight{background-color:var(--color-accent-yellow);color:var(--color-text-dark)}.match-actions a{color:var(--color-text-secondary);font-size:1.2rem;text-align:center;display:block}.sidebar-card .card-body{padding:0}.sidebar-card .tabs{padding:0 var(--padding-medium)}.sidebar-card .tab-content-wrapper{padding:var(--padding-medium)}.accordion{margin-top:var(--padding-large)}.accordion-item{background-color:var(--color-background-light);border-radius:var(--border-radius-small);margin-bottom:var(--padding-small);overflow:hidden}.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:var(--padding-small) var(--padding-medium);cursor:pointer;font-weight:600}.accordion-header .icon{transition:transform .3s ease}.accordion-item.open .accordion-header .icon{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.accordion-item.open .accordion-content{max-height:500px;padding:0 var(--padding-medium) var(--padding-medium)}.prediction-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--color-border)}.prediction-row:last-child{border:none}.site-footer{background:linear-gradient(135deg,var(--color-background-medium) 0%,var(--color-background-dark) 100%);padding:60px 0 40px;margin-top:60px;border-top:1px solid var(--color-border);position:relative;overflow:hidden}.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.footer-main{max-width:1200px;margin:0 auto 40px;padding:0 20px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-col h4{color:var(--color-text-primary);font-size:1.2rem;font-weight:600;margin-bottom:20px;position:relative}.footer-col h4:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:2px;background:var(--color-primary);border-radius:2px}.footer-col p{color:var(--color-text-secondary);line-height:1.6;margin-bottom:16px;font-size:.95rem}.footer-col ul{list-style:none;padding:0}.footer-col ul li{margin-bottom:12px}.footer-col ul li a{color:var(--color-text-secondary);text-decoration:none;font-size:.95rem;transition:all .3s ease;display:inline-block}.footer-col ul li a:hover{color:var(--color-primary);transform:translate(5px)}.footer-bottom{max-width:1200px;margin:0 auto;padding:20px;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;color:var(--color-text-secondary);font-size:.9rem}.dash-footer{background:linear-gradient(135deg,var(--color-background-medium) 0%,var(--color-background-dark) 100%);padding:60px 0 40px;margin-top:60px;border-top:1px solid var(--color-border);position:relative}.dash-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.dash-footer-content{max-width:1200px;margin:0 auto 40px;padding:0 20px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.dash-footer-section h3{color:var(--color-text-primary);font-size:1.2rem;font-weight:600;margin-bottom:20px;position:relative}.dash-footer-section h3:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:2px;background:var(--color-primary);border-radius:2px}.dash-footer-section p{color:var(--color-text-secondary);line-height:1.6;margin-bottom:20px;font-size:.95rem}.dash-footer-section a{color:var(--color-text-secondary);text-decoration:none;font-size:.95rem;display:block;margin-bottom:10px;transition:all .3s ease}.dash-footer-section a:hover{color:var(--color-primary);transform:translate(5px)}.dash-social-links{display:flex;gap:15px;margin-top:20px}.dash-social-links a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all .3s ease;margin-bottom:0}.dash-social-links a:hover{color:#fff;transform:translateY(-2px)}.dash-footer-bottom{max-width:1200px;margin:0 auto;padding:20px;border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-secondary);font-size:.9rem}.contact-footer{background:linear-gradient(135deg,var(--color-background-medium) 0%,var(--color-background-dark) 100%);padding:60px 0 40px;margin-top:60px;border-top:1px solid var(--color-border);position:relative}.contact-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-section h3{color:var(--color-text-primary);font-size:1.2rem;font-weight:600;margin-bottom:20px;position:relative}.footer-section h3:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:2px;background:var(--color-primary);border-radius:2px}.footer-section p{color:var(--color-text-secondary);line-height:1.6;margin-bottom:20px;font-size:.95rem}.footer-section a{color:var(--color-text-secondary);text-decoration:none;font-size:.95rem;display:block;margin-bottom:10px;transition:all .3s ease}.footer-section a:hover{color:var(--color-primary);transform:translate(5px)}.footer-bottom{border-top:1px solid var(--color-border);padding-top:20px;text-align:center;color:var(--color-text-secondary);font-size:.9rem}.privacy-footer,.terms-footer,.refund-footer{background:linear-gradient(135deg,var(--color-background-medium) 0%,var(--color-background-dark) 100%);padding:60px 0 40px;margin-top:60px;border-top:1px solid var(--color-border);position:relative}.privacy-footer:before,.terms-footer:before,.refund-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.social-links{display:flex;gap:15px;margin-top:20px}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);text-decoration:none;transition:all .3s ease;font-size:1.1rem}.social-link:hover{color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.footer-main,.dash-footer-content,.footer-content{grid-template-columns:1fr;gap:30px}.footer-bottom,.dash-footer-bottom{flex-direction:column;gap:15px;text-align:center}.site-footer,.dash-footer,.contact-footer,.privacy-footer,.terms-footer,.refund-footer{padding:40px 0 30px;margin-top:40px}.footer-col h4,.dash-footer-section h3,.footer-section h3{font-size:1.1rem}.footer-col p,.dash-footer-section p,.footer-section p{font-size:.9rem}.social-links,.dash-social-links{justify-content:center}}@media (max-width: 480px){.social-link,.dash-social-links a{width:35px;height:35px;font-size:1rem}.footer-main,.dash-footer-content,.footer-content{padding:0 15px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:1000;display:none;align-items:center;justify-content:center;overflow-y:auto;overflow-x:hidden}.modal-overlay.active{display:flex}.modal-content{width:90%;max-width:700px;background-color:var(--color-background-medium);border-radius:var(--border-radius-medium);border:1px solid var(--color-border);max-height:90vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.modal-header.hed{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid var(--color-border);border-top-left-radius:var(--border-radius-medium);border-top-right-radius:var(--border-radius-medium)}.login-modal{max-width:450px;width:90%}.login-modal .modal-header{background-color:var(--color-background-light);padding:var(--padding-large);text-align:center;border-bottom:1px solid var(--color-border);border-top-left-radius:var(--border-radius-medium);border-top-right-radius:var(--border-radius-medium)}.login-modal .modal-header h2{font-size:1.8rem;font-weight:600;margin:0;color:var(--color-text-primary)}.login-modal .modal-header{position:relative}.login-modal .modal-close{position:absolute;top:15px;right:15px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;padding:5px;transition:color .2s ease}.login-modal .modal-close:hover{color:var(--color-text-primary)}.login-modal .modal-body{padding:var(--padding-large)}.login-form{display:flex;flex-direction:column}.login-form .form-group{margin-bottom:var(--padding-medium)}.login-form .form-group label{display:block;font-weight:500;margin-bottom:var(--padding-small);color:var(--color-text-primary);font-size:var(--font-size-normal)}.login-form .input-wrapper{position:relative;display:flex;align-items:center}.login-form .input-wrapper .icon{position:absolute;left:12px;color:var(--color-text-secondary);font-size:var(--font-size-normal);z-index:2}.login-form .input-wrapper input{width:100%;padding:12px 15px 12px 40px;background-color:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--border-radius-small);color:var(--color-text-primary);font-family:var(--font-family-main);font-size:var(--font-size-normal);transition:border-color .2s ease,box-shadow .2s ease}.login-form .input-wrapper input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4a4eee1a}.login-form .input-wrapper input::placeholder{color:var(--color-text-secondary)}.login-form .password-toggle{position:absolute;right:12px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:5px;font-size:var(--font-size-normal);transition:color .2s ease}.login-form .password-toggle:hover{color:var(--color-text-primary)}.login-form .form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--padding-large);font-size:var(--font-size-normal)}.checkbox-wrapper{position:relative;display:flex;align-items:center;cursor:pointer;font-size:var(--font-size-normal);color:var(--color-text-primary);line-height:1.4;-webkit-user-select:none;user-select:none}.checkbox-wrapper input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-wrapper .checkmark{position:relative;display:inline-block;height:20px;width:20px;background-color:var(--color-background-light);border:2px solid var(--color-border);border-radius:var(--border-radius-small);margin-right:12px;transition:all .3s ease;flex-shrink:0}.checkbox-wrapper:hover input[type=checkbox]~.checkmark{border-color:var(--color-primary);background-color:var(--color-background-medium)}.checkbox-wrapper input[type=checkbox]:checked~.checkmark{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-wrapper input[type=checkbox]:focus~.checkmark{outline:2px solid var(--color-primary);outline-offset:2px}.checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-wrapper input[type=checkbox]:checked~.checkmark:after{display:block}.login-form .checkbox-wrapper{font-size:var(--font-size-normal);color:var(--color-text-primary)}.login-form .checkmark{position:relative}.login-btn{width:100%;padding:12px 20px;background-color:var(--color-primary);color:var(--color-text-primary);border:none;border-radius:var(--border-radius-small);font-family:var(--font-family-main);font-size:var(--font-size-normal);font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease;margin-bottom:var(--padding-large)}.login-btn:hover{background-color:#3a3ed5;transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.login-footer{text-align:center;padding-top:var(--padding-medium);border-top:1px solid var(--color-border);color:var(--color-text-secondary)}.login-footer a{color:var(--color-primary);text-decoration:none;font-weight:500}.login-footer a:hover{color:var(--color-accent-yellow)}.auth-page,.password-reset-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-background-dark) 0%,var(--color-background-medium) 100%);padding:var(--padding-large)}.auth-container,.reset-container{width:100%;max-width:450px;background-color:var(--color-background-medium);border-radius:var(--border-radius-medium);border:1px solid var(--color-border);box-shadow:0 10px 30px #0000004d}.auth-box,.reset-box{width:100%}.auth-header,.reset-header{background-color:var(--color-background-light);padding:var(--padding-large);text-align:center;border-bottom:1px solid var(--color-border);border-top-left-radius:var(--border-radius-medium);border-top-right-radius:var(--border-radius-medium)}.auth-form,.reset-form{padding:var(--padding-large)}.auth-form h2,.reset-form h2{font-size:1.8rem;font-weight:600;margin-bottom:var(--padding-small);color:var(--color-text-primary);text-align:center}.form-description,.step-description{color:var(--color-text-secondary);text-align:center;margin-bottom:var(--padding-large);font-size:var(--font-size-normal)}.form-step{display:none}.form-step.active{display:block}.code-inputs{display:flex;gap:10px;justify-content:center;margin:var(--padding-medium) 0}.code-input{width:45px;height:45px;text-align:center;background-color:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--border-radius-small);color:var(--color-text-primary);font-family:var(--font-family-main);font-size:var(--font-size-large);font-weight:600;transition:border-color .2s ease,box-shadow .2s ease}.code-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4a4eee1a}.resend-code{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-small);margin:var(--padding-medium) 0}.resend-code a{color:var(--color-primary);text-decoration:none}.resend-code a:hover{color:var(--color-accent-yellow)}.back-btn{background:none;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:8px 16px;border-radius:var(--border-radius-small);font-size:var(--font-size-small);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;margin-top:var(--padding-small)}.back-btn:hover{border-color:var(--color-primary);color:var(--color-text-primary)}.success-icon{text-align:center;margin-bottom:var(--padding-large)}.success-icon i{font-size:4rem;color:var(--color-accent-green)}.auth-form .form-group{margin-bottom:var(--padding-large)}.auth-form .form-group label,.reset-form .form-group label{display:block;font-weight:500;color:var(--color-text-primary);margin-bottom:8px;font-size:var(--font-size-normal)}.reset-form label#verify{text-align:center}.auth-form .input-wrapper,.reset-form .input-wrapper{position:relative;display:flex;align-items:center;background-color:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--border-radius-small);transition:all .3s ease;overflow:hidden}.auth-form .input-wrapper:focus-within,.reset-form .input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #4a4eee1a;background-color:var(--color-background-medium)}.auth-form .input-wrapper .icon,.reset-form .input-wrapper .icon{position:absolute;left:15px;color:var(--color-text-secondary);font-size:var(--font-size-medium);z-index:1;transition:color .3s ease}.auth-form .input-wrapper:focus-within .icon,.reset-form .input-wrapper:focus-within .icon{color:var(--color-primary)}.auth-form .input-wrapper input,.reset-form .input-wrapper input{width:100%;padding:12px 15px 12px 45px;border:none;background:transparent;color:var(--color-text-primary);font-family:var(--font-family-main);font-size:var(--font-size-normal);outline:none;transition:all .3s ease}.auth-form .input-wrapper input::placeholder,.reset-form .input-wrapper input::placeholder{color:var(--color-text-secondary);opacity:.8;transition:opacity .3s ease}.auth-form .input-wrapper input:focus::placeholder,.reset-form .input-wrapper input:focus::placeholder{opacity:.5}.auth-form .password-toggle,.reset-form .password-toggle{position:absolute;right:10px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:8px;border-radius:var(--border-radius-small);transition:all .3s ease;z-index:2}.auth-form .password-toggle:hover,.reset-form .password-toggle:hover{color:var(--color-primary);background-color:#4a4eee1a}.auth-form .form-row,.reset-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--padding-medium);margin-bottom:var(--padding-large)}.auth-form .form-options,.reset-form .form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--padding-large);font-size:var(--font-size-small)}.auth-form .forgot-password,.reset-form .forgot-password{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color .3s ease}.auth-form .forgot-password:hover,.reset-form .forgot-password:hover{color:var(--color-accent-yellow)}.auth-form .checkbox-wrapper,.reset-form .checkbox-wrapper{font-size:var(--font-size-small);color:var(--color-text-secondary)}.agreement-checkbox{margin-bottom:var(--padding-large);font-size:var(--font-size-small);line-height:1.5}.auth-btn,.reset-btn{width:100%;padding:14px 20px;background:linear-gradient(135deg,var(--color-primary),#5a5eff);color:var(--color-text-primary);border:none;border-radius:var(--border-radius-small);font-family:var(--font-family-main);font-size:var(--font-size-normal);font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;margin-bottom:var(--padding-medium)}.auth-btn:hover,.reset-btn:hover{background:linear-gradient(135deg,#5a5eff,var(--color-primary));transform:translateY(-2px);box-shadow:0 8px 25px #4a4eee4d}.auth-btn:active,.reset-btn:active{transform:translateY(0);box-shadow:0 4px 15px #4a4eee33}.auth-footer{text-align:center;margin-top:var(--padding-large);padding-top:var(--padding-medium);border-top:1px solid var(--color-border);font-size:var(--font-size-small);color:var(--color-text-secondary)}.auth-footer a{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color .3s ease}.auth-footer a:hover{color:var(--color-accent-yellow)}.dash-logo,.nav-logo{width:30%;height:3rem;background:url(/build/assets/logo-keXo79v2.png);background-size:contain;background-position:left;background-repeat:no-repeat}.dash-header{background:var(--color-background-medium);padding:0 var(--padding-large);height:var(--header-height);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);position:fixed;top:0;left:0;right:0;z-index:1000}.dash-header-actions{display:flex;align-items:center;gap:var(--padding-medium)}.dash-language-selector{background:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--border-radius-small);padding:8px 12px;color:var(--color-text-primary);font-size:var(--font-size-small)}.dash-live-match-btn{background:var(--color-primary);color:#fff;border:none;padding:10px 16px;border-radius:var(--border-radius-small);font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.dash-live-match-btn:hover{background:#3b42cc;transform:translateY(-1px)}.dash-main-container{display:flex;margin-top:var(--header-height);min-height:calc(100vh - var(--header-height))}.dash-sidebar{width:var(--sidebar-width);background:var(--color-background-medium);border-right:1px solid var(--color-border);padding:var(--padding-large);position:fixed;z-index:100;height:calc(100vh - var(--header-height));overflow-y:auto}.dash-balance-card{background:var(--color-primary);border-radius:var(--border-radius-medium);padding:var(--padding-large);margin-bottom:var(--padding-large);text-align:center;border:1px solid var(--color-border)}.dash-balance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--padding-medium)}.dash-user-icon{color:var(--color-text-secondary)}.dash-balance-amount{font-size:1.8rem;font-weight:700;margin-bottom:var(--padding-small)}.dash-balance-label{color:var(--color-text-secondary);font-size:var(--font-size-small);margin-bottom:var(--padding-medium)}.dash-deposit-btn{background:var(--color-primary);color:#fff;border:none;padding:12px 24px;border-radius:var(--border-radius-small);font-weight:500;cursor:pointer;width:100%;transition:all .3s ease}.dash-deposit-btn:hover{background:#3b42cc;transform:translateY(-1px)}.dash-nav-menu{list-style:none;margin-top:1rem}.dash-nav-item{margin-bottom:8px}.dash-nav-link{display:flex;align-items:center;padding:12px 16px;border-radius:var(--border-radius-small);color:var(--color-text-secondary);text-decoration:none;transition:all .3s ease;gap:12px;border:none;background:none;width:100%;cursor:pointer;font-family:inherit;font-size:inherit}.dash-nav-link:hover,.dash-nav-link.active{background:var(--color-primary);color:#fff}.dash-nav-link i{width:20px;text-align:center}.dash-nav-link.logout{background-color:var(--color-accent-red);width:100%;margin-top:2rem}.dash-nav-link.logout:hover{background-color:#e60a0a;color:#fff}.dash-content{flex:1;margin-left:var(--sidebar-width);padding:var(--padding-large)}.dash-referral-section{background:var(--color-background-medium);border-radius:var(--border-radius-medium);padding:var(--padding-large);margin-bottom:var(--padding-large);border:1px solid var(--color-border)}.dash-section-title{font-size:var(--font-size-large);font-weight:600;margin-bottom:var(--padding-medium)}.dash-referral-input-group{display:flex;gap:var(--padding-small)}.dash-referral-input{flex:1;background:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--border-radius-small);padding:12px;color:var(--color-text-primary);font-size:var(--font-size-normal)}.dash-copy-btn{background:var(--color-primary);color:#fff;border:none;padding:12px 20px;border-radius:var(--border-radius-small);cursor:pointer;font-weight:500;transition:all .3s ease}.dash-copy-btn:hover{background:#3b42cc}.dash-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--padding-medium);margin-bottom:var(--padding-large)}.dash-stat-card{background:var(--color-background-medium);border-radius:var(--border-radius-medium);padding:var(--padding-large);border:1px solid var(--color-border);transition:all .3s ease}.dash-stat-card:hover{transform:translateY(-2px);border-color:var(--color-primary)}.dash-stat-header{display:flex;flex-direction:column;align-items:start;gap:12px;margin-bottom:var(--padding-medium)}.dash-stat-icon{width:40px;height:40px;border-radius:var(--border-radius-small);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.dash-stat-icon.primary{background:#4a4eee33;color:var(--color-primary)}.dash-stat-icon.green{background:#28c76f33;color:var(--color-accent-green)}.dash-stat-icon.yellow{background:#f5bf4133;color:var(--color-accent-yellow)}.dash-stat-icon.red{background:#ea545533;color:var(--color-accent-red)}.dash-stat-value{font-size:1.8rem;font-weight:700;margin-bottom:4px}.dash-stat-label{color:var(--color-text-secondary);font-size:var(--font-size-small)}.dash-chart-section{background:var(--color-background-medium);border-radius:var(--border-radius-medium);padding:var(--padding-large);margin-bottom:var(--padding-large);border:1px solid var(--color-border)}.dash-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--padding-large)}.dash-date-range{color:var(--color-text-secondary);font-size:var(--font-size-small)}.dash-chart-container{height:300px;display:flex;align-items:center;justify-content:center;background:var(--color-background-light);border-radius:var(--border-radius-small);color:var(--color-text-secondary)}.dash-transaction-section{background:var(--color-background-medium);border-radius:var(--border-radius-medium);padding:var(--padding-large);border:1px solid var(--color-border)}.dash-table-container{overflow-x:auto}.dash-transaction-table{width:100%;border-collapse:collapse;margin-top:var(--padding-medium)}.dash-transaction-table th,.dash-transaction-table td{padding:12px;text-align:left;border-bottom:1px solid var(--color-border)}.dash-transaction-table th{background:var(--color-primary);color:#fff;font-weight:500}.dash-no-data{text-align:center;color:var(--color-text-secondary);padding:var(--padding-large)}.mobile-menu-btn{background:var(--color-primary)!important;border:none!important;color:#fff!important;font-size:1.2rem!important;cursor:pointer!important;padding:8px!important;position:absolute!important;left:20px!important;top:50%!important;transform:translateY(-50%)!important;z-index:1001!important;transition:all .3s ease!important;border-radius:8px!important;width:40px!important;height:40px!important;display:none!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 8px #0000001a!important}.mobile-menu-btn:hover{background:linear-gradient(135deg,var(--color-primary),#5a5feb)!important;transform:translateY(-50%) scale(1.05)!important}.mobile-menu-btn:active{transform:translateY(-50%) scale(.95)!important}@media (max-width: 1024px){.container{flex-direction:column;position:relative}.main-content{padding-right:var(--padding-large)}.sidebar{position:fixed;top:var(--header-height);right:-100%;width:320px;max-width:90vw;height:calc(100vh - var(--header-height));z-index:200;box-shadow:-2px 0 10px #0000004d;border-left:1px solid var(--color-border);border-top:none;background:var(--color-background-medium);transition:right .3s ease}.sidebar.open{right:0}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border:none;padding:8px;border-radius:var(--border-radius-small);font-size:1.1rem;cursor:pointer;transition:all .3s ease;width:40px;height:40px}.mobile-menu-toggle:hover{background:var(--color-primary-dark);transform:scale(1.05)}.mobile-menu-toggle.active{background:var(--color-accent-red)}}@media (max-width: 768px){.main-content{padding:var(--padding-medium);padding-top:calc(var(--header-height) + var(--padding-medium))}.sidebar{width:280px;padding:var(--padding-medium)}#odds-type-select,#language-select,.nav-logo,.dash-language-selector{display:none}.dash-logo{background-position:right;margin-left:2.9rem}}@media (max-width: 480px){.main-content{padding:var(--padding-small);padding-top:calc(var(--header-height) + var(--padding-small))}.sidebar{width:260px;max-width:85vw;padding:var(--padding-small)}.mobile-menu-toggle{width:36px;height:36px;font-size:1rem}}.sidebar .leagues-standing,.sidebar>div{margin-bottom:var(--padding-medium);border-radius:var(--border-radius-medium);overflow:hidden;background:var(--color-background-light);border:1px solid var(--color-border)}.sidebar iframe{width:100%;height:300px;border:none;display:block}.sidebar-close-btn{position:absolute;top:10px;right:10px;background:var(--color-background-dark);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:50%;width:32px;height:32px;display:none;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:201;font-size:.9rem}.sidebar-close-btn:hover{background:var(--color-accent-red);color:#fff;border-color:var(--color-accent-red)}@media (max-width: 1024px){.sidebar-close-btn{display:none}}@media (max-width: 1024px){.dash-sidebar{position:fixed;top:var(--header-height);left:-100%;width:320px;max-width:90vw;height:calc(100vh - var(--header-height));z-index:1000;box-shadow:2px 0 10px #0000004d;border-right:1px solid var(--color-border);background:var(--color-background-medium);transition:left .3s cubic-bezier(.4,0,.2,1);padding-top:var(--padding-large);overflow-y:auto}.dash-sidebar.open{left:0}.dash-sidebar .sidebar-close-btn{display:flex!important}.dash-sidebar-overlay{display:block}.mobile-menu-btn{display:flex!important}}@media (max-width: 768px){.dash-sidebar{width:280px;max-width:85vw;padding:var(--padding-medium)}}@media (max-width: 480px){.dash-sidebar{width:220px;max-width:90vw;padding:var(--padding-small)}}.dash-sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease;display:none}.dash-sidebar-overlay.active{opacity:1;visibility:visible;display:block}@media (max-width: 1024px){.dash-main-container{flex-direction:column}.dash-content{margin-left:0;padding:var(--padding-large) var(--padding-medium)}}@media (max-width: 768px){.dash-content{padding:var(--padding-medium) var(--padding-small)}.dash-stats-grid{grid-template-columns:1fr;gap:var(--padding-small)}.dash-referral-section,.dash-chart-section,.dash-transaction-section{padding:var(--padding-medium);margin-bottom:var(--padding-medium)}.dash-referral-input-group{flex-direction:column;gap:var(--padding-small)}.dash-chart-container{height:200px}}@media (max-width: 480px){.dash-content{padding:var(--padding-small) 2vw}.dash-stats-grid{grid-template-columns:1fr;gap:10px}.dash-referral-section,.dash-chart-section,.dash-transaction-section{padding:var(--padding-small);margin-bottom:var(--padding-small)}.dash-chart-container{height:120px}.dash-transaction-table th,.dash-transaction-table td{padding:6px 4px;font-size:.9em}.dash-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}}body.mobile-menu-active{overflow:hidden}body.mobile-menu-active .mobile-sidebar{right:0}body.mobile-menu-active .mobile-sidebar-overlay{opacity:1;visibility:visible;display:block}