:root{--primary-color:#1a237e;--primary-dark:#0d47a1;--primary-light:#3f51b5;--secondary-color:#283593;--accent-color:#00bcd4;--accent-light:#4dd0e1;--background-dark:#0a0e27;--background-medium:#1a1f3a;--background-light:#2a2f4a;--text-primary:#fff;--text-secondary:#b0bec5;--text-muted:#78909c;--success-color:#4caf50;--warning-color:#ff9800;--error-color:#f44336;--border-color:#37474f;--shadow-color:#1a237e4d}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0a0e27,#1a1f3a);background:linear-gradient(135deg,var(--background-dark) 0,var(--background-medium) 100%);color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1f3a;background:var(--background-medium)}::-webkit-scrollbar-thumb{background:#1a237e;background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3f51b5;background:var(--primary-light)}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .5s ease-out}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00bcd4,#3f51b5);background:linear-gradient(135deg,var(--accent-color),var(--primary-light));-webkit-background-clip:text;background-clip:text}.shadow-custom{box-shadow:0 8px 32px #1a237e4d;box-shadow:0 8px 32px var(--shadow-color)}@media (max-width:768px){body{font-size:14px}}@media (max-width:576px){body{font-size:13px}}.notification-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.notification-center{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:90%}.notification-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.notification-title{align-items:center;color:#fff;display:flex;gap:10px}.notification-title i{color:#23c290;font-size:1.2rem}.notification-title h3{font-size:1.1rem;font-weight:600;margin:0}.unread-badge{background:#f44336;border-radius:50%;color:#fff;font-size:.7rem;font-weight:700;min-width:18px;padding:2px 6px;text-align:center}.notification-actions{display:flex;gap:10px}.close-btn,.mark-all-read-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;padding:8px 10px;transition:all .3s ease}.mark-all-read-btn:hover{background:#23c29033;border-color:#23c290}.close-btn:hover{background:#f4433633;border-color:#f44336}.notification-content{flex:1 1;overflow-y:auto;padding:0}.notification-empty,.notification-loading{align-items:center;color:#ccc;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.notification-empty i,.notification-loading i{color:#666;font-size:2rem;margin-bottom:10px}.notification-list{padding:0}.notification-item{align-items:flex-start;border-bottom:1px solid #ffffff0d;display:flex;padding:15px 20px;position:relative;transition:all .3s ease}.notification-item:hover{background:#ffffff05}.notification-item.unread{background:#23c2900d;border-left:3px solid #23c290}.notification-icon{align-items:center;background:#23c29033;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:15px;width:40px}.notification-icon i{color:#23c290;font-size:1.1rem}.notification-body{flex:1 1;min-width:0}.notification-text h4{color:#fff;font-size:.9rem;font-weight:600;margin:0 0 5px}.notification-text p{word-wrap:break-word;color:#ccc;font-size:.8rem;line-height:1.4;margin:0}.notification-meta{align-items:center;display:flex;gap:10px;margin-top:8px}.notification-time{color:#888;font-size:.7rem}.unread-dot{background:#23c290;border-radius:50%;height:6px;width:6px}.notification-controls{display:flex;flex-direction:column;gap:5px;margin-left:10px}.delete-btn,.mark-read-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#ccc;cursor:pointer;font-size:.7rem;padding:6px 8px;transition:all .3s ease}.mark-read-btn:hover{background:#23c29033;border-color:#23c290;color:#23c290}.delete-btn:hover{background:#f4433633;border-color:#f44336;color:#f44336}.notification-footer{border-top:1px solid #ffffff1a;padding:15px 20px;text-align:center}.refresh-btn{background:#23c29033;border:1px solid #23c2904d;color:#23c290;font-size:.8rem;gap:8px;margin:0 auto;padding:8px 16px}.refresh-btn:hover:not(:disabled){background:#23c2904d;border-color:#23c290}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.notification-center{max-height:90vh;width:95%}.notification-header{padding:15px}.notification-item{padding:12px 15px}.notification-icon{height:35px;margin-right:12px;width:35px}.notification-controls{flex-direction:row;gap:3px}.delete-btn,.mark-read-btn{padding:4px 6px}}.notification-content::-webkit-scrollbar{width:6px}.notification-content::-webkit-scrollbar-track{background:#ffffff0d}.notification-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.notification-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.header-night{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a237ef2;border-bottom:1px solid var(--border-color);box-shadow:0 4px 20px var(--shadow-color);left:0;position:fixed;right:0;top:0;z-index:1000}.navbar-night{padding:0;width:100%}.nav-container{height:80px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:var(--text-primary);font-size:1.5rem;font-weight:700;gap:12px;text-decoration:none;transition:all .3s ease}.nav-logo:hover{color:var(--accent-color);transform:scale(1.05)}.logo-icon{height:40px;object-fit:contain;width:40px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-color),var(--primary-light));-webkit-background-clip:text;background-clip:text}.nav-menu{gap:2rem}.nav-link,.nav-menu{align-items:center;display:flex}.nav-link{border-radius:12px;color:var(--text-secondary);font-weight:500;gap:8px;padding:12px 20px;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#00bcd41a;color:var(--accent-color);transform:translateY(-2px)}.nav-link.active{background:#00bcd426;color:var(--accent-color)}.nav-link.active:after{background:var(--accent-color);border-radius:2px;bottom:-2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:30px}.nav-user{gap:15px}.nav-user,.notification-btn{align-items:center;display:flex;position:relative}.notification-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;justify-content:center;padding:10px 12px;transition:all .3s ease}.notification-btn:hover{background:#23c29033;border-color:#23c2904d;color:#23c290}.notification-btn i{font-size:1.1rem}.notification-badge{background:#f44336;border:2px solid #1a1a1a;border-radius:50%;color:#fff;font-size:.7rem;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:-5px;text-align:center;top:-5px}.user-dropdown{position:relative;z-index:1000}.user-button{align-items:center;background:var(--background-light);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;gap:12px;padding:8px 16px;transition:all .3s ease}.user-button:hover{background:var(--background-medium);border-color:var(--accent-color)}.user-avatar{align-items:center;background:linear-gradient(135deg,var(--accent-color),var(--primary-light));border-radius:50%;color:var(--text-primary);display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.user-info{align-items:flex-start;display:flex;flex-direction:column}.user-name{font-size:.9rem;font-weight:600}.user-status{color:var(--success-color);font-size:.75rem}.dropdown-arrow{transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{background:var(--background-light);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px var(--shadow-color);margin-top:8px;min-width:200px;opacity:0;overflow:hidden;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:9999}.dropdown-menu.show{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.dropdown-item:hover{background:var(--background-medium);color:var(--accent-color)}.dropdown-divider{background:var(--border-color);height:1px;margin:8px 0}.logout-btn{color:var(--error-color)!important}.logout-btn:hover{background:#f443361a!important}.auth-buttons{align-items:center;display:flex;gap:1rem}.btn-login,.btn-register{align-items:center;border-radius:12px;display:flex;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.btn-login{background:#0000;border:2px solid var(--accent-color);color:var(--accent-color)}.btn-login:hover{background:var(--accent-color);color:var(--text-primary);transform:translateY(-2px)}.btn-register{background:linear-gradient(135deg,var(--accent-color),var(--primary-light));border:2px solid #0000;color:var(--text-primary)}.btn-register:hover{box-shadow:0 8px 24px var(--shadow-color);transform:translateY(-2px)}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;padding:8px}.hamburger{display:flex;flex-direction:column;gap:4px;transition:all .3s ease}.hamburger span{background:var(--text-primary);border-radius:2px;height:3px;transition:all .3s ease;width:25px}.hamburger.open span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu{background:var(--background-light);border-bottom:1px solid var(--border-color);box-shadow:0 8px 32px var(--shadow-color);left:0;opacity:0;position:absolute;right:0;top:100%;transition:all .3s ease;visibility:hidden;z-index:1001}.mobile-menu.show{opacity:1;visibility:visible}.mobile-menu-content{padding:1rem}.mobile-auth-section{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem}.mobile-auth-btn{align-items:center;border-radius:8px;display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;text-align:center;text-decoration:none;transition:all .3s ease}.mobile-auth-btn.login{background:#0000;border:2px solid var(--accent-color);color:var(--accent-color)}.mobile-auth-btn.login:hover{background:var(--accent-color);color:var(--text-primary)}.mobile-auth-btn.register{background:linear-gradient(135deg,var(--accent-color),var(--primary-light));border:2px solid #0000;color:var(--text-primary)}.mobile-auth-btn.register:hover{box-shadow:0 4px 16px var(--shadow-color);transform:translateY(-2px)}.mobile-nav-links{padding:1rem}.mobile-nav-link{align-items:center;background:none;border:none;border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:16px 20px;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.mobile-nav-link.active,.mobile-nav-link:hover{background:var(--background-medium);color:var(--accent-color)}.mobile-user-info{align-items:center;background:var(--background-medium);border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:16px 20px}.mobile-user-avatar{align-items:center;background:var(--accent-color);border-radius:50%;color:var(--text-primary);display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.mobile-user-name{color:var(--text-primary);font-size:16px;font-weight:600}.mobile-divider{background:var(--background-medium);margin:12px 0}@media (max-width:768px){.dropdown-menu.desktop-only{display:none!important}.user-dropdown{display:none}}@media (min-width:769px){.mobile-menu,.mobile-menu-btn{display:none!important}}.mobile-divider{background:var(--border-color);height:1px;margin:16px 0}.menu-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:80px;z-index:999}@media (max-width:1200px){.nav-container{padding:0 1.5rem}}@media (max-width:992px){.nav-menu{gap:1.5rem}.nav-link span{display:none}.nav-link{padding:12px}}@media (max-width:768px){.nav-container{height:70px;padding:0 1rem}.auth-buttons,.nav-menu{display:none}.mobile-menu-btn{display:block}.user-info{display:none}.user-button{padding:8px}}@media (max-width:576px){.nav-container{padding:0 .5rem}.nav-logo{font-size:1.3rem}.nav-logo i{font-size:1.5rem}}.app-footer{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#fff;margin-top:auto;overflow:hidden;position:relative}.app-footer:before{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.footer-container{margin:0 auto;max-width:1200px;padding:40px 20px 20px;position:relative;z-index:1}.footer-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.footer-section h3,.footer-section h4{color:#23c290;font-weight:600;margin-bottom:15px}.footer-section h3{font-size:1.5rem}.footer-section h4{font-size:1.1rem}.footer-logo p{color:#fffc;font-size:.9rem;line-height:1.5;margin-top:10px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:8px}.footer-links a{color:#ffffffb3;font-size:.9rem;text-decoration:none;transition:all .3s ease}.footer-links a:hover{color:#23c290;transform:translateX(5px)}.social-links{display:flex;gap:15px;margin-top:15px}.social-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;color:#ffffffb3;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.social-link:hover{background:#23c290;box-shadow:0 5px 15px #23c29066;color:#fff;transform:translateY(-3px)}.footer-bottom{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding-top:20px}.footer-copyright p{color:#fff9;font-size:.9rem;margin:0}.footer-legal{align-items:center;display:flex;gap:10px}.footer-legal a{color:#fff9;font-size:.85rem;text-decoration:none;transition:color .3s ease}.footer-legal a:hover{color:#23c290}.footer-legal span{color:#fff6}@media (max-width:768px){.footer-container{padding:30px 15px 15px}.footer-content{gap:25px;grid-template-columns:1fr;text-align:center}.footer-bottom{flex-direction:column;gap:10px;text-align:center}.footer-legal,.social-links{justify-content:center}}@media (max-width:480px){.footer-container{padding:25px 10px 10px}.footer-section h3{font-size:1.3rem}.footer-section h4{font-size:1rem}}.image-slider{border-radius:15px;box-shadow:0 10px 30px #0000004d;overflow:hidden;position:relative;width:100%}.slider-container{height:100%;position:relative;width:100%}.slider-wrapper{display:flex;height:100%;transition:transform .5s ease-in-out}.slide{align-items:center;display:flex;justify-content:center;min-width:100%;position:relative}.slide-image{display:block;height:100%;object-fit:cover;width:100%}.slide-caption{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;left:0;padding:30px 20px 20px;position:absolute;right:0;text-align:center}.slide-caption h3{font-size:1.5rem;font-weight:700;margin:0 0 10px;text-shadow:2px 2px 4px #000000b3}.slide-caption p{font-size:1rem;margin:0;opacity:.9;text-shadow:1px 1px 2px #000000b3}.slider-arrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;padding:15px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:2}.slider-arrow:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.slider-arrow-left{left:20px}.slider-arrow-right{right:20px}.slider-dots{bottom:20px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.slider-dot{background:#0000;border:2px solid #ffffffb3;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.slider-dot:hover{background:#ffffffb3;transform:scale(1.2)}.slider-dot.active{background:#fff;border-color:#fff}@media (max-width:768px){.slider-arrow{font-size:1.2rem;padding:10px}.slider-arrow-left{left:10px}.slider-arrow-right{right:10px}.slide-caption{padding:20px 15px 15px}.slide-caption h3{font-size:1.2rem}.slide-caption p{font-size:.9rem}.slider-dots{bottom:15px}.slider-dot{height:10px;width:10px}}.hero-section,.home-page{min-height:100vh}.hero-section{align-items:center;background:linear-gradient(135deg,var(--background-dark) 0,var(--background-medium) 50%,var(--primary-color) 100%);display:flex;justify-content:center;overflow:hidden;position:relative}.hero-slider{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.hero-slider .image-slider{height:100vh}.hero-slider .slide-image{filter:brightness(.4) contrast(1.1)}.hero-section:before{background:radial-gradient(circle at 20% 80%,#00bcd41a 0,#0000 50%),radial-gradient(circle at 80% 20%,#1a237e1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;max-width:1400px;padding:0 2rem;position:relative;width:100%;z-index:1}.hero-text{animation:fadeIn 1s ease-out}.hero-title{color:var(--text-primary);font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.hero-subtitle{color:var(--text-secondary);font-size:1.3rem;line-height:1.6;margin-bottom:2.5rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1.5rem}.btn-large{border-radius:12px;font-size:1.1rem;font-weight:600;gap:12px;padding:16px 32px;text-decoration:none;transition:all .3s ease}.btn-large,.hero-visual{align-items:center;display:flex}.hero-visual{animation:fadeIn 1s ease-out .3s both;justify-content:center}.stats-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2a2f4acc;border-radius:24px;box-shadow:0 20px 60px var(--shadow-color);display:flex;flex-direction:column;gap:2rem;padding:3rem}.stat-item{text-align:center}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-color),var(--primary-light));-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:.5rem}.stat-label{letter-spacing:1px;text-transform:uppercase}.features-section{background:var(--background-light);padding:8rem 2rem}.section-header{margin-bottom:4rem;text-align:center}.section-header h2{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-header p{color:var(--text-secondary);font-size:1.2rem;margin:0 auto;max-width:600px}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1400px}.feature-card{background:var(--background-medium);border:1px solid var(--border-color);border-radius:20px;overflow:hidden;padding:2.5rem;position:relative;text-align:center;transition:all .3s ease}.feature-card:before{background:linear-gradient(135deg,var(--accent-color),var(--primary-light));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.feature-card:hover{box-shadow:0 20px 60px var(--shadow-color);transform:translateY(-8px)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{transition:all .3s ease}.feature-card:hover .feature-icon{animation:pulse 2s infinite;transform:scale(1.1)}.feature-card h3{color:var(--text-primary);font-size:1.4rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:var(--text-secondary);line-height:1.6;margin:0}.stats-section{background:var(--background-dark);padding:6rem 2rem}.stats-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.stat-card{background:var(--background-medium);border-radius:16px}.stat-card:hover{box-shadow:0 12px 40px var(--shadow-color);transform:translateY(-4px)}.stat-content .stat-number{color:var(--text-primary);font-size:2rem;font-weight:800;margin-bottom:.25rem}.stat-content .stat-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.cta-section{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));padding:8rem 2rem;text-align:center}.cta-content h2{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-content p{color:var(--text-secondary);font-size:1.2rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px}.cta-actions{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.welcome-section{background:var(--background-light);padding:6rem 2rem;text-align:center}.welcome-content h2{color:var(--text-primary);font-size:2.2rem;font-weight:700;margin-bottom:1rem}.welcome-content p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:500px}.welcome-actions{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}@media (max-width:1200px){.hero-content{gap:3rem;padding:0 1.5rem}.hero-title{font-size:3rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:992px){.hero-content{gap:4rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.features-section{padding:6rem 1.5rem}.section-header h2{font-size:2rem}.stats-section{padding:4rem 1.5rem}.stats-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.hero-section{min-height:80vh}.hero-content{gap:3rem;padding:0 1rem}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1rem}.hero-actions{justify-content:center}.btn-large{font-size:1rem;padding:14px 24px}.stats-card{padding:2rem}.stat-number{font-size:2.5rem}.features-section{padding:4rem 1rem}.features-grid{gap:1.5rem;grid-template-columns:1fr}.feature-card{padding:2rem}.stats-section{padding:3rem 1rem}.stat-card{flex-direction:column;gap:1rem;text-align:center}.cta-section,.welcome-section{padding:4rem 1rem}.cta-content h2,.welcome-content h2{font-size:2rem}.cta-actions,.welcome-actions{align-items:center;flex-direction:column}}@media (max-width:576px){.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.95rem}.feature-card,.stats-card{padding:1.5rem}.feature-icon{font-size:1.5rem;height:60px;width:60px}.btn-large{justify-content:center;max-width:280px;width:100%}}.auth-page{align-items:center;background:linear-gradient(135deg,var(--background-dark) 0,var(--background-medium) 50%,var(--primary-color) 100%);display:flex;justify-content:center;min-height:calc(100vh - 120px);overflow:hidden;padding:1rem 1rem 2rem;position:relative}.auth-page:before{background:radial-gradient(circle at 20% 80%,#00bcd41a 0,#0000 50%),radial-gradient(circle at 80% 20%,#1a237e1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#3f51b50d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.auth-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;max-width:1200px;min-height:calc(100vh - 140px)}.auth-container,.auth-container-centered{align-items:center;position:relative;width:100%;z-index:1}.auth-container-centered{display:flex;justify-content:center;max-width:600px;padding:2rem 1rem}.auth-left{align-items:center;display:flex;justify-content:center;padding:2rem}.auth-right{height:100vh;overflow:hidden;position:relative}.auth-slider{height:100%}.auth-slider .image-slider{border-radius:0;height:100vh}.auth-slider .slide-image{filter:brightness(.7) contrast(1.1)}.auth-card{animation:fadeIn .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2a2f4af2;border:1px solid var(--border-color);border-radius:24px;box-shadow:0 20px 60px var(--shadow-color);flex:1 1;max-width:500px;padding:3rem}.register-card{max-width:600px}.auth-header{margin-bottom:2.5rem;text-align:center}.auth-logo{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.auth-logo i{color:var(--accent-color);font-size:2.5rem}.auth-logo-icon{height:60px!important;object-fit:contain;width:70px!important}.auth-logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-color),var(--primary-light));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0}.auth-header h2{color:var(--text-primary);font-size:1.8rem;font-weight:600;margin-bottom:.5rem}.auth-header p{color:var(--text-secondary);font-size:1rem;margin:0}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label-night{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.form-label-night i{color:var(--accent-color);width:20px}.form-control-night{font-family:inherit;padding:14px 16px}.form-control-night.error{background:#f443360d;border-color:var(--error-color)}.error-message{color:var(--error-color);font-size:.85rem;margin-top:.25rem}.error-message i{font-size:.8rem}.checkbox-group{gap:1rem}.checkbox-group,.checkbox-item{display:flex;flex-direction:column}.checkbox-item{gap:.5rem}.checkbox-night{-webkit-appearance:none;appearance:none;background:var(--background-medium);border:2px solid var(--border-color);border-radius:4px;cursor:pointer;flex-shrink:0;height:20px;position:relative;transition:all .3s ease;width:20px}.checkbox-night:checked{background:var(--accent-color);border-color:var(--accent-color)}.checkbox-night:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-label{align-items:flex-start;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;line-height:1.4}.auth-link{color:var(--accent-color);font-weight:500;text-decoration:none;transition:color .3s ease}.auth-link:hover{color:var(--accent-light);text-decoration:underline}.btn-full{font-size:1.1rem;justify-content:center;margin-top:1rem;padding:16px 24px;width:100%}.auth-footer{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:2rem;text-align:center}.auth-footer p{color:var(--text-secondary);margin:0}.auth-features{display:flex;flex:1 1;flex-direction:column;gap:2rem;max-width:400px}.feature-item{animation:fadeIn .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2a2f4a99;border:1px solid var(--border-color);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.feature-item:hover{box-shadow:0 12px 40px var(--shadow-color);transform:translateY(-4px)}.feature-icon{align-items:center;background:linear-gradient(135deg,var(--accent-color),var(--primary-light));border-radius:50%;color:var(--text-primary);display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.feature-item h3{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.feature-item p{color:var(--text-secondary);line-height:1.5;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.swal-dark-theme{border:1px solid #ffffff1a!important;border-radius:12px!important}.swal2-popup.swal-dark-theme .swal2-title{color:#fff!important;font-weight:600!important}.swal2-popup.swal-dark-theme .swal2-content{color:#e0e0e0!important}.swal2-popup.swal-dark-theme .swal2-confirm{background:linear-gradient(135deg,#1a237e,#3949ab)!important;border:none!important;border-radius:8px!important;font-weight:500!important;padding:10px 24px!important;transition:all .3s ease!important}.swal2-popup.swal-dark-theme .swal2-confirm:hover{background:linear-gradient(135deg,#303f9f,#5c6bc0)!important;transform:translateY(-1px)!important}@media (max-width:1024px){.auth-container{align-items:center;flex-direction:column;gap:3rem}.auth-features{flex-direction:row;justify-content:center;max-width:none;width:100%}.feature-item{flex:1 1;max-width:300px}}@media (max-width:768px){.auth-page{padding:1rem .5rem}.auth-card{border-radius:16px;margin:0;padding:2rem}.register-card{max-width:none}.form-row{gap:1.5rem;grid-template-columns:1fr}.auth-features{flex-direction:column;gap:1.5rem}.feature-item{padding:1.5rem}.feature-icon{font-size:1.5rem;height:60px;margin-bottom:1rem;width:60px}.auth-logo i{font-size:2.5rem}.auth-logo h1{font-size:1.8rem}.auth-header h2{font-size:1.5rem}.auth-container{gap:0;grid-template-columns:1fr;height:auto}.auth-right{display:none}.auth-left{padding:1rem}}@media (max-width:576px){.auth-card{padding:1.5rem}.checkbox-label{font-size:.85rem}.form-control-night{font-size:16px}.auth-features{display:none}}.btn-primary-night:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.form-control-night:disabled{cursor:not-allowed;opacity:.6}.login-tabs{background:var(--background-medium);border:2px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;padding:.5rem}.login-tabs,.tab-btn{display:flex;gap:.5rem}.tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;flex:1 1;font-size:.95rem;justify-content:center;padding:.75rem 1rem}.tab-btn:hover{background:#ffffff0d}.tab-btn.active{background:var(--accent-color);box-shadow:0 2px 8px #00bcd44d}.tab-btn i{font-size:1rem}.phone-input-group{display:flex;gap:.5rem}.country-code-select{-webkit-appearance:none;appearance:none;background:var(--background-medium);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%2300bcd4' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;height:48px;max-width:100px;min-width:95px;padding:.75rem 2rem .75rem .6rem;transition:all .3s ease}.country-code-select:hover{background-color:var(--background-light);border-color:var(--accent-color)}.country-code-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #00bcd41a;outline:none}.phone-input{flex:1 1;min-width:0}.phone-input-group .phone-input{font-size:1rem;height:48px;letter-spacing:.5px;padding:.75rem 1rem}.phone-hint{align-items:center;background:#00bcd41a;border-radius:8px;color:var(--accent-color);display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .form-control-night{padding-right:3rem}.password-toggle-btn{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;padding:.75rem 1rem;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:10}.password-toggle-btn:hover{color:var(--accent-color)}.password-toggle-btn:focus{outline:none}.password-toggle-btn i{font-size:1.1rem}.phone-hint i{font-size:.9rem}.form-row .form-group:only-child{grid-column:span 2}.form-group:has(#birthDay){width:100%}.form-row.full-width{grid-template-columns:1fr}.form-row.full-width .form-group{width:100%}.country-search-container{position:relative}.country-dropdown{background:var(--background-medium);border:2px solid var(--border-color);border-radius:0 0 12px 12px;border-top:none;box-shadow:0 4px 12px #0000004d;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.country-option{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease}.country-option:last-child{border-bottom:none}.country-option:hover{background:var(--background-light);border-left:3px solid var(--accent-color)}.country-name{color:var(--text-primary);font-size:.95rem;font-weight:500}.country-region{color:var(--text-secondary);font-size:.8rem;font-style:italic}.password-requirements{align-items:center!important;background:#00bcd40d!important;border-left:3px solid var(--accent-color)!important;border-radius:8px!important;display:flex!important;flex-wrap:wrap!important;gap:1rem!important;margin-top:.5rem!important;padding:.5rem .75rem!important}.password-requirements p{color:var(--text-secondary)!important;font-size:.8rem!important;font-weight:500!important;margin:0!important;white-space:nowrap!important}.password-requirements ul{flex-wrap:wrap!important;gap:.75rem!important;list-style:none!important;margin:0!important}.password-requirements li,.password-requirements ul{align-items:center!important;display:flex!important;padding:0!important}.password-requirements li{color:var(--text-secondary)!important;font-size:.7rem!important;gap:.35rem!important;white-space:nowrap!important}.password-requirements li i{flex-shrink:0!important;font-size:.65rem!important;width:10px!important}.password-requirements li.valid,.password-requirements li.valid i{color:#4caf50!important;color:var(--success-color,#4caf50)!important}@media (max-width:480px){.tab-btn{font-size:.85rem;padding:.6rem .75rem}.tab-btn i{font-size:.9rem}.country-code-select{font-size:.85rem;max-width:95px;min-width:90px}.phone-hint{font-size:.8rem}.country-dropdown{max-height:200px}.country-option{gap:.25rem;padding:.6rem .75rem}.country-option,.password-requirements{align-items:flex-start;flex-direction:column}.password-requirements,.password-requirements ul{gap:.5rem}.password-requirements li{font-size:.65rem}}.auth-form,.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input{border:2px solid #e1e8ed;border-radius:8px;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#23c290;box-shadow:0 0 0 3px #23c2901a;outline:none}.form-text{color:#7f8c8d;display:block;font-size:12px;margin-top:5px}.predictions-page{background:var(--background-dark);min-height:100vh}.page-header{padding:2rem 0}.page-header h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;gap:1rem;margin-bottom:1rem}.page-header h1 i{color:var(--accent-color)}.page-header p{margin:0 auto;max-width:600px}.matches-section{margin-bottom:3rem}.matches-section h2{align-items:center;color:var(--text-primary);display:flex;font-size:1.8rem;font-weight:600;gap:.5rem;margin-bottom:2rem}.filters-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem}.filters-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{gap:.5rem}.filter-group label{color:#fff;font-weight:500}.filter-select{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.9rem;padding:.75rem;transition:all .3s ease}.filter-select:focus{background:#ffffff26;border-color:var(--primary-color);outline:none}.filter-select option{background:#1e1e2e}.error-message{background:#f443361a;border:1px solid #f443364d;color:#ff6b6b;gap:.5rem;margin-bottom:1rem;padding:1rem}.loading-container{gap:1rem;padding:3rem}.loading-container p{color:#fff;font-size:1rem}.matches-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.matches-table{color:#fff}.matches-table thead{background:#1a237e4d}.matches-table th{color:#fff}.matches-table td,.matches-table th{padding:1rem;text-align:center}.match-row{border-bottom:1px solid #ffffff1a}.match-row:hover{background:#ffffff0d}.match-row.selected-row{background:#23c2901a;border-color:#23c2904d;border-left:4px solid var(--primary-color)}.match-row.selected-row:hover{background:#23c29026}.league-info,.team-info{align-items:center;display:flex;gap:.5rem}.league-logo,.team-logo{border-radius:8px;height:40px;object-fit:cover;width:40px}.league-name,.team-name{font-weight:500}.match-cell{min-width:350px;padding:1rem!important}.match-container{display:flex;flex-direction:column;gap:.5rem}.teams-row{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:center}.vs-text{color:#b0b0b0;flex-shrink:0;font-size:.9rem;font-weight:700;min-width:40px;padding:0 .5rem;text-align:center}.odds-row{background:#00bcd40d;border:1px solid #00bcd41a;border-radius:6px;flex-direction:row;gap:1rem;justify-content:center;padding:.5rem}.odd-item{align-items:center;display:inline-flex;flex-direction:row;gap:.3rem;white-space:nowrap}.odd-label{color:#b0b0b0;font-size:.85rem;font-weight:600}.odd-value{color:#fff;font-size:.95rem;font-weight:700;min-width:35px;text-align:left}.match-datetime{display:flex;flex-direction:column;gap:.25rem}.match-date{font-weight:500}.match-time{color:#b0b0b0;font-size:.85rem}.match-status{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:uppercase}.status-ns{background:#4caf5033;color:#4caf50}.status-live{background:#f4433633;color:#f44336}.status-ft{background:#9e9e9e33;color:#9e9e9e}.venue-info{color:#b0b0b0;font-size:.85rem}.select-btn,.venue-info{align-items:center;display:flex;gap:.5rem}.select-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.select-btn:hover{background:#fff3}.select-btn.selected{background:var(--primary-color);border-color:var(--primary-color)}.select-btn.disabled{background:#ff00001a;border-color:#ff00004d;color:#ff6b6b;cursor:not-allowed;opacity:.6}.select-btn.disabled:hover{background:#ff00001a;transform:none}@media (max-width:768px){.select-btn{font-size:.8rem;justify-content:center;min-height:44px;min-width:44px;padding:.75rem}.select-btn i{font-size:1.1rem;margin-right:.25rem}.matches-table{font-size:.85rem}.matches-table td,.matches-table th{padding:.5rem .25rem}.league-name,.team-name{font-size:.8rem}.league-logo,.team-logo{height:32px;width:32px}}.pagination-container{background:#ffffff0d;border:1px solid #ffffff1a;justify-content:space-between;margin-top:0;padding:1rem}.pagination-btn{background:#ffffff1a;border:1px solid #fff3;gap:.5rem;min-width:100px;padding:.75rem 1rem}.pagination-btn:hover:not(:disabled){background:#fff3}.pagination-btn:disabled{opacity:.5}.pagination-info{color:#fff;gap:.25rem;text-align:center}.pagination-info span:first-child{font-size:.95rem;font-weight:600}.matches-count{color:#b0b0b0}.selected-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a237e1a;border:1px solid #1a237e4d;border-radius:12px;box-sizing:border-box;margin-bottom:2rem;width:100%}.selected-section h3{align-items:center;color:#fff;display:flex;font-size:1.2rem;gap:.5rem;margin-bottom:1rem}.selected-section h3:before{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;content:"✓";display:flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;width:24px}.selected-matches{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem;width:100%}.selected-match{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;display:flex;flex-direction:column;font-size:.85rem;gap:.75rem;justify-content:space-between;min-width:0;min-width:auto;padding:1rem;transition:all .3s ease;width:100%}.selected-match:hover{background:#ffffff26;border-color:#23c29080;box-shadow:0 4px 12px #23c29033;transform:translateY(-2px)}.selected-match-content{flex:1 1;width:100%}.selected-team,.selected-teams{align-items:center;display:flex;flex-direction:column;gap:.5rem;width:100%}.selected-team{text-align:center}.selected-team-logo{border-radius:6px;box-shadow:0 2px 8px #0003;height:40px;object-fit:cover;width:40px}.selected-team-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.8rem;font-weight:600;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis}.vs-separator{color:#23c290;font-size:.9rem;font-weight:700;padding:.25rem 0}.selected-match .remove-btn{align-items:center;align-self:center;background:#f4433633;border:1px solid #f443364d;border-radius:6px;color:#f44336;cursor:pointer;display:flex;font-size:.9rem;height:auto;justify-content:center;padding:.4rem .6rem;transition:all .3s ease;width:auto}.selected-match .remove-btn:hover{background:#f4433666;border-color:#f44336;transform:scale(1.1)}.analyze-btn{font-size:1rem;gap:.5rem;padding:1rem}@media (max-width:1200px) and (min-width:769px){.selected-matches{gap:.75rem;grid-template-columns:repeat(4,1fr)}.selected-match{padding:.75rem}.selected-team-logo{height:35px;width:35px}.selected-team-name{font-size:.75rem}}@media (max-width:768px){.pagination-container{flex-direction:column;gap:1rem}.pagination-btn{min-width:120px}.selected-matches{gap:.75rem;grid-template-columns:repeat(2,1fr)}.selected-match{min-width:0;min-width:auto;padding:.75rem;width:100%}.selected-team-logo{height:35px;width:35px}.selected-team-name{font-size:.75rem}.vs-separator{font-size:.85rem}.selected-teams{align-items:center;flex-direction:column;gap:.4rem}.vs-separator{align-self:center}.selected-match .remove-btn{font-size:.8rem;padding:.35rem .5rem}}@media (max-width:480px){.selected-matches{gap:.5rem;grid-template-columns:repeat(2,1fr)}.selected-match{padding:.6rem}.selected-team-logo{height:30px;width:30px}.selected-team-name{-webkit-line-clamp:2;font-size:.7rem}.vs-separator{font-size:.75rem;padding:.2rem 0}.selected-match .remove-btn{font-size:.75rem;padding:.3rem .4rem}.selected-section{padding:1.25rem}.selected-section h3{font-size:1.05rem}}.match-card{background:var(--background-light);border:2px solid var(--border-color);border-radius:16px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.match-card:before{background:linear-gradient(135deg,var(--accent-color),var(--primary-light));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.match-card:hover{border-color:var(--accent-color);box-shadow:0 12px 40px var(--shadow-color);transform:translateY(-4px)}.match-card:hover:before{transform:scaleX(1)}.match-card.selected{background:#00bcd41a;border-color:var(--accent-color)}.match-card.selected:before{transform:scaleX(1)}.match-card .match-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.match-card .league-info{align-items:center;display:flex;gap:.5rem}.match-card .league-logo{border-radius:6px;height:80px;width:80px}.match-card .league-name{color:#fff;font-size:.85rem;font-weight:500}.match-card .match-status{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:uppercase}.match-card .status-ns{background:#4caf5033;color:#4caf50}.match-card .status-live{background:#f4433633;color:#f44336}.match-card .status-ft{background:#9e9e9e33;color:#9e9e9e}.match-card .match-teams{align-items:center;display:flex;justify-content:space-between;margin:1.5rem 0}.match-teams{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr auto 1fr;margin-bottom:1rem}.match-card .team{align-items:center;display:flex;gap:.5rem}.match-card .team.away{flex-direction:row-reverse}.match-card .team-logo{border-radius:6px;height:32px;width:32px}.match-card .team-score{background:var(--primary-color);border-radius:4px;color:#fff;font-size:.9rem;font-weight:600;padding:.25rem .5rem}.match-card .match-center{align-items:center;display:flex;flex-direction:column;gap:.5rem}.match-card .match-time{color:#b0b0b0;font-size:.8rem;text-align:center}.match-card .match-venue{align-items:center;border-top:1px solid #ffffff1a;color:#b0b0b0;display:flex;font-size:.8rem;gap:.5rem;margin-top:1rem;padding-top:1rem}.team.home{text-align:right}.team.away{text-align:left}.team-name{font-size:1rem}.odds{background:var(--background-medium);border-radius:8px;color:var(--accent-color);font-size:.9rem;padding:4px 8px}.odds,.vs{font-weight:600}.vs{align-items:center;display:flex;flex-direction:column;gap:.25rem}.draw-odds,.vs{color:var(--text-secondary)}.draw-odds{background:var(--background-medium);border-radius:6px;font-size:.8rem;padding:2px 6px}.match-footer{align-items:center;display:flex;justify-content:center}.selected-icon{color:var(--success-color);font-size:1.5rem}.add-icon{color:var(--text-muted);font-size:1.5rem;transition:color .3s ease}.match-card:hover .add-icon{color:var(--accent-color)}.selected-section{background:var(--background-light);border:1px solid var(--border-color);border-radius:16px;margin-bottom:3rem;padding:2rem}.selected-section h3{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:1.5rem}.remove-btn{background:none;border:none;border-radius:50%;color:var(--error-color);cursor:pointer;padding:4px;transition:all .3s ease}.remove-btn:hover{background:#f443361a;transform:scale(1.1)}.analyze-btn{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;margin:0 auto;max-width:300px;padding:1rem 2rem;width:100%}.results-section{animation:fadeIn .6s ease-out}.results-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.results-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:1.8rem;font-weight:600;gap:.75rem}.results-header h2 i{color:var(--accent-color)}.predictions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}.prediction-card{border-radius:16px;box-shadow:0 4px 16px var(--shadow-color);padding:1.5rem}.prediction-card:hover{box-shadow:0 16px 48px var(--shadow-color);transform:translateY(-4px)}.prediction-badges{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.prediction-header h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0}.confidence-badge{font-size:.85rem;font-weight:600;padding:6px 12px}.confidence-badge,.simulation-badge{border-radius:20px;color:#fff;white-space:nowrap}.simulation-badge{align-items:center;background:#ff9500;box-shadow:0 2px 8px #ff95004d;display:flex;font-size:.8rem;font-weight:500;gap:.3rem;padding:.4rem .8rem}.simulation-badge i{font-size:.7rem}.prediction-result{background:var(--background-medium);border-radius:12px;margin-bottom:2rem;padding:1.5rem;text-align:center}.prediction-main{align-items:center;justify-content:center}.prediction-main i{color:var(--accent-color);font-size:1.5rem}.prediction-text{color:var(--text-primary);font-size:1.3rem;font-weight:600}.probabilities{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.prob-item{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:80px 1fr 50px}.prob-label{color:var(--text-secondary);font-size:.9rem}.prob-bar{background:var(--background-medium);border-radius:4px;height:8px;overflow:hidden}.prob-fill{border-radius:4px;height:100%;transition:width .8s ease}.prob-fill.home{background:linear-gradient(135deg,var(--success-color),#66bb6a)}.prob-fill.draw{background:linear-gradient(135deg,var(--warning-color),#ffb74d)}.prob-fill.away{background:linear-gradient(135deg,var(--primary-light),var(--accent-color))}.prob-value{color:var(--text-primary);font-size:.9rem;text-align:right}.analysis-text{border-top:1px solid var(--border-color);padding-top:1rem}.analysis-text p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0}.details-toggle{margin-top:1.5rem;text-align:center}.details-btn{align-items:center;background:#0000;border:2px solid var(--accent-color);border-radius:25px;color:var(--accent-color);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin:0 auto;padding:.75rem 1.5rem;transition:all .3s ease}.details-btn:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px)}.details-btn i{font-size:1rem}.detailed-content{background:var(--background-medium);border-left:4px solid var(--accent-color);border-radius:12px;margin-top:1.5rem;padding:1.5rem}.detailed-content h4{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.detailed-content h4 i{color:var(--accent-color)}.probabilities-section{margin-bottom:1.5rem}.probabilities-list{display:flex;flex-direction:column;gap:.75rem}.probability-item{align-items:center;background:var(--background-light);border-radius:8px;display:flex;gap:.75rem;padding:.5rem}.probability-item.highest{border-left:4px solid #4caf50}.probability-item.medium{border-left:4px solid #ffc107}.probability-item.lowest{border-left:4px solid #f44336}.probability-item i{font-size:1rem}.probability-item.highest i{color:#4caf50}.probability-item.medium i{color:#ffc107}.probability-item.lowest i{color:#f44336}.probability-item span{color:var(--text-primary);font-size:.9rem}.probability-item strong{color:var(--accent-color)}.performance-section{margin-bottom:1.5rem}.team-performance{align-items:center;background:var(--background-light);border-radius:8px;display:flex;gap:1rem;margin-bottom:.75rem;padding:.5rem}.team-name{min-width:120px}.performance-dots{display:flex;gap:.5rem}.performance-dot{font-size:2.8rem;font-weight:700}.performance-dot.win{color:#4caf50}.performance-dot.loss{color:#f44336}.performance-dot.draw{color:#ffc107}.performance-dot.unavailable{color:#666}.odds-section{margin-bottom:1rem}.odds-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.odds-item{background:var(--background-light);border:2px solid #0000;border-radius:8px;padding:1rem;text-align:center;transition:all .3s ease}.odds-item:hover{border-color:var(--accent-color);transform:translateY(-2px)}.odds-label{color:var(--text-secondary);display:block;font-size:.8rem;margin-bottom:.5rem}.odds-value{color:var(--accent-color);display:block;font-size:1.2rem;font-weight:700}.mess-but-section{background:linear-gradient(135deg,#fff3cd,#fcf4a3);border:1px solid #ffeaa7;border-left:4px solid #f39c12;border-radius:8px;margin:1.5rem 0;padding:1rem}.mess-but-section h4{align-items:center;color:#b7791f;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.mess-but-section h4 i{color:#f39c12}.mess-but-content p{color:#6c5b0d;font-size:.9rem;font-weight:500;line-height:1.4;margin:0}.performance-legend{background:var(--background-light);border-radius:12px;margin-top:2rem;padding:1.5rem;text-align:center}.performance-legend h4{color:var(--text-primary);font-size:1rem;margin-bottom:1rem}.legend-items{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.legend-item{color:var(--text-primary);font-size:.9rem;gap:.5rem}@media (max-width:768px){.odds-grid{grid-template-columns:1fr}.legend-items{gap:1rem}.team-performance{align-items:flex-start;flex-direction:column;gap:.5rem}.team-name{min-width:auto}}@media (max-width:1200px){.predictions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.prediction-header h3{font-size:1.1rem}.confidence-badge{font-size:.8rem;padding:.25rem .5rem}.selected-section{padding:1.5rem}.results-header,.selected-matches{flex-direction:column}.results-header{align-items:flex-start}.results-header h2{font-size:1.5rem}.predictions-grid{grid-template-columns:1fr}.prediction-card{padding:1.5rem}.prediction-header{align-items:flex-start;flex-direction:column;gap:.75rem}.prob-item{gap:.75rem;grid-template-columns:70px 1fr 45px}}@media (max-width:576px){.page-container{padding:1rem .5rem}.match-card{padding:.75rem}.match-teams{gap:1rem;grid-template-columns:1fr}.match-teams,.team.away,.team.home{text-align:center}.vs{order:-1}.prediction-card{padding:1rem}.prediction-main{flex-direction:column;gap:.75rem}.prob-item{gap:.5rem;grid-template-columns:60px 1fr 40px}.prob-label{font-size:.8rem}}.leagues-section{background:var(--background-light);margin-bottom:3rem;padding:2rem}.leagues-section h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1.5rem}.league-search-container{margin-bottom:2rem}.search-input-wrapper{margin:0 auto 1rem}.search-icon{color:var(--text-secondary)}.league-search-input{background:var(--background-dark);border:2px solid var(--border-color);color:var(--text-primary)}.league-search-input:focus{border-color:var(--accent-color)}.clear-search-btn,.league-search-input::placeholder{color:var(--text-secondary)}.clear-search-btn:hover{color:var(--accent-color)}.search-info{color:var(--text-secondary)}.leagues-grid{grid-gap:1.5rem;background:#ffffff08!important;border-radius:16px!important;box-shadow:0 4px 20px #ffffff1a!important;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:1.5rem;padding:20px!important}.league-card{border-radius:12px;padding:1.5rem}.league-card:hover{box-shadow:0 8px 20px #f0f3f233;transform:translateY(-5px)}.league-card.selected{background:#23c2901a;border-color:var(--accent-color);box-shadow:0 0 20px #23c2904d}.league-logo{height:100px;margin-bottom:1rem;width:100px}.league-info h4{color:var(--text-primary);font-size:.85rem;margin-bottom:.3rem}.league-info p{color:var(--text-secondary);font-size:.75rem}.leagues-loading{padding:3rem}.leagues-loading .spinner{border:4px solid var(--border-color);border-top-color:var(--accent-color);margin:0 auto 1rem}.leagues-loading p,.no-leagues{color:var(--text-secondary)}.no-leagues{padding:3rem}.no-leagues i{margin-bottom:1rem}@media (max-width:768px){.leagues-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.league-card{padding:1rem}.league-logo{height:80px;width:80px}.league-info h4{font-size:.75rem}.league-info p{font-size:.65rem}.leagues-section h3{font-size:1.2rem}}.leagues-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin:20px 0;padding:20px}.leagues-section h3{color:#23c290;font-size:1.2rem;margin-bottom:20px;text-align:center}.leagues-grid{grid-gap:15px;background:#ffffff08;border-radius:16px;box-shadow:0 4px 20px #ffffff1a;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;margin-bottom:20px;padding:20px}.league-card{background:#ffffff14!important;border:2px solid #fff3;border-radius:16px;box-shadow:0 4px 12px #ffffff0d;cursor:pointer;flex-direction:column;overflow:hidden;padding:20px;position:relative;text-align:center}.league-card:hover{background:#cbf5e81a!important;border-color:#23c2904d;transform:translateY(-2px)}.league-card.selected{background:#23c29033;border-color:#23c290;box-shadow:0 0 15px #23c2904d}.league-logo{border-radius:8px;box-shadow:0 4px 12px #0003;height:120px!important;margin-bottom:12px;object-fit:contain;transition:transform .3s ease;width:120px!important}.league-card:hover .league-logo{transform:scale(1.1)}.league-info h4{color:#fff;font-size:.75rem;font-weight:600;line-height:1.2;margin:5px 0}.league-info p{color:#fff;font-size:.95rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.selected-league-display{align-items:center;background:#23c2901a;border:1px solid #23c2904d;border-radius:8px;color:#fff;display:flex;gap:10px;padding:10px 15px}.selected-league-logo{border-radius:4px;box-shadow:0 2px 8px #0003;height:32px;object-fit:contain;width:32px}.clear-selection-btn{background:#f4433633;border:1px solid #f443364d;border-radius:5px;color:#f44336;cursor:pointer;margin-left:auto;padding:5px 8px;transition:all .3s ease}.clear-selection-btn:hover{background:#f443364d;border-color:#f44336}.cost-info{align-items:center;background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;display:flex;gap:15px;margin-bottom:15px;padding:10px 15px}.cost-text{color:#ffc107;font-size:1.1rem;font-weight:600}.matches-count{color:#ccc;font-size:.9rem}.analyze-btn.ready{background:linear-gradient(135deg,#23c290,#1a9870);border-color:#23c290;color:#fff}.analyze-btn.disabled{background:#6c757d4d;border-color:#6c757d80;color:#6c757d;cursor:not-allowed}@media (max-width:768px){.leagues-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.league-card{padding:10px}.league-logo{height:90px;width:90px}.league-info h4{font-size:.7rem}.league-info p{font-size:.6rem}.cost-info{flex-direction:column;gap:5px;text-align:center}}.league-search-container{margin-bottom:20px}.search-input-wrapper{margin:0 auto 10px;max-width:600px;position:relative}.search-icon{color:#ccc;font-size:16px;left:15px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.league-search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #fff3;border-radius:25px;color:#fff;font-size:15px;padding:12px 45px;transition:all .3s ease;width:100%}.league-search-input:focus{background:#ffffff14;border-color:#23c290;box-shadow:0 0 0 3px #23c2901a;outline:none}.league-search-input::placeholder{color:#ffffff80}.clear-search-btn{background:#0000;border:none;color:#ccc;cursor:pointer;font-size:16px;padding:5px 10px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .3s ease}.clear-search-btn:hover{color:#23c290}.search-info{color:#ccc;font-size:14px;margin-bottom:10px;text-align:center}.search-info span{color:#23c290;font-weight:600}.leagues-loading{padding:40px;text-align:center}.leagues-loading .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#23c290;height:50px;margin:0 auto 15px;width:50px}.leagues-loading p{color:#ccc;font-size:1rem}.no-leagues{color:#ccc;padding:40px;text-align:center}.no-leagues i{color:#23c290;font-size:3rem;margin-bottom:15px;opacity:.5}.no-leagues p{font-size:1.1rem}.history-page{background:var(--background-dark);min-height:100vh}.loading-container{gap:2rem;min-height:60vh}.spinner-night{border-top:4px solid var(--accent-color);height:50px;width:50px}.loading-container p{color:var(--text-secondary);font-size:1.1rem}.stats-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.stat-card{gap:1.5rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.stat-card-full{grid-column:1/-1;justify-content:center;margin:0 auto;max-width:600px}.stat-card:before{background:linear-gradient(135deg,var(--accent-color),var(--primary-light));content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 16px 50px var(--shadow-color);transform:translateY(-6px)}.stat-icon{border-radius:12px;color:var(--text-primary);font-size:1.5rem;height:60px;width:60px}.stat-value{font-size:1.8rem;margin-bottom:.25rem}.stat-value.loss{color:var(--error-color)}.stat-label{font-weight:500}.filters-section{margin-bottom:2rem}.filter-buttons{display:flex;flex-wrap:wrap;gap:1rem}.filter-btn{align-items:center;background:var(--background-medium);border:2px solid var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:12px 20px;transition:all .3s ease}.filter-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.filter-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:var(--text-primary)}.predictions-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.prediction-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--background-light);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-bottom:1.25rem;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s ease}.prediction-item:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.prediction-item.result-win:before{background:var(--success-color)}.prediction-item.result-loss:before{background:var(--error-color)}.prediction-item.result-pending:before{background:var(--warning-color)}.prediction-item:hover{border-color:var(--accent-color);box-shadow:0 12px 40px var(--shadow-color);transform:translateY(-4px)}.prediction-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.match-info h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.match-details{display:flex;flex-wrap:wrap;gap:1rem}.league{background:var(--primary-color);border-radius:20px;color:var(--text-primary);font-size:.8rem;font-weight:600;padding:4px 12px}.date{color:var(--text-secondary);font-size:.9rem;font-weight:500}.result-badge{font-size:1.5rem}.win-icon{color:var(--success-color)}.loss-icon{color:var(--error-color)}.pending-icon{color:var(--warning-color)}.prediction-body{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr auto}.prediction-details{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item .label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.detail-item .value{color:var(--text-primary);font-weight:600}.profit-section{text-align:right}.profit-amount{background:var(--background-medium);border-radius:12px;font-size:1.5rem;font-weight:700;padding:8px 16px}.profit-amount.profit{background:#4caf501a;color:var(--success-color)}.profit-amount.loss{background:#f443361a;color:var(--error-color)}.pagination{gap:.5rem;margin-top:2rem}.page-btn,.pagination{align-items:center;display:flex;justify-content:center}.page-btn{background:var(--background-medium);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;min-width:44px;padding:10px 14px;transition:all .3s ease}.page-btn.active,.page-btn:hover:not(:disabled){background:var(--accent-color);border-color:var(--accent-color);color:var(--text-primary)}.page-btn:disabled{cursor:not-allowed;opacity:.5}.empty-state{background:var(--background-light);border:1px solid var(--border-color);border-radius:20px;margin-top:2rem;padding:4rem 2rem;text-align:center}.empty-icon{align-items:center;background:linear-gradient(135deg,var(--accent-color),var(--primary-light));border-radius:50%;color:var(--text-primary);display:flex;font-size:3rem;height:100px;justify-content:center;margin:0 auto 2rem;width:100px}.empty-state h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.empty-state p{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:400px}@media (max-width:1200px){.stats-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:768px){.page-header h1{flex-direction:column;font-size:2rem;gap:.5rem}.stats-cards{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{padding:1rem}.stat-icon{font-size:1.2rem;height:50px;width:50px}.stat-value{font-size:1.5rem}.filter-buttons{justify-content:center}.filter-btn{font-size:.9rem;padding:10px 16px}.prediction-item{padding:1rem}.prediction-header{align-items:flex-start;flex-direction:column;gap:.75rem}.prediction-body{gap:1.5rem;grid-template-columns:1fr}.prediction-details{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.profit-section{text-align:left}.profit-amount{display:inline-block;font-size:1.3rem}}@media (max-width:576px){.page-container{padding:1rem .5rem}.stats-cards{grid-template-columns:1fr}.stat-card{flex-direction:column;gap:.75rem;text-align:center}.filter-buttons{align-items:stretch;flex-direction:column}.filter-btn{justify-content:center}.prediction-details{grid-template-columns:1fr}.match-details{flex-direction:column;gap:.5rem}.pagination{flex-wrap:wrap;gap:.25rem}.page-btn{min-width:40px;padding:8px 12px}.empty-icon{font-size:2.5rem;height:80px;width:80px}.empty-state{padding:3rem 1rem}}.teams-section{margin-bottom:15px}.match-teams{align-items:center;display:flex;gap:10px;margin-bottom:5px}.team-name{color:#fff;font-size:16px;font-weight:600}.vs-simple{background:#23c2901a;border-radius:4px;color:#23c290;font-size:14px;font-weight:700;padding:2px 8px}.match-league{background:var(--primary-color);border-radius:12px;color:#b0bec5;display:inline-block;font-size:12px;padding:2px 8px}.team-info{flex:1 1;gap:12px}.team-logo{align-items:center;display:flex;justify-content:center}.team-logo img{border-radius:50%;height:100%;object-fit:contain;width:100%}.team-placeholder{align-items:center;background:#23c29033;border-radius:50%;color:#23c290;display:flex;height:40px;justify-content:center;width:40px}.team-details h4{color:#fff;font-size:14px;font-weight:600;margin:0}.team-details .last5{color:#b0bec5;font-size:12px;margin-top:2px}.vs-section{align-items:center;display:flex;flex-direction:column;gap:8px;margin:0 20px}.vs{background:#23c2901a;border:1px solid #23c2904d;border-radius:20px;color:#23c290;font-size:16px;padding:6px 12px}.league-info{gap:6px}.league-flag{border-radius:3px;height:20px;object-fit:contain;width:20px}.league-name{color:#b0bec5;font-size:12px;text-align:center}.probabilities{display:flex;flex-wrap:wrap;gap:15px}.prob-item{align-items:center;display:flex;flex-direction:column;gap:4px}.prob-label{color:#b0bec5;font-size:11px;font-weight:500;text-transform:uppercase}.prob-value{color:#23c290;font-size:14px;font-weight:600}.prediction-result,.prob-value{background:#23c2901a;border:1px solid #23c29033;border-radius:6px;padding:4px 8px}.prediction-result{color:#23c290!important;font-weight:600!important}.confidence{color:#ffb74d!important;font-weight:600!important}.goals-analysis{color:#81c784!important;font-style:italic}.final-score{color:#f48fb1!important;font-weight:600!important}.analysis-date,.match-date{color:#90caf9!important;font-size:13px!important}@media (max-width:768px){.teams-section{flex-direction:column;gap:15px}.vs-section{margin:0;order:-1}.probabilities,.team-info{justify-content:center}}.team-logos{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem;width:100%}.team-away,.team-home{align-items:center;display:flex;flex:1 1;gap:.5rem}.team-away{justify-content:flex-end}.team-logo{background:var(--background-light);border:2px solid var(--border-color);border-radius:50%;height:40px;object-fit:cover;transition:transform .2s ease;width:40px}.team-logo:hover{transform:scale(1.1)}.vs{color:var(--accent-color);font-size:.9rem;font-weight:700;padding:0 1rem}.league-info{gap:.5rem}.league-logo{border:1px solid var(--border-color);border-radius:4px;height:35px!important;object-fit:cover;transition:transform .2s ease;width:35px!important}.league-logo:hover{transform:scale(1.1)}.match-title{width:100%}.team-name{color:var(--text-primary);font-size:.9rem;font-weight:500}@media (max-width:768px){.team-logos{flex-direction:column;gap:.5rem}.team-away,.team-home{justify-content:center}.vs{padding:.25rem 0}.team-logo{height:25px;width:25px}.league-logo{height:18px;width:18px}}.prediction-item{margin-bottom:1rem!important}.prediction-header{padding-bottom:.5rem!important}.match-details{gap:1rem!important;margin-top:.25rem!important}.prediction-body{padding-top:.5rem!important}.prediction-details{gap:.75rem!important}.detail-item{margin-bottom:.5rem!important}.team-name{font-size:.85rem!important;font-weight:500!important}.league{font-size:.8rem!important}.date{font-size:.75rem!important}.prediction-summary{display:flex;flex-direction:column;gap:.75rem}.prediction-main{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.prediction-result-box{display:flex;flex-direction:column;gap:.25rem}.prediction-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.prediction-winner{background:#23c2901a;border:1px solid #23c29033;border-radius:4px;color:var(--accent-color);font-size:.9rem;font-weight:600;padding:.25rem .5rem}.probabilities-compact{display:flex;flex-direction:column;gap:.25rem;min-width:150px}.probability-item-row{align-items:center!important;display:flex!important;font-size:.75rem!important;gap:.25rem!important;margin:.125rem 0!important}.analysis-compact{background:#ffffff05;border-left:3px solid var(--accent-color);border-radius:6px;padding:.5rem}.analysis-text{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:.8rem;gap:.5rem;line-height:1.4}.analysis-text i{color:var(--accent-color);flex-shrink:0;margin-top:.1rem}@media (max-width:768px){.prediction-main{flex-direction:column;gap:.5rem}.probabilities-compact{min-width:auto}}.profile-page{background:var(--background-dark);min-height:100vh}.profile-container{margin:0 auto;max-width:1200px}.profile-header{align-items:center;background:var(--background-light);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 8px 32px var(--shadow-color);display:flex;gap:2rem;margin-bottom:2rem;padding:2rem}.profile-avatar{align-items:center;background:linear-gradient(135deg,var(--accent-color),var(--primary-light));border-radius:50%;color:var(--text-primary);display:flex;flex-shrink:0;font-size:3rem;height:120px;justify-content:center;width:120px}.profile-info{flex:1 1}.profile-info h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.profile-email{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1rem}.profile-badges{display:flex;flex-wrap:wrap;gap:.75rem}.badge{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.badge.active{background:#4caf5033;border:1px solid var(--success-color);color:var(--success-color)}.badge.verified{background:#00bcd433;border:1px solid var(--accent-color);color:var(--accent-color)}.profile-actions{flex-shrink:0}.edit-actions{display:flex;flex-wrap:wrap;gap:1rem}.profile-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 300px}.profile-main{display:flex;flex-direction:column;gap:2rem}.info-section{background:var(--background-light);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 16px var(--shadow-color);padding:2rem}.info-section h2{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;font-size:1.4rem;font-weight:600;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.info-section h2 i{color:var(--accent-color)}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.info-value{align-items:center;background:var(--background-medium);border:2px solid #0000;border-radius:12px;color:var(--text-primary);display:flex;font-size:16px;min-height:52px;padding:14px 16px}.settings-list{display:flex;flex-direction:column;gap:1rem}.setting-item{align-items:center;background:var(--background-medium);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}.setting-info h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.setting-info p{color:var(--text-secondary);font-size:.9rem;margin:0}.danger-zone{border-color:var(--error-color)}.danger-zone h2{border-bottom-color:var(--error-color)}.danger-zone h2,.danger-zone h2 i{color:var(--error-color)}.danger-actions{display:flex;flex-direction:column;gap:1rem}.danger-item{align-items:center;background:#f443360d;border:1px solid #f4433633;border-radius:12px;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}.danger-info h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.danger-info p{color:var(--text-secondary);font-size:.9rem;margin:0}.btn-warning{align-items:center;background:var(--warning-color);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.btn-warning:hover{background:#f57c00;transform:translateY(-2px)}.btn-danger{align-items:center;background:var(--error-color);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.btn-danger:hover{background:#d32f2f;transform:translateY(-2px)}.profile-sidebar{display:flex;flex-direction:column;gap:1.5rem}.stats-card{background:var(--background-light);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 16px var(--shadow-color);padding:1.5rem}.stats-card h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:1rem;padding-bottom:.75rem}.stat-item,.stats-card h3{border-bottom:1px solid var(--border-color)}.stat-item{align-items:center;display:flex;justify-content:space-between;padding:.75rem 0}.stat-item:last-child{border-bottom:none}.stat-label{color:var(--text-secondary);font-size:.9rem}.stat-value{color:var(--text-primary);font-size:.5rem;font-weight:400}.stat-value.profit{color:var(--success-color)}.quick-actions{background:var(--background-light);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 16px var(--shadow-color);padding:1.5rem}.quick-actions h3{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:1rem;padding-bottom:.75rem}.quick-btn{align-items:center;background:var(--background-medium);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:.75rem;margin-bottom:.75rem;padding:12px 16px;transition:all .3s ease;width:100%}.quick-btn:last-child{margin-bottom:0}.quick-btn:hover{background:var(--accent-color);border-color:var(--accent-color);color:var(--text-primary);transform:translateY(-2px)}.quick-btn i{color:var(--accent-color);transition:color .3s ease}.quick-btn:hover i{color:var(--text-primary)}@media (max-width:1024px){.profile-content{grid-template-columns:1fr}.profile-sidebar{order:-1}.quick-actions,.stats-card{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.quick-actions h3,.stats-card h3{grid-column:1/-1}.quick-btn{margin-bottom:0}}@media (max-width:768px){.profile-header{flex-direction:column;gap:1.5rem;text-align:center}.profile-avatar{font-size:2.5rem;height:100px;width:100px}.profile-info h1{font-size:1.8rem}.profile-actions{width:100%}.edit-actions{justify-content:center}.form-row{grid-template-columns:1fr}.danger-item,.setting-item{align-items:flex-start;flex-direction:column;gap:1rem}.btn-danger,.btn-warning{align-self:stretch;justify-content:center}.quick-actions,.stats-card{grid-template-columns:1fr}}@media (max-width:576px){.page-container{padding:1rem .5rem}.info-section,.profile-header{padding:1.5rem}.profile-avatar{font-size:2rem;height:80px;width:80px}.profile-info h1{font-size:1.5rem}.profile-badges{justify-content:center}.edit-actions{flex-direction:column;width:100%}.danger-item,.quick-actions,.setting-item,.stats-card{padding:1rem}}.balance-page{background:var(--background-dark);color:var(--text-primary);min-height:100vh;padding:2rem 0}.payment-method-selector{margin-bottom:1.2rem}.payment-method-options{gap:1rem;grid-template-columns:1fr 1fr}.payment-method-options .payment-option{min-height:85px}.payment-method-options .payment-option i{font-size:1.8rem}.payment-method-options .payment-option.active i.fab.fa-paypal,.payment-method-options .payment-option:hover i.fab.fa-paypal{color:#0070ba}.payment-method-selector label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.75rem}.payment-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.payment-option{align-items:center;background:var(--background-medium);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:.4rem;min-height:80px;padding:.75rem;transition:all .3s ease}.payment-option i{color:var(--text-secondary);font-size:1.5rem}.payment-option span{font-weight:500}.payment-option:hover{background:var(--background-light);border-color:var(--accent-color)}.payment-option.active{background:linear-gradient(135deg,#ffc1071a,#ffc1070d);border-color:var(--accent-color)}.payment-option.active i{color:var(--accent-color)}.operator-options{gap:.75rem;grid-template-columns:repeat(3,1fr)}.operator-btn{min-height:95px;padding:.6rem}.operator-logo-img{align-items:center;display:flex;height:50px;justify-content:center;margin-bottom:.4rem;transition:transform .3s ease;width:50px}.operator-logo-img img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:100%;object-fit:contain;width:100%}.operator-btn.active .operator-logo-img{transform:scale(1.15)}.operator-btn.active .operator-logo-img img{filter:drop-shadow(0 4px 8px rgba(255,193,7,.6))}.operator-btn span{font-size:.85rem;font-weight:500}.phone-input{margin-bottom:1.2rem}.phone-input label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}.phone-input .input-group{align-items:center;background:var(--background-medium);border:2px solid var(--border-color);border-radius:12px;display:flex;overflow:hidden}.phone-input .prefix{background:var(--background-light);border-right:2px solid var(--border-color);color:var(--text-secondary);font-size:.9rem;font-weight:600;min-width:55px;padding:.5rem .6rem;text-align:center}.phone-input input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:1rem;letter-spacing:.5px;padding:.5rem 1rem}.phone-input input:focus{outline:none}.phone-input .text-muted{color:var(--text-secondary);display:block;font-size:.85rem;margin-top:.5rem}.page-container{max-width:1200px;padding:0 1rem}.page-header{margin-bottom:3rem}.page-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:2.5rem;font-weight:700;gap:1rem;justify-content:center;margin-bottom:.5rem}.page-header h3 i{color:var(--accent-color);font-size:2rem}.page-header p{color:var(--text-secondary)}.balance-card{background:linear-gradient(135deg,var(--background-medium),var(--background-light));border:1px solid var(--border-color);border-radius:20px;box-shadow:0 10px 30px #0000004d;margin-bottom:2rem;padding:2rem}.balance-header{gap:1.5rem;margin-bottom:2rem}.balance-header,.balance-icon{align-items:center;display:flex}.balance-icon{background:linear-gradient(135deg,var(--accent-color),#1dd1a1);border-radius:50%;color:#fff;font-size:2rem;height:80px;justify-content:center;width:80px}.balance-info h2{color:var(--text-secondary);font-size:1.2rem;font-weight:500;margin-bottom:.5rem}.balance-amount{color:var(--accent-color);font-size:3rem;font-weight:700;text-shadow:0 2px 4px #23c2904d}.balance-actions{display:flex;justify-content:center}.recharge-btn{align-items:center;background:linear-gradient(135deg,var(--accent-color),#1dd1a1);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.recharge-btn:hover{box-shadow:0 8px 25px #23c29066;transform:translateY(-2px)}.transactions-section{background:var(--background-medium);border:1px solid var(--border-color);border-radius:15px;padding:2rem}.transactions-section h4{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin-bottom:1.5rem}.transactions-section h4 i{color:var(--accent-color)}.transactions-list{display:flex;flex-direction:column;gap:1rem}.transaction-item{align-items:center;background:var(--background-light);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.transaction-item:hover{box-shadow:0 4px 15px #0003;transform:translateY(-1px)}.transaction-icon{align-items:center;border-radius:50%;display:flex;font-size:1rem;height:40px;justify-content:center;width:40px}.transaction-icon .fa-plus{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.transaction-icon .fa-minus{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.transaction-details{flex:1 1}.transaction-description{color:var(--text-primary);font-weight:500;margin-bottom:.25rem}.transaction-date{color:var(--text-secondary);font-size:.9rem}.transaction-amount{font-size:1.2rem;font-weight:600}.transaction-amount.positive{color:#4caf50}.transaction-amount.negative{color:#f44336}.no-transactions{color:var(--text-secondary);padding:3rem;text-align:center}.no-transactions i{font-size:3rem;margin-bottom:1rem;opacity:.5}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{border:1px solid var(--border-color);border-radius:15px;box-shadow:0 20px 60px #00000080;flex-direction:column;max-height:90vh;max-width:500px;width:100%}.modal-content,.modal-header{background:var(--background-medium);display:flex}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);border-radius:15px 15px 0 0;flex-shrink:0;justify-content:space-between;padding:1.5rem}.modal-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.3rem;font-weight:600;gap:.5rem;margin:0}.modal-header h3 i{color:var(--accent-color)}.modal-close{background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;padding:.5rem;transition:all .3s ease}.modal-close:hover{background:var(--background-light);color:var(--text-primary)}.modal-body{flex:1 1;max-height:calc(90vh - 140px);overflow-y:auto;padding:2rem 1.5rem}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--background-dark);border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:#00a8c5}.amount-input{margin-bottom:1.2rem}.amount-input label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.input-group{align-items:center;display:flex;position:relative}.input-group input{background:var(--background-light);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:1rem;padding:.7rem 3rem .7rem .7rem;transition:all .3s ease;width:100%}.input-group input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #23c2901a;outline:none}.currency{color:var(--text-secondary);font-weight:600;position:absolute;right:1rem}.quick-amounts{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.quick-amounts button{background:var(--background-light);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:500;padding:.75rem;transition:all .3s ease}.quick-amounts button:hover{background:#23c2901a;border-color:var(--accent-color);color:var(--accent-color)}.payment-methods{background:var(--background-dark);border:1px solid var(--border-color);border-radius:8px;margin-top:1.5rem;padding:1rem}.payment-methods h6{color:var(--text-primary);font-weight:600;margin-bottom:.75rem}.methods-info{margin-bottom:.5rem}.methods-info p{color:var(--text-secondary);font-size:.9rem;margin:.25rem 0}.payment-methods small{color:var(--accent-color);font-weight:500}.payment-info-box{align-items:flex-start;background:linear-gradient(135deg,#0070ba1a,#0070ba0d);border:2px solid #0070ba4d;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.2rem;padding:1rem}.payment-info-box.mobile-money-info{background:linear-gradient(135deg,#23c2901a,#23c2900d);border-color:#23c2904d}.payment-info-box .info-icon{align-items:center;background:linear-gradient(135deg,#0070ba,#003087);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.payment-info-box.mobile-money-info .info-icon{background:linear-gradient(135deg,var(--accent-color),#1dd1a1)}.payment-info-box .info-content h6{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.payment-info-box .info-content ul{list-style:none;margin:0;padding:0}.payment-info-box .info-content li{color:var(--text-secondary);font-size:.9rem;margin-bottom:.3rem;padding-left:.5rem}.modal-footer{background:var(--background-medium);border-radius:0 0 15px 15px;border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:1rem;padding:1.5rem}.btn-cancel{background:var(--background-light);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;flex:1 1;font-weight:500;padding:1rem;transition:all .3s ease}.btn-cancel:hover{background:var(--background-dark)}.btn-confirm{align-items:center;background:linear-gradient(135deg,var(--accent-color),#1dd1a1);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:2 1;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease}.btn-confirm:hover:not(:disabled){box-shadow:0 4px 15px #23c29066;transform:translateY(-1px)}.btn-confirm:disabled{cursor:not-allowed;opacity:.6}.loading-container{padding:4rem}.spinner-night{border-top:4px solid var(--border-color);border:4px solid var(--border-color);margin-bottom:1rem}@media (max-width:768px){.balance-page{padding:1rem 0}.balance-amount,.page-header h3{font-size:2.5rem}.balance-header{flex-direction:column;text-align:center}.quick-amounts{grid-template-columns:repeat(2,1fr)}.modal-footer{flex-direction:column}}.scheduled-matches-page{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#fff;min-height:100vh;padding:20px}.page-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:30px;padding:20px;text-align:center}.page-header h1{align-items:center;color:#23c290;display:flex;font-size:2rem;gap:10px;justify-content:center;margin-bottom:10px}.page-header p{color:#ccc;font-size:1.1rem;margin:0}.filters-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin:20px 0;padding:20px}.filters-row{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#23c290;font-size:.9rem;font-weight:600}.filter-input,.filter-select{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.9rem;padding:10px 15px;transition:all .3s ease}.filter-input:focus,.filter-select:focus{border-color:#23c290;box-shadow:0 0 10px #23c2904d;outline:none}.filter-select option{background:#1a1a2e;color:#fff}.matches-section{margin:20px 0}.matches-header{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.matches-header h3{color:#23c290;font-size:1.3rem;margin:0}.matches-info{align-items:center;display:flex;gap:15px}.info-text{color:#ccc;font-size:.9rem}.refresh-btn{align-items:center;background:linear-gradient(135deg,#23c290,#1a9870);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:5px;padding:8px 15px;transition:all .3s ease}.refresh-btn:hover{background:linear-gradient(135deg,#1a9870,#23c290);transform:translateY(-1px)}.matches-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.matches-table{border-collapse:collapse;width:100%}.matches-table th{background:#23c29033;border-bottom:1px solid #ffffff1a;color:#23c290;font-size:.9rem;font-weight:600;padding:15px 10px;text-align:left}.matches-table td{border-bottom:1px solid #ffffff0d;padding:12px 10px;vertical-align:middle}.match-row{cursor:pointer;transition:all .3s ease}.match-row:hover{background:#23c2901a}.league-cell{min-width:150px}.league-info{align-items:center;display:flex;gap:8px}.league-logo-small{height:25px;object-fit:contain;width:25px}.league-name-small{color:#fff;font-size:.85rem;font-weight:500}.team-cell{min-width:180px}.team-info{align-items:center;display:flex;gap:8px}.team-logo-small{height:25px;object-fit:contain;width:25px}.team-name-small{color:#fff;font-size:.9rem;font-weight:500}.score-cell{min-width:80px;text-align:center}.score-display{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:5px;justify-content:center}.score-away,.score-home{color:#23c290}.score-separator{color:#ccc}.match-time-small{color:#ffc107;font-size:.8rem;margin-top:2px}.status-cell{min-width:100px;text-align:center}.match-status-small{border-radius:12px;font-size:.8rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.status-ns{background:#6c757d4d;color:#6c757d}.status-1h,.status-2h,.status-ht,.status-live{animation:pulse 2s infinite;background:#dc35454d;color:#dc3545}.status-aet,.status-ft,.status-pen{background:#23c2904d;color:#23c290}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.datetime-cell{min-width:120px}.datetime-info{display:flex;flex-direction:column;gap:2px}.match-date-small,.match-time-small{color:#ccc;font-size:.85rem}.venue-cell{min-width:150px}.venue-info-small{color:#ccc;font-size:.85rem}.odds-cell{min-width:200px}.odds-display{display:flex;flex-direction:column;gap:4px}.odds-row{align-items:center;background:#ffffff0d;border-radius:4px;display:flex;font-size:.8rem;justify-content:space-between;padding:2px 8px}.odds-label{color:#ccc;flex:1 1}.odds-value{color:#23c290;font-weight:600}.loading-container{align-items:center;color:#ccc;display:flex;flex-direction:column;justify-content:center;padding:40px}.spinner-night{border:4px solid #23c2904d;border-top-color:#23c290;margin-bottom:15px}.error-message{align-items:center;background:#dc354533;border:1px solid #dc35454d;border-radius:8px;color:#dc3545;display:flex;gap:10px;margin:20px 0;padding:15px}.no-matches{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#ccc;padding:40px;text-align:center}.pagination-container{align-items:center;display:flex;gap:20px;justify-content:center;margin:20px 0;padding:15px}.pagination-btn{align-items:center;background:linear-gradient(135deg,#23c290,#1a9870);border-radius:6px;display:flex;font-size:.9rem;gap:5px;padding:10px 15px}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#1a9870,#23c290);transform:translateY(-1px)}.pagination-btn:disabled{background:#6c757d4d;color:#6c757d;transform:none}.pagination-info{color:#ccc;font-size:.9rem;gap:5px}.matches-count{color:#23c290;font-size:.8rem}.promotion-section{background:linear-gradient(135deg,#23c2901a,#1a98701a);border:1px solid #23c2904d;border-radius:12px;margin:30px 0;padding:25px;text-align:center}.promotion-section h3{color:#23c290;font-size:1.3rem;margin-bottom:15px}.promotion-section p{color:#ccc;font-size:1rem;line-height:1.5;margin-bottom:20px}.promotion-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.promotion-btn{align-items:center;border-radius:8px;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 25px;text-decoration:none;transition:all .3s ease}.promotion-btn.primary{background:linear-gradient(135deg,#23c290,#1a9870);border:2px solid #0000;color:#fff}.promotion-btn.secondary{background:#0000;border:2px solid #23c290;color:#23c290}.promotion-btn:hover{box-shadow:0 5px 15px #23c2904d;transform:translateY(-2px)}@media (max-width:1200px){.matches-table{font-size:.85rem}.matches-table td,.matches-table th{padding:10px 8px}}@media (max-width:768px){.scheduled-matches-page{padding:10px}.page-header h1{font-size:1.5rem}.filters-row{gap:15px;grid-template-columns:1fr}.matches-header{flex-direction:column;gap:10px;text-align:center}.matches-table-container{overflow-x:auto}.matches-table{font-size:.8rem;min-width:800px}.matches-table td,.matches-table th{padding:8px 6px}.pagination-container{flex-direction:column;gap:10px}.pagination-btn{font-size:.8rem;padding:8px 12px}.promotion-buttons{align-items:center;flex-direction:column}.promotion-btn{justify-content:center;width:200px}}@media (max-width:480px){.page-header{padding:15px}.page-header h1{font-size:1.3rem}.page-header p{font-size:.9rem}.matches-table{font-size:.75rem;min-width:700px}.league-name-small,.team-name-small{font-size:.8rem}.match-status-small{font-size:.7rem;padding:3px 6px}}.performance-page{background:var(--background-dark);color:var(--text-primary);contain:layout style paint;min-height:100vh;padding-top:100px;will-change:transform}.performance-header{margin:0 auto;max-width:1400px;padding:40px 20px;text-align:center}.performance-header h1{color:var(--accent-color);font-size:2.5rem;font-weight:700;margin:0 0 15px;text-shadow:0 2px 4px #0000004d}.performance-header p{color:var(--text-secondary);font-size:1.1rem;margin:0 0 30px}.performance-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.period-selector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--background-light);border:1px solid var(--border-color);border-radius:25px;color:var(--text-primary);font-size:14px;padding:12px 20px;transition:all .3s ease}.period-selector:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #00bcd433;outline:none}.fetch-results-btn{align-items:center;background:linear-gradient(135deg,var(--accent-color),var(--primary-light));border:none;border-radius:25px;box-shadow:0 4px 15px var(--shadow-color);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 25px;transition:all .3s ease}.fetch-results-btn:hover:not(:disabled){box-shadow:0 6px 20px var(--shadow-color);transform:translateY(-2px)}.fetch-results-btn:disabled{cursor:not-allowed;opacity:.7}.btn-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.performance-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:10px;justify-content:center;margin:0 auto;max-width:1400px;overflow-x:auto;padding:0 20px 40px}.tab-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--background-light);border:1px solid var(--border-color);border-radius:25px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 25px;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{background:var(--background-medium);color:var(--text-primary);transform:translateY(-1px)}.tab-btn.active{background:linear-gradient(135deg,var(--accent-color),var(--primary-light));border-color:#0000;box-shadow:0 4px 15px var(--shadow-color);color:#fff}.tab-content{margin:0 auto;max-width:1400px;padding:0 20px 40px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--background-light);border:1px solid var(--border-color);border-radius:20px;display:flex;gap:20px;padding:25px;transform:translateZ(0);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;will-change:transform}.stat-card:hover{border-color:var(--accent-color);box-shadow:0 10px 30px var(--shadow-color);transform:translateY(-5px)}.stat-icon{align-items:center;background:linear-gradient(135deg,var(--accent-color),var(--primary-light));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:2.5rem;height:70px;justify-content:center;width:70px}.stat-content{flex:1 1}.stat-content h3{color:var(--text-secondary);font-size:.95rem;font-weight:500;margin:0 0 8px}.stat-value{font-size:2rem;font-weight:700;margin:8px 0;text-shadow:0 2px 4px #0000004d}.stat-content p{color:var(--text-muted);font-size:.9rem;margin:0}.success-rate-chart{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--background-light);border:1px solid var(--border-color);border-radius:20px;padding:30px}.success-rate-chart h3{color:var(--accent-color);font-size:1.3rem;margin:0 0 25px;text-align:center}.chart-container{align-items:center;display:flex;flex-wrap:wrap;gap:50px;justify-content:center}.pie-chart{height:180px;position:relative;width:180px}.pie-chart,.pie-slice{align-items:center;border-radius:50%;display:flex;justify-content:center}.pie-slice{height:100%;width:100%}.pie-center{align-items:center;background:var(--background-dark);border:2px solid var(--border-color);border-radius:50%;display:flex;flex-direction:column;height:100px;justify-content:center;width:100px}.pie-percentage{color:var(--accent-color);font-size:1.4rem;font-weight:700}.pie-label{color:var(--text-secondary);font-size:.8rem}.chart-legend{display:flex;flex-direction:column;gap:15px}.legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.95rem;gap:12px}.legend-color{border-radius:4px;height:18px;width:18px}.legend-color.correct{background:#23c290}.legend-color.incorrect{background:#ff6b6b}.evolution-chart{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--background-light);border:1px solid var(--border-color);border-radius:20px;padding:30px}.chart-bars{-webkit-overflow-scrolling:touch;align-items:end;display:flex;gap:12px;height:250px;overflow-x:auto;padding:15px 0;scrollbar-width:thin}.chart-bar{align-items:center;display:flex;flex-direction:column;height:100%;min-width:70px}.bar-fill{border-radius:6px 6px 0 0;margin-bottom:15px;min-height:8px;transition:all .3s ease;width:40px}.bar-label{color:var(--text-muted);font-size:.75rem;margin-bottom:8px;text-align:center}.bar-value{color:var(--text-primary);font-size:.85rem;font-weight:600}.leagues-content{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 1fr}.leagues-chart-container{align-items:center;background:var(--background-light);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 12px #0003;display:flex;justify-content:center;min-height:400px;padding:30px}.leagues-list{grid-gap:12px;display:grid;gap:12px}.league-card-compact{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--background-light);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.league-card-compact:hover{border-color:var(--accent-color);box-shadow:0 4px 15px var(--shadow-color);transform:translateX(5px)}.league-color-indicator{border-radius:4px;flex-shrink:0;height:50px;width:8px}.league-info-compact{flex:1 1}.league-info-compact h4{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0 0 5px}.league-info-compact p{color:var(--text-muted);font-size:.8rem;margin:0}.league-rate-compact{text-align:right}.league-rate-compact .rate-value{display:block;font-size:1.3rem;font-weight:700}.league-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--background-light);border:1px solid var(--border-color);border-radius:20px;display:flex;justify-content:space-between;padding:25px;transition:all .3s ease}.league-card:hover{border-color:var(--accent-color);box-shadow:0 6px 20px var(--shadow-color);transform:translateX(8px)}.league-info h4{color:var(--accent-color);font-size:1.2rem;margin:0 0 8px}.league-info p{color:var(--text-muted);font-size:.9rem;margin:0}.league-stats{align-items:center;display:flex;gap:40px}.league-success-rate{text-align:center}.rate-value{display:block;font-size:1.4rem;font-weight:700;margin-bottom:4px}.rate-label{color:var(--text-muted);font-size:.8rem}.recent-predictions{grid-gap:20px;display:grid;gap:20px}.prediction-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--background-light);border:1px solid var(--border-color);border-radius:20px;padding:25px;transition:all .3s ease}.prediction-card.correct{border-left:5px solid #23c290}.prediction-card.incorrect{border-left:5px solid #ff6b6b}.prediction-card:hover{box-shadow:0 8px 25px var(--shadow-color);transform:translateY(-3px)}.prediction-match h4{color:var(--accent-color);font-size:1.2rem;margin:0 0 8px}.prediction-match p{color:var(--text-muted);font-size:.9rem;margin:0}.score{color:var(--text-primary)!important;font-weight:600;margin-top:5px!important}.prediction-result{display:flex;flex-wrap:wrap;gap:30px;margin:20px 0}.actual,.confidence,.predicted{display:flex;flex-direction:column;gap:4px}.actual .label,.confidence .label,.predicted .label{color:var(--text-muted);font-size:.8rem}.actual .value,.confidence .value,.predicted .value{color:var(--text-primary);font-size:.95rem;font-weight:600}.prediction-status{align-items:center;display:flex;justify-content:space-between;margin-top:15px}.status{border-radius:20px;font-size:.85rem;font-weight:600;padding:6px 15px}.status.correct{background:#23c29033;border:1px solid #23c2904d;color:#23c290}.status.incorrect{background:#ff6b6b33;border:1px solid #ff6b6b4d;color:#ff6b6b}.auth-required,.performance-error,.performance-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #00bcd44d;border-radius:50%;border-top:4px solid var(--accent-color);height:50px;margin-bottom:25px;width:50px}.auth-required h2,.performance-error h3{color:var(--accent-color);font-size:2rem;margin:0 0 20px}.auth-required p,.performance-loading p{color:var(--text-secondary);font-size:1.1rem;margin:0 0 30px;max-width:400px}.performance-error .error-icon{align-items:center;background:linear-gradient(135deg,var(--accent-color),var(--primary-light));border-radius:50%;box-shadow:0 8px 32px #23c2904d;color:#fff;display:flex;font-size:3rem;height:100px;justify-content:center;margin:0 auto 30px;width:100px}.performance-error .error-message{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0 0 30px;max-width:500px}.performance-error .error-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px}.performance-error .btn-primary,.performance-error .btn-secondary{align-items:center;border:none;border-radius:25px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.performance-error .btn-primary{background:linear-gradient(135deg,var(--accent-color),var(--primary-light));color:#fff}.performance-error .btn-primary:hover{box-shadow:0 8px 24px #23c29066;transform:translateY(-2px)}.performance-error .btn-secondary{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-primary)}.performance-error .btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:var(--accent-color)}.performance-error .btn-secondary:disabled{cursor:not-allowed;opacity:.5}.performance-error .error-note{align-items:center;background:#ffffff08;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px;justify-content:center;max-width:500px;padding:12px 20px}.login-btn{background:linear-gradient(135deg,var(--accent-color),var(--primary-light));border:none;border-radius:25px;box-shadow:0 4px 15px var(--shadow-color);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.login-btn:hover{box-shadow:0 6px 20px var(--shadow-color);transform:translateY(-2px)}.no-data{color:var(--text-muted);font-style:italic;padding:40px 20px;text-align:center}.loading-skeleton{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:30px;max-width:1000px}.skeleton-card{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--background-light) 25%,var(--background-medium) 50%,var(--background-light) 75%);background-size:200% 100%;border-radius:20px;height:120px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.performance-header{padding:30px 15px}.performance-header h1{font-size:2rem}.performance-controls{flex-direction:column;gap:15px}.performance-tabs{gap:8px;margin:20px 15px}.tab-btn{font-size:13px;padding:10px 20px}.tab-content{padding:0 15px 30px}.stats-grid{gap:15px;grid-template-columns:1fr}.stat-card{padding:20px}.chart-container{flex-direction:column;gap:25px}.league-card{flex-direction:column;gap:20px;text-align:center}.league-stats{gap:30px;justify-content:center}.prediction-result{gap:20px}.leagues-content{gap:20px;grid-template-columns:1fr}.leagues-chart-container{min-height:300px;padding:20px}.league-card-compact{gap:10px;padding:12px}.league-color-indicator{height:40px}.league-info-compact h4{font-size:.85rem}.league-info-compact p{font-size:.75rem}.league-rate-compact .rate-value{font-size:1.1rem}.prediction-status{flex-direction:column;gap:10px;text-align:center}}.predictions-table-container{background:var(--background-light);border-radius:12px;box-shadow:0 4px 12px #0003;margin-top:20px;overflow-x:auto}.predictions-table{border-collapse:collapse;min-width:900px;width:100%}.predictions-table thead{background:linear-gradient(135deg,#23c290,#1a9d73);color:#fff}.predictions-table th{font-size:11px;font-weight:600;letter-spacing:.3px;padding:8px 6px;text-align:left;text-transform:uppercase;white-space:nowrap}.predictions-table tbody tr{border-bottom:1px solid var(--border-color);transition:all .3s ease}.predictions-table tbody tr:hover{background:#23c2900d;transform:scale(1.01)}.predictions-table tbody tr.row-correct{background:#23c29014}.predictions-table tbody tr.row-incorrect{background:#ff6b6b14}.predictions-table td{color:var(--text-primary);font-size:12px;padding:8px 6px}.predictions-table .date-cell{color:var(--text-secondary);font-size:11px;white-space:nowrap}.predictions-table .match-cell{font-size:12px;font-weight:500;max-width:200px}.predictions-table .match-cell strong{color:var(--text-primary)}.predictions-table .badge{border-radius:12px;display:inline-block;font-size:10px;font-weight:600;padding:4px 8px;white-space:nowrap}.predictions-table .badge-prediction{background:#23c29033;border:1px solid #23c290;color:#23c290}.predictions-table .badge-actual{background:#ffd70033;border:1px solid gold;color:gold}.predictions-table .badge-league{background:#00bcd433;border:1px solid var(--accent-color);color:var(--accent-color);font-size:10px}.predictions-table .score-cell{color:var(--accent-color);font-size:12px;font-weight:600;text-align:center}.predictions-table .halftime-cell{color:var(--text-secondary);font-size:11px;font-weight:500;text-align:center}.predictions-table .league-cell{text-align:center}.predictions-table .confidence-cell{min-width:100px}.confidence-bar{background:#ffffff1a;border-radius:10px;height:20px;overflow:hidden;position:relative;width:100%}.confidence-fill{border-radius:12px;height:100%;left:0;position:absolute;top:0;transition:width .3s ease}.confidence-text{color:#fff;font-size:10px;font-weight:600;left:50%;position:absolute;text-shadow:0 1px 2px #00000080;top:50%;transform:translate(-50%,-50%);z-index:1}.predictions-table .status-cell{text-align:center}.status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:10px;font-weight:600;gap:3px;padding:4px 8px;white-space:nowrap}.status-badge.correct{background:#23c29033;border:1px solid #23c290;color:#23c290}.status-badge.incorrect{background:#ff6b6b33;border:1px solid #ff6b6b;color:#ff6b6b}.status-badge.pending{background:#ff980033;border:1px solid #ff9800;color:#ff9800}.pagination-controls{align-items:center;background:var(--background-light);border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:20px}.pagination-btn{background:linear-gradient(135deg,var(--accent-color),var(--primary-light));border:none;border-radius:8px;box-shadow:0 2px 8px #00bcd44d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){box-shadow:0 4px 12px #00bcd466;transform:translateY(-2px)}.pagination-btn:disabled{background:#ffffff1a;cursor:not-allowed;opacity:.4}.pagination-info{flex-direction:column;gap:10px}.page-numbers,.pagination-info{align-items:center;display:flex}.page-numbers{gap:5px}.pagination-number{align-items:center;background:#ffffff0d;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;font-weight:500;height:32px;justify-content:center;min-width:32px;padding:0 8px;transition:all .3s ease}.pagination-number:hover{background:#00bcd433;border-color:var(--accent-color);color:var(--accent-color)}.pagination-number.active{background:linear-gradient(135deg,var(--accent-color),var(--primary-light));border-color:var(--accent-color);box-shadow:0 2px 8px #00bcd466;color:#fff;font-weight:700}.pagination-ellipsis{color:var(--text-secondary);font-size:14px;padding:0 5px}.pagination-text{color:var(--text-secondary);font-size:12px;font-weight:500}@media (max-width:768px){.predictions-table-container{border-radius:0;margin:15px -15px 0}.predictions-table{font-size:12px}.predictions-table td,.predictions-table th{padding:10px 8px}.predictions-table .match-cell{font-size:12px;max-width:150px}.confidence-bar{height:20px}.confidence-text{font-size:10px}.pagination-controls{flex-direction:column;gap:10px;padding:15px}.pagination-btn{max-width:200px;width:100%}.pagination-info{width:100%}.page-numbers{flex-wrap:wrap;justify-content:center}}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;min-height:calc(100vh - 80px);padding-top:80px}.container-fluid{padding:0}.page-container{margin:0 auto;max-width:1400px;padding:2rem 1rem}.card-night{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--background-light);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px var(--shadow-color);transition:all .3s ease}.card-night:hover{box-shadow:0 12px 48px var(--shadow-color);transform:translateY(-4px)}.card-header-night{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-bottom:1px solid var(--border-color);border-radius:16px 16px 0 0;color:var(--text-primary);padding:1.5rem}.card-body-night{color:var(--text-primary);padding:2rem}.btn-primary-night{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border:none;border-radius:12px;color:var(--text-primary);font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.btn-primary-night:hover{background:linear-gradient(135deg,var(--primary-light),var(--accent-color));box-shadow:0 8px 24px var(--shadow-color);transform:translateY(-2px)}.btn-primary-night:active{transform:translateY(0)}.btn-secondary-night{background:#0000;border:2px solid var(--primary-color);border-radius:12px;color:var(--primary-color);font-weight:600;padding:10px 22px;transition:all .3s ease}.btn-secondary-night:hover{background:var(--primary-color);color:var(--text-primary);transform:translateY(-2px)}.form-control-night{background:var(--background-medium);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:16px;padding:12px 16px;transition:all .3s ease}.form-control-night:focus{background:var(--background-light);border-color:var(--accent-color);box-shadow:0 0 0 3px #00bcd41a;outline:none}.form-control-night::placeholder{color:var(--text-muted)}.form-label-night{color:var(--text-secondary);display:block;font-weight:500;margin-bottom:8px}.table-night{background:var(--background-light);border-radius:12px;box-shadow:0 4px 16px var(--shadow-color);overflow:hidden}.table-night th{background:var(--primary-color);border:none;font-weight:600}.table-night td,.table-night th{color:var(--text-primary);padding:16px}.table-night td{background:var(--background-medium);border-bottom:1px solid var(--border-color)}.table-night tbody tr:hover td{background:var(--background-light)}.spinner-night.App{display:flex;flex-direction:column;min-height:100vh}.spinner-night{animation:spin 1s linear infinite;border-top:4px solid var(--background-medium);border:4px solid var(--background-medium);border-radius:50%;border-top-color:var(--accent-color);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.alert-night{border:none;border-radius:12px;margin-bottom:20px;padding:16px 20px}.alert-success-night{background:#4caf501a;border-left:4px solid var(--success-color);color:var(--success-color)}.alert-error-night{background:#f443361a;border-left:4px solid var(--error-color);color:var(--error-color)}.alert-warning-night{background:#ff98001a;border-left:4px solid var(--warning-color);color:var(--warning-color)}@media (max-width:1200px){.page-container{padding:1.5rem 1rem}}@media (max-width:768px){.main-content{padding-top:70px}.page-container{padding:1rem .5rem}.card-body-night{padding:1.5rem}.btn-primary-night,.btn-secondary-night{font-size:14px;padding:10px 20px}}@media (max-width:576px){.card-body-night{padding:1rem}.form-control-night{font-size:16px}}
/*# sourceMappingURL=main.40e96669.css.map*/