body{margin:0}.auth-container{align-items:center;background:linear-gradient(180deg,#fff,#f0f7ff);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg);position:relative}.auth-container:before{background-image:radial-gradient(circle at 20% 50%,#3b82f608 0,#0000 50%),radial-gradient(circle at 80% 80%,#3b82f60d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.auth-box{background:#fff;border:1px solid #0000000a;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #00000014,0 20px 25px -5px #0000000d;max-width:420px;padding:48px 40px;position:relative;width:100%;z-index:1}.auth-logo{display:block;height:auto;margin:0 auto 32px;max-width:180px}.auth-box h2{color:var(--gray-900);font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px;text-align:center}.auth-subtitle{color:var(--gray-500);font-size:15px;font-weight:400;margin:0 0 32px;text-align:center}.form-group label{font-weight:500}.form-group input{background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);box-sizing:border-box;color:var(--gray-900);font-size:15px;padding:14px 16px;transition:all .2s ease;width:100%}.form-group input::placeholder{color:var(--gray-400)}.form-group input:hover:not(:disabled):not(:focus){background:#fff;border-color:var(--gray-300)}.form-group input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-lighter);outline:none}.form-group input:disabled{background-color:var(--gray-100);color:var(--gray-400);cursor:not-allowed}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.btn-primary{background:var(--primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;overflow:hidden;padding:14px 24px;position:relative;transition:all .2s ease;width:100%}.btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 4px 12px #3b82f659;transform:translateY(-1px)}.btn-primary:active:not(:disabled){box-shadow:0 2px 8px #3b82f640;transform:translateY(0)}.btn-primary:disabled{background:var(--gray-400);cursor:not-allowed;opacity:.6}.btn-primary:disabled:after{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin-left:-10px;margin-top:-10px;opacity:0;position:absolute;top:50%;width:20px}.error-message{align-items:flex-start;background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#991b1b;display:flex;font-size:14px;gap:10px;padding:14px 16px}.error-message:before{align-items:center;background:#ef4444;border-radius:50%;color:#fff;content:"!";display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.auth-footer{color:var(--gray-500);font-size:14px;margin-top:24px;text-align:center}.auth-footer a{color:var(--primary);font-weight:600;text-decoration:none;transition:all .2s ease}.auth-footer a:hover{color:var(--primary-dark);text-decoration:underline}.legal-footer{align-items:center;border-top:1px solid var(--gray-100);color:var(--gray-400);display:flex;font-size:13px;gap:12px;justify-content:center;margin-top:24px;padding-top:24px;text-align:center}.legal-footer a{color:var(--gray-500);font-weight:500;text-decoration:none;transition:all .2s ease}.legal-footer a:hover{color:var(--primary)}.legal-footer .separator{color:var(--gray-300);font-weight:400}@media (max-width:1024px){.auth-container{padding:var(--spacing-md)}}@media (max-width:768px){.auth-container{align-items:flex-start;padding:var(--spacing-sm);padding-top:60px}.auth-box{border-radius:var(--radius-lg);max-width:100%;padding:32px 24px}.auth-logo{margin-bottom:24px;max-width:150px}.auth-box h2{font-size:24px}.auth-subtitle{font-size:14px;margin-bottom:24px}.form-group input{font-size:16px;padding:12px 14px}.btn-primary{font-size:16px;padding:14px 20px}.form-row{gap:0;grid-template-columns:1fr}}@media (max-width:480px){.auth-container{padding:var(--spacing-xs);padding-top:40px}.auth-box{border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000a,0 4px 8px #0000000f;padding:28px 20px}.auth-box h2{font-size:22px}.auth-subtitle{font-size:13px}.legal-footer{flex-direction:column;gap:8px}.legal-footer .separator{display:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-box{animation:fadeInUp .4s ease-out}.dashboard-container{background:var(--gray-50);min-height:100vh}.navbar{background:#fff;box-shadow:var(--shadow-sm);padding:0}.navbar-content{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--spacing-md)}.navbar-logo{height:40px;width:auto}.navbar h1{color:var(--gray-900);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.navbar-actions{display:flex;gap:var(--spacing-sm)}.btn-secondary{background:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--spacing-xs) var(--spacing-md);transition:var(--transition-base)}.btn-secondary:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-logout{background:var(--gray-600);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--spacing-xs) var(--spacing-md);transition:var(--transition-base)}.btn-logout:hover{background:var(--gray-700);box-shadow:var(--shadow-md);transform:translateY(-2px)}.dashboard-content{margin:0 auto;max-width:1200px;padding:var(--spacing-xl) var(--spacing-lg)}.welcome-section{margin-bottom:var(--spacing-xl)}.welcome-section h2{color:var(--gray-900);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--spacing-xs) 0}.welcome-text{color:var(--gray-600);font-size:var(--text-base);margin:0}.cards-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.info-card{background:#fff;border:1px solid var(--gray-100);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:var(--transition-base)}.info-card:hover{border-color:var(--gray-200);box-shadow:var(--shadow-md);transform:translateY(-5px)}.card-icon{font-size:48px;margin-bottom:var(--spacing-sm);text-align:center}.info-card h3{color:var(--gray-900);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--spacing-md) 0;text-align:center}.card-details{margin-bottom:var(--spacing-md)}.card-details p{color:var(--gray-700);font-size:var(--text-sm);margin:var(--spacing-xs) 0}.card-details strong{color:var(--gray-900);font-weight:var(--font-semibold)}.btn-action{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;margin-bottom:8px;padding:12px;transition:all .3s ease;width:100%}.btn-action:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.btn-action:last-child{margin-bottom:0}.predictions-card{background:linear-gradient(135deg,#f1f8f4,#e8f5e9);border:2px solid #4caf50}.predictions-card .card-icon{font-size:56px;margin-bottom:var(--spacing-md)}.predictions-card h3{color:#2e7d32;margin-bottom:var(--spacing-sm)}.predictions-card .card-description{line-height:1.5}.predictions-card .card-description,.predictions-card .card-stats{color:var(--gray-600);font-size:var(--text-sm);margin-bottom:var(--spacing-md)}.predictions-card .card-stats{align-items:center;display:flex;font-weight:var(--font-medium);gap:var(--spacing-xs);justify-content:center}.predictions-card .card-stats .separator{color:var(--gray-400)}.predictions-card .btn-primary{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;font-weight:var(--font-semibold);width:100%}.predictions-card .btn-primary:hover{box-shadow:0 8px 20px #4caf5066;transform:translateY(-2px)}.admin-card{background:linear-gradient(135deg,#fff5f5,#ffe5e5);border:2px solid #ff6b6b}.admin-card .card-icon{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.admin-card h3{color:#c92a2a}.admin-card .btn-action{background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.admin-card .btn-action:hover{box-shadow:0 8px 20px #ff6b6b66}.feature-preview{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;color:#fff}.feature-preview h3{color:#fff}.feature-preview .card-details p{color:#fffffff2;font-size:var(--text-sm)}.feature-preview .card-details strong{color:#fff}.dashboard-footer{align-items:center;border-top:1px solid var(--gray-200);color:var(--gray-500);display:flex;font-size:var(--text-sm);gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-2xl);padding:var(--spacing-lg) 0;text-align:center}.dashboard-footer a{color:var(--gray-600);font-weight:var(--font-medium);text-decoration:none;transition:var(--transition-base)}.dashboard-footer a:hover{color:var(--primary);text-decoration:underline}.dashboard-footer .separator{color:var(--gray-400)}@media (max-width:1024px){.dashboard-content{padding:var(--spacing-lg) var(--spacing-md)}.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.navbar-content{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:center}.navbar-logo{height:32px}.navbar h1{font-size:var(--text-lg)}.navbar-actions{flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center;width:100%}.btn-logout,.btn-secondary{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm)}.dashboard-content{padding:var(--spacing-md) var(--spacing-sm)}.welcome-section h2{font-size:var(--text-xl)}.welcome-text{font-size:var(--text-sm)}.cards-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.info-card{padding:var(--spacing-md)}.card-icon{font-size:40px}.dashboard-footer{flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md) 0}.dashboard-footer .separator{display:none}}@media (max-width:480px){.navbar-content{gap:var(--spacing-xs);padding:var(--spacing-sm)}.navbar-logo{height:28px}.navbar h1{font-size:var(--text-base)}.navbar-actions{gap:6px}.btn-logout,.btn-secondary{border-radius:6px;font-size:11px;padding:6px 10px}.dashboard-content{padding:var(--spacing-sm) var(--spacing-xs)}.welcome-section{margin-bottom:var(--spacing-md)}.welcome-section h2{font-size:var(--text-lg)}.info-card{padding:var(--spacing-sm)}.info-card h3{font-size:var(--text-base)}.card-icon{font-size:36px;margin-bottom:var(--spacing-xs)}.btn-action{font-size:14px;padding:10px}}.card-header-row{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.btn-info-icon{align-items:center;background:#fff;border:2px solid var(--gray-300);border-radius:50%;color:var(--gray-600);cursor:pointer;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;transition:all .2s ease;width:28px}.btn-info-icon:hover{background:var(--primary-lighter);border-color:var(--primary);color:var(--primary)}.info-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1000}.info-modal{animation:slideUp .3s ease;background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 50px #0000004d;max-height:85vh;max-width:550px;overflow-y:auto;padding:var(--spacing-xl);position:relative;width:100%}.modal-close{color:var(--gray-600);font-size:20px;height:32px;right:var(--spacing-md);top:var(--spacing-md);transition:all .2s ease;width:32px}.info-modal h2,.modal-close:hover{color:var(--gray-900)}.info-modal h2{font-size:var(--text-xl);margin:0 0 var(--spacing-md) 0;padding-right:40px}.info-modal h3{border-bottom:2px solid var(--gray-100);color:var(--gray-800);font-size:var(--text-base);margin:var(--spacing-lg) 0 var(--spacing-sm) 0;padding-bottom:var(--spacing-xs)}.modal-intro{color:var(--gray-600);line-height:1.6;margin:0}.phases-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);margin-top:var(--spacing-sm)}.phase-box{background:var(--gray-50);border-left:3px solid var(--primary);border-radius:var(--radius-sm);padding:var(--spacing-sm);text-align:center}.phase-box strong{color:var(--primary);margin-bottom:4px}.phase-box span,.phase-box strong{display:block;font-size:var(--text-sm)}.phase-box span{color:var(--gray-900);font-weight:600}.phase-box small{color:var(--gray-500);display:block;font-size:var(--text-xs);margin-top:4px}.metrics-list,.values-list{color:var(--gray-700);line-height:1.8;margin:var(--spacing-sm) 0 0 0;padding-left:var(--spacing-md)}.metrics-list li,.values-list li{margin-bottom:var(--spacing-xs)}.metrics-list strong,.values-list strong{color:var(--gray-900)}@media (max-width:768px){.info-modal{max-height:90vh;padding:var(--spacing-lg)}.phases-grid{gap:var(--spacing-xs);grid-template-columns:1fr}.phase-box{align-items:center;display:flex;gap:var(--spacing-sm);text-align:left}.phase-box strong{min-width:80px}.phase-box span{flex:1 1}.phase-box small{margin-top:0}}@media (max-width:480px){.info-modal-overlay{padding:var(--spacing-xs)}.info-modal{padding:var(--spacing-md)}.info-modal h2{font-size:var(--text-lg)}.info-modal h3{font-size:var(--text-sm)}}.profile-container{background:var(--gray-50);min-height:100vh}.profile-header-nav{align-items:center;background:#fff;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:0;padding:20px}.btn-logout{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-logout:hover{background:#5a6268}.profile-content{margin:0 auto;max-width:800px;padding:var(--spacing-xl) var(--spacing-lg)}.profile-header{margin-bottom:var(--spacing-lg);text-align:center}.profile-header h2{color:var(--gray-900);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--spacing-xs) 0}.profile-header p{color:var(--gray-600);font-size:var(--text-base);margin:0}.profile-tabs{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-xs)}.tab-button{background:#0000;border-radius:var(--radius-sm);color:var(--gray-600);flex:1 1;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--spacing-sm);transition:var(--transition-base)}.tab-button.active{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:var(--shadow-sm);color:#fff}.tab-button:hover:not(.active){background:var(--gray-50);color:var(--gray-900)}.profile-form-container{background:#fff;border:1px solid var(--gray-100);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.message{border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.message.success{background-color:var(--success-light);border-left:4px solid var(--success);color:var(--success)}.message.error{background-color:var(--danger-light);border-left:4px solid var(--danger);color:var(--danger)}.disabled-input{background-color:var(--gray-50)!important;color:var(--gray-500)!important;cursor:not-allowed!important}.form-group small{color:var(--gray-500);display:block;font-size:var(--text-xs);margin-top:var(--spacing-xs)}@media (max-width:1024px){.profile-content{max-width:700px;padding:var(--spacing-lg) var(--spacing-md)}}@media (max-width:768px){.profile-header-nav{padding:var(--spacing-sm) var(--spacing-md)}.btn-back,.btn-logout{font-size:13px;padding:8px 16px}.profile-content{padding:var(--spacing-md) var(--spacing-sm)}.profile-header{margin-bottom:var(--spacing-md)}.profile-header h2{font-size:var(--text-xl)}.profile-header p{font-size:var(--text-sm)}.profile-tabs{flex-direction:column;gap:var(--spacing-xs)}.tab-button{padding:var(--spacing-sm) var(--spacing-md)}.profile-form-container{padding:var(--spacing-lg) var(--spacing-md)}}@media (max-width:480px){.profile-header-nav{gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.btn-back,.btn-logout{border-radius:6px;font-size:12px;padding:6px 12px}.profile-content{padding:var(--spacing-sm) var(--spacing-xs)}.profile-header h2{font-size:var(--text-lg)}.profile-tabs{border-radius:var(--radius-sm);padding:var(--spacing-xs)}.tab-button{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm)}.profile-form-container{border-radius:var(--radius-sm);padding:var(--spacing-md) var(--spacing-sm)}.message{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm)}}.matches-container{background:var(--gray-50);min-height:100vh;padding-bottom:var(--spacing-2xl)}.matches-header{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:var(--shadow-md);color:#fff;padding:var(--spacing-xl) var(--spacing-lg);position:relative;text-align:center}.back-button-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);left:var(--spacing-lg);padding:var(--spacing-xs) var(--spacing-md);position:absolute;top:50%;transform:translateY(-50%);transition:var(--transition-base)}.back-button-header:hover{background:#fff;border-color:#fff;color:var(--primary);transform:translateY(-50%) translateX(-3px)}.matches-header h2{font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--spacing-xs) 0}.matches-header p{font-size:var(--text-base);margin:0;opacity:.95}.filters-section{margin:var(--spacing-lg) auto;max-width:1200px;padding:0 var(--spacing-lg)}.filters-section h3{color:var(--gray-900);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--spacing-md)}.filters-grid{grid-gap:var(--spacing-md);background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-md);padding:var(--spacing-lg)}.filter-group label{color:var(--gray-900);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--spacing-xs)}.filter-group input,.filter-group select{border:2px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-900);font-size:var(--text-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:var(--transition-base)}.filter-group input:focus,.filter-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-lighter)}.filter-actions{align-items:flex-end;display:flex}.btn-reset{background:var(--gray-600);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--spacing-xs) var(--spacing-md);transition:var(--transition-base)}.btn-reset:hover{background:var(--gray-700);transform:translateY(-2px)}.advanced-filters{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.advanced-filters h4{color:var(--gray-900);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--spacing-md)}.filter-section{margin-bottom:var(--spacing-lg)}.filter-section:last-child{margin-bottom:0}.filter-section h5{color:var(--gray-900);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--spacing-sm)}.stat-filters-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.filter-group-small{display:flex;flex-direction:column}.filter-group-small label{color:var(--gray-700);font-size:var(--text-xs);font-weight:var(--font-medium);margin-bottom:var(--spacing-xs)}.filter-group-small input{border:2px solid var(--gray-200);border-radius:var(--radius-sm);font-size:var(--text-xs);padding:var(--spacing-xs)}.matches-results{margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg)}.results-header{margin-bottom:var(--spacing-md)}.results-header h3{color:var(--gray-900);font-size:var(--text-lg);font-weight:var(--font-semibold)}.loading,.no-results{color:var(--gray-600);padding:var(--spacing-2xl);text-align:center}.spinner{border-top:4px solid var(--gray-200);border-top-color:var(--primary)}.error-message{background:var(--danger-light);border-left:4px solid var(--primary-red);border-radius:var(--radius-sm);color:var(--primary-red-dark);margin:var(--spacing-md) 0;padding:var(--spacing-md)}.no-results .hint{color:var(--gray-500);font-size:var(--text-sm);margin-top:var(--spacing-xs)}.matches-list{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md)}.match-card{background:#fff;border:1px solid var(--gray-100);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;padding:var(--spacing-lg);transition:var(--transition-base)}.match-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}.match-header{border-bottom:1px solid var(--gray-100);justify-content:space-between;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.competition-info{align-items:center;display:flex;gap:var(--spacing-xs)}.competition-emblem{height:28px;object-fit:contain;width:28px}.competition-name{color:var(--gray-900);font-size:var(--text-sm);font-weight:var(--font-semibold)}.status-badge{letter-spacing:.5px}.status-scheduled,.status-timed{background:var(--info-light);color:var(--info)}.status-in_play,.status-live{animation:pulse 2s infinite;background:var(--danger-light);color:var(--danger)}.status-cancelled,.status-postponed,.status-suspended{background:var(--gray-100);color:var(--gray-600)}.match-info{align-items:center;color:var(--gray-600);display:flex;font-size:var(--text-sm);justify-content:space-between;margin-bottom:var(--spacing-sm)}.matchday{background:var(--gray-100);border-radius:var(--radius-sm);color:var(--gray-700);font-size:var(--text-xs);font-weight:var(--font-medium);padding:4px var(--spacing-xs)}.match-teams{grid-gap:var(--spacing-md);align-items:start;display:grid;gap:var(--spacing-md);grid-template-columns:1fr auto 1fr;margin:var(--spacing-md) 0}.team{align-items:flex-start;gap:var(--spacing-sm)}.home-team{justify-content:flex-start}.away-team{flex-direction:row-reverse;justify-content:flex-end}.team-crest{flex-shrink:0;height:40px;width:40px}.team-info-wrapper{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);min-width:0}.team-name{word-wrap:break-word;color:var(--gray-900);font-size:var(--text-base);font-weight:var(--font-semibold)}.team-stats{display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:6px}.stat-item{background:var(--gray-100);border-radius:var(--radius-sm);cursor:pointer;font-weight:var(--font-medium);padding:4px var(--spacing-xs);transition:var(--transition-base);white-space:nowrap}.stat-item:hover{background:var(--primary-lighter);transform:translateY(-1px)}.stat-clickable{cursor:pointer}.stat-over{background:var(--info-light);color:var(--info)}.stat-under{background:var(--warning-light);color:var(--warning)}.stat-win{background:var(--success-light);color:var(--success)}.stat-draw{background:var(--warning-light);color:var(--warning)}.stat-loss{background:var(--danger-light);color:var(--danger)}.match-score{align-items:center;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--gray-900);flex-direction:column;font-size:2rem;font-weight:var(--font-bold);gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg)}.score{color:var(--primary);min-width:40px;text-align:center}.separator{color:var(--gray-400);font-size:1.8rem;margin:0 var(--spacing-xs)}.vs{color:var(--gray-500);font-size:1.5rem;font-weight:var(--font-semibold)}.half-time{font-weight:var(--font-normal)}.half-time,.match-venue{color:var(--gray-600);font-size:var(--text-sm)}.match-venue{border-top:1px solid var(--gray-100);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);text-align:center}.modal-close{color:var(--gray-700)}.competition-header h2{font-weight:var(--font-bold)}.detail-team h3{font-weight:var(--font-semibold)}.score-extra,.score-half,.score-penalties{color:var(--gray-600);font-size:var(--text-base);font-weight:var(--font-normal);margin:var(--spacing-xs) 0}.info-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg)}.info-item strong,.referees-section h4{font-weight:var(--font-semibold)}.referees-section h4{color:var(--gray-900);font-size:var(--text-base);margin-bottom:var(--spacing-sm)}.referees-section ul{list-style:none;padding:0}.referees-section li{color:var(--gray-700);font-size:var(--text-sm);margin:var(--spacing-xs) 0}.history-modal{max-width:700px}.history-content{padding:var(--spacing-lg)}.history-header{border-bottom:2px solid var(--gray-100);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);text-align:center}.history-header h2{color:var(--gray-900);font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-xs)}.history-subtitle{color:var(--gray-600);font-size:var(--text-base);margin:var(--spacing-xs) 0}.history-count{color:var(--primary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-top:var(--spacing-xs)}.history-matches{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:500px;overflow-y:auto}.no-history{color:var(--gray-500);padding:var(--spacing-2xl);text-align:center}.history-match-item{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:var(--spacing-sm);transition:var(--transition-base)}.history-match-item:hover{background:#fff;border-color:var(--primary);box-shadow:var(--shadow-sm)}.history-match-header{align-items:center;color:var(--gray-600);display:flex;font-size:var(--text-xs);justify-content:space-between;margin-bottom:var(--spacing-xs)}.history-emblem{height:16px;margin-right:4px;object-fit:contain;width:16px}.history-competition{color:var(--gray-700);font-weight:var(--font-medium)}.history-date{color:var(--gray-500)}.history-match-score{align-items:center;display:flex;font-size:var(--text-sm);justify-content:space-between}.history-team{color:var(--gray-900);flex:1 1;font-weight:var(--font-medium)}.history-team:first-child{text-align:left}.history-team:last-child{text-align:right}.history-result{color:var(--primary);font-weight:var(--font-bold);padding:0 var(--spacing-sm)}.history-venue{color:var(--gray-500);font-size:var(--text-xs);margin-top:var(--spacing-xs);text-align:center}.mode-toggle-section{margin:var(--spacing-lg) auto 0;max-width:1200px;padding:0 var(--spacing-lg)}.mode-toggle{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);gap:var(--spacing-sm);padding:var(--spacing-sm);width:-webkit-fit-content;width:fit-content}.mode-btn,.mode-toggle{background:#fff;display:flex}.mode-btn{align-items:center;border:2px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-base)}.mode-btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.mode-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.mode-btn.active:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.mode-icon{font-size:var(--text-lg)}.mode-label{font-weight:var(--font-semibold)}.mode-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;margin-left:var(--spacing-xs);width:14px}.mode-description{color:var(--gray-600)}.ai-error-message,.mode-description{font-size:var(--text-sm);margin-top:var(--spacing-sm)}.ai-error-message{background:var(--warning-light);border-left:3px solid var(--warning);border-radius:var(--radius-sm);color:var(--warning);font-weight:var(--font-medium);padding:var(--spacing-sm) var(--spacing-md)}.ai-prediction-badge{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:var(--radius-md);cursor:default;margin-top:var(--spacing-md);padding:var(--spacing-md)}.prediction-header{align-items:center;border-bottom:1px solid #0ea5e94d;display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.prediction-icon{font-size:var(--text-lg)}.prediction-title{color:#0369a1;font-size:var(--text-sm);font-weight:var(--font-semibold)}.prediction-count{background:#0ea5e9;border-radius:var(--radius-full);color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);margin-left:auto;padding:2px var(--spacing-xs)}.prediction-unavailable{color:var(--gray-500);font-size:var(--text-sm);font-style:italic;padding:var(--spacing-xs);text-align:center}.predictions-grid{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(3,1fr)}.prediction-item{align-items:center;border-radius:var(--radius-sm);display:flex;font-size:var(--text-xs);gap:4px;padding:var(--spacing-xs);transition:var(--transition-base)}.prediction-item.positive{background:#22c55e26;color:#15803d}.prediction-item.negative{background:#ef44441a;color:#b91c1c;opacity:.7}.pred-indicator{flex-shrink:0;font-size:12px}.pred-label{font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pred-confidence{flex-shrink:0;font-size:10px;opacity:.85}.confidence-badge{border-radius:var(--radius-sm);flex-shrink:0;font-size:9px;font-weight:var(--font-semibold);margin-left:2px;padding:1px 4px}.confidence-high{background:#22c55e40;color:#15803d}.confidence-medium{background:#eab30840;color:#a16207}.confidence-low{background:#ef444433;color:#b91c1c}.prediction-recommendation{align-items:center;border-top:1px solid #0ea5e94d;display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.rec-icon{font-size:var(--text-base)}.rec-text{color:#0369a1;font-size:var(--text-sm);font-weight:var(--font-semibold)}@media (max-width:1024px){.filters-section,.matches-results,.mode-toggle-section{padding:0 var(--spacing-md)}.filters-grid,.predictions-grid,.stat-filters-grid{grid-template-columns:repeat(2,1fr)}.modal-content{max-width:95%}}@media (max-width:768px){.matches-header{padding:var(--spacing-lg) var(--spacing-md)}.matches-header h2{font-size:var(--text-xl)}.matches-header p{font-size:var(--text-sm)}.back-button-header{font-size:var(--text-xs);left:0;margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);position:relative;top:0;transform:none}.mode-toggle-section{margin-top:var(--spacing-md);padding:0 var(--spacing-sm)}.mode-toggle{width:100%}.mode-btn{flex:1 1;font-size:var(--text-xs);justify-content:center;padding:var(--spacing-xs) var(--spacing-sm)}.predictions-grid{grid-template-columns:1fr}.ai-prediction-badge{padding:var(--spacing-sm)}.filters-section{margin:var(--spacing-md) auto;padding:0 var(--spacing-sm)}.filters-grid{padding:var(--spacing-md)}.filters-grid,.stat-filters-grid{grid-template-columns:1fr}.advanced-filters{padding:var(--spacing-md)}.matches-results{padding:0 var(--spacing-sm)}.match-card{padding:var(--spacing-md)}.match-teams{gap:var(--spacing-sm);grid-template-columns:1fr}.match-score{font-size:1.5rem;order:-1;padding:var(--spacing-sm) var(--spacing-md)}.team{flex-direction:row!important;justify-content:center!important;text-align:center}.team-crest{height:32px;width:32px}.team-name{font-size:var(--text-sm)}.team-stats{justify-content:center}.modal-overlay{padding:var(--spacing-xs)}.modal-content{border-radius:var(--radius-md)}.match-details{padding:var(--spacing-md)}.details-match{gap:var(--spacing-md);grid-template-columns:1fr}.detail-score{order:-1}.detail-crest{height:60px;width:60px}.score-main{font-size:2rem}.info-grid{grid-template-columns:1fr}.history-content{padding:var(--spacing-md)}}@media (max-width:480px){.matches-header{padding:var(--spacing-md) var(--spacing-sm)}.matches-header h2{font-size:var(--text-lg)}.filters-section{margin:var(--spacing-sm) auto;padding:0 var(--spacing-xs)}.filters-grid{gap:var(--spacing-sm);padding:var(--spacing-sm)}.filter-group label{font-size:var(--text-xs)}.matches-results{padding:0 var(--spacing-xs)}.results-header h3{font-size:var(--text-base)}.match-card{padding:var(--spacing-sm)}.match-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.competition-emblem{height:20px;width:20px}.competition-name{font-size:var(--text-xs)}.match-score{font-size:1.25rem;padding:var(--spacing-xs) var(--spacing-sm)}.team-crest{height:28px;width:28px}.stat-item{font-size:10px;padding:3px 6px}.modal-close{font-size:var(--text-base);height:32px;width:32px}.detail-crest{height:50px;width:50px}.detail-team h3{font-size:var(--text-base)}.score-main{font-size:1.75rem}.history-header h2{font-size:var(--text-lg)}.history-match-score{font-size:var(--text-xs)}}.ai-filters{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:var(--radius-md);margin-top:var(--spacing-md);padding:var(--spacing-md)}.ai-filters-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.ai-filters-title{color:#fff;font-size:var(--text-base);font-weight:var(--font-semibold)}.ai-filters-count{background:#ffffff1a;border-radius:var(--radius-full);color:#ffffffb3;font-size:var(--text-sm)}.ai-filters-count,.ai-filters-reset{padding:var(--spacing-xxs) var(--spacing-sm)}.ai-filters-reset{background:#ef444433;border:1px solid #ef44444d;border-radius:var(--radius-sm);color:#fca5a5;cursor:pointer;font-size:var(--text-xs);margin-left:auto;transition:var(--transition-base)}.ai-filters-reset:hover{background:#ef44444d;color:#fecaca}.ai-filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.ai-filter-checkbox{align-items:center;background:#ffffff0d;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:var(--transition-base)}.ai-filter-checkbox:hover{background:#ffffff1a}.ai-filter-checkbox input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:16px;width:16px}.ai-filter-slider{align-items:center;display:flex;gap:var(--spacing-sm)}.ai-filter-slider label{color:#ffffffb3;font-size:var(--text-sm);white-space:nowrap}.ai-filter-slider input[type=range]{accent-color:var(--primary);-webkit-appearance:none;appearance:none;background:#fff3;border-radius:3px;cursor:pointer;height:6px;width:120px}.ai-filter-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:18px;width:18px}.ai-filter-slider input[type=range]::-moz-range-thumb{background:var(--primary);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:18px;width:18px}.slider-value{background:#ffffff1a;border-radius:var(--radius-sm);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);min-width:50px;padding:var(--spacing-xxs) var(--spacing-xs);text-align:center}.ai-filter-metrics{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.metrics-label{color:#ffffffb3;font-size:var(--text-sm);margin-right:var(--spacing-xs)}.metric-chip{background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-full);color:#fffc;cursor:pointer;font-size:var(--text-xs);padding:var(--spacing-xxs) var(--spacing-sm);transition:var(--transition-base);white-space:nowrap}.metric-chip:hover{background:#fff3;border-color:#fff6}.metric-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.metric-chip.active:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-reset-hint{background:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-base)}.btn-reset-hint:hover{background:var(--primary-dark);transform:translateY(-2px)}@media (max-width:768px){.ai-filters-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.ai-filters-reset{margin-left:0}.ai-filters-row{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.ai-filter-metrics{width:100%}.metric-chip{flex:0 0 auto}}@media (max-width:480px){.ai-filters{padding:var(--spacing-sm)}.ai-filters-title{font-size:var(--text-sm)}.metric-chip{font-size:10px;padding:var(--spacing-xxs) var(--spacing-xs)}}.admin-container{background:var(--bg-gray);margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.admin-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.admin-header h1{color:var(--text-dark);font-size:24px;font-weight:600;margin:0}.btn-back{background:var(--primary);border-radius:var(--radius-sm)}.btn-back:hover{background:var(--primary-dark)}.btn-create,.btn-export{background:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-create:hover,.btn-export:hover{background:var(--primary-dark);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.admin-filters{background:#fff;border-radius:8px;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:20px}.date-input,.filter-select,.search-input{border:1px solid var(--gray-300);border-radius:6px;font-size:14px;padding:10px 15px;transition:all .2s}.search-input{flex:1 1;min-width:250px}.date-input:focus,.filter-select:focus,.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-lighter);outline:none}.date-filters{align-items:center;display:flex;gap:10px}.table-container{background:#fff;border-radius:8px;box-shadow:var(--shadow-sm);margin-bottom:20px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table thead{background:#f8f9fa;border-bottom:2px solid var(--gray-200)}.admin-table th{color:var(--gray-700);font-size:13px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.admin-table td{border-bottom:1px solid var(--gray-100);color:var(--gray-900);font-size:14px;padding:15px}.admin-table tbody tr:hover{background:#f8f9fa}.admin-table tbody tr:last-child td{border-bottom:none}.badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;white-space:nowrap}.badge-admin{background:var(--primary);color:#fff}.badge-user{background:var(--primary-light);color:#fff}.badge-active{background:var(--success);color:#fff}.badge-inactive{background:var(--gray-400);color:#fff}.badge-green{background:var(--success);color:#fff}.badge-red{background:var(--danger);color:#fff}.badge-blue{background:var(--primary);color:#fff}.badge-purple{background:#8b5cf6;color:#fff}.badge-orange{background:#f59e0b;color:#fff}.badge-gray{background:var(--gray-400);color:#fff}.btn-deactivate,.btn-delete,.btn-edit,.btn-password{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;margin-bottom:4px;margin-right:8px;padding:6px 12px;transition:all .2s}.btn-edit{background:var(--primary);color:#fff}.btn-edit:hover{background:var(--primary-dark)}.btn-password{background:#8b5cf6;color:#fff}.btn-password:hover{background:#7c3aed}.btn-deactivate{background:#6c757d;color:#fff}.btn-deactivate:hover{background:#5a6268}.btn-delete{background:#495057;color:#fff}.btn-delete:hover{background:#343a40}.actions-cell{white-space:nowrap}.pagination{align-items:center;background:#fff;border-radius:8px;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:20px}.btn-pagination{background:var(--gray-600);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-pagination:hover:not(:disabled){background:var(--gray-700);transform:translateY(-2px)}.btn-pagination:disabled{background:var(--gray-300);cursor:not-allowed;opacity:.5}.pagination-info{color:var(--gray-600);font-size:14px}.modal-overlay{animation:fadeIn .2s;z-index:1000}.modal-content{animation:slideUp .3s;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:500px;padding:30px;width:90%}.modal-content h2{color:var(--gray-900);margin:0 0 20px}.modal-subtitle{color:var(--gray-600);font-size:14px;margin:-10px 0 20px}.form-group{margin-bottom:20px}.form-group label{color:var(--gray-700);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select{border:1px solid var(--gray-300);border-radius:6px;font-size:14px;padding:10px 15px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-lighter);outline:none}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.btn-cancel,.btn-save{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.btn-cancel{background:var(--gray-300);color:var(--gray-700)}.btn-cancel:hover{background:var(--gray-400)}.btn-save{background:#4caf50;color:#fff}.btn-save:hover{background:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.loading{background:#fff;border-radius:8px;box-shadow:var(--shadow-sm);color:var(--gray-600);font-size:18px;padding:50px;text-align:center}.details-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anonymous{color:var(--gray-400);font-style:italic}code{background:#f4f4f4;border-radius:3px;color:#e83e8c;font-family:Courier New,monospace;font-size:12px;padding:2px 6px}@media (max-width:1024px){.admin-container{max-width:100%}.admin-container,.admin-header{padding:var(--spacing-md)}.admin-header h1{font-size:20px}.admin-filters{padding:var(--spacing-md)}.search-input{min-width:200px}.modal-content{max-width:450px}}@media (max-width:768px){.admin-container,.admin-header{padding:var(--spacing-sm)}.admin-header{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.admin-header h1{font-size:18px;text-align:center}.btn-back,.btn-create,.btn-export{text-align:center;width:100%}.admin-filters{flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm)}.search-input{min-width:100%}.date-filters{flex-direction:column;gap:var(--spacing-xs);width:100%}.date-input{width:100%}.table-container{border-radius:var(--radius-sm);overflow-x:scroll}.admin-table{min-width:700px}.admin-table td,.admin-table th{font-size:13px;padding:10px}.pagination{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm)}.btn-pagination{width:100%}.modal-content{border-radius:var(--radius-md);max-height:85vh;padding:var(--spacing-lg);width:95%}.modal-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}}@media (max-width:480px){.admin-container,.admin-header{padding:var(--spacing-xs)}.admin-header{border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.admin-header h1{font-size:16px}.btn-back,.btn-create,.btn-export{font-size:13px;padding:8px 16px}.admin-filters{border-radius:var(--radius-sm);padding:var(--spacing-xs)}.date-input,.filter-select,.search-input{font-size:13px;padding:8px 12px}.admin-table{min-width:600px}.admin-table td,.admin-table th{font-size:12px;padding:8px}.badge{font-size:11px;padding:3px 8px}.btn-deactivate,.btn-delete,.btn-edit,.btn-password{font-size:11px;margin-right:4px;padding:5px 8px}.pagination{border-radius:var(--radius-sm);padding:var(--spacing-xs)}.btn-pagination{font-size:13px;padding:8px 16px}.pagination-info{font-size:12px}.modal-content{padding:var(--spacing-md)}.modal-content h2{font-size:18px}.form-group label{font-size:13px}.form-group input,.form-group select{font-size:14px;padding:8px 12px}.btn-cancel,.btn-save{font-size:13px;padding:10px 20px}.loading{font-size:16px;padding:var(--spacing-lg)}}.ai-floating-button{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:var(--radius-full);bottom:var(--spacing-lg);box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);position:fixed;right:var(--spacing-lg);transition:var(--transition-base);z-index:999}.ai-floating-button:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.ai-icon{font-size:1.5rem}.ai-label{font-size:var(--text-sm)}.ai-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1000}.ai-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:85vh;max-width:800px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-modal-header{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-bottom:2px solid var(--gray-100);border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:#fff;display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.ai-modal-header h2{font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.ai-close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:var(--text-xl);height:35px;justify-content:center;transition:var(--transition-base);width:35px}.ai-close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.ai-chat-container{background:var(--gray-50);flex:1 1;overflow-y:auto;padding:var(--spacing-md)}.ai-welcome{padding:var(--spacing-xl) var(--spacing-md);text-align:center}.ai-welcome-icon{font-size:4rem;margin-bottom:var(--spacing-md)}.ai-welcome h3{color:var(--gray-900);font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-xs)}.ai-welcome p{color:var(--gray-600);font-size:var(--text-base);margin-bottom:var(--spacing-lg)}.ai-suggestions{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md)}.ai-suggestions p{font-weight:var(--font-semibold);margin-bottom:var(--spacing-sm)}.ai-suggestion-btn,.ai-suggestions p{color:var(--gray-900);text-align:left}.ai-suggestion-btn{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-sm);cursor:pointer;display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--spacing-xs);padding:var(--spacing-sm);transition:var(--transition-base);width:100%}.ai-suggestion-btn:hover{background:var(--primary-lighter);border-color:var(--primary);transform:translateX(5px)}.ai-messages{gap:var(--spacing-sm)}.ai-message,.ai-messages{display:flex;flex-direction:column}.ai-message{animation:messageSlide .3s ease}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-message-user{align-items:flex-end}.ai-message-assistant{align-items:flex-start}.ai-message-content{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);max-width:85%;padding:var(--spacing-sm)}.ai-message-user .ai-message-content{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-bottom-right-radius:4px;color:#fff}.ai-message-assistant .ai-message-content{background:#fff;border-bottom-left-radius:4px}.ai-message-text{font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--spacing-xs)}.ai-message-user .ai-message-text{color:#fff}.ai-message-assistant .ai-message-text{color:var(--gray-900)}.ai-typing-indicator{display:flex;gap:5px;padding:var(--spacing-xs) 0}.ai-typing-indicator span{animation:typing 1.4s infinite;background:var(--primary);border-radius:50%;height:8px;width:8px}.ai-typing-indicator span:nth-child(2){animation-delay:.2s}.ai-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.ai-error-hint{background:var(--warning-light);border-left:3px solid var(--warning);border-radius:var(--radius-sm);color:var(--warning);font-size:var(--text-sm);margin-top:var(--spacing-xs);padding:var(--spacing-xs)}.ai-matches-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.ai-match-card{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-sm);transition:var(--transition-base)}.ai-match-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ai-match-card .match-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.ai-match-card .competition-info{align-items:center;display:flex;gap:var(--spacing-xs)}.ai-match-card .competition-emblem{height:24px;object-fit:contain;width:24px}.ai-match-card .competition-name{color:var(--gray-900);font-size:var(--text-xs);font-weight:var(--font-semibold)}.ai-match-card .match-info{align-items:center;color:var(--gray-600);display:flex;font-size:var(--text-xs);justify-content:space-between;margin-bottom:var(--spacing-sm)}.ai-match-card .matchday{background:var(--gray-100);border-radius:var(--radius-sm);font-size:var(--text-xs);padding:3px var(--spacing-xs)}.ai-match-card .match-teams{grid-gap:var(--spacing-sm);align-items:center;display:grid;gap:var(--spacing-sm);grid-template-columns:1fr auto 1fr;margin:var(--spacing-sm) 0}.ai-match-card .team{align-items:center;display:flex;gap:var(--spacing-xs)}.ai-match-card .home-team{justify-content:flex-start}.ai-match-card .away-team{flex-direction:row-reverse;justify-content:flex-end}.ai-match-card .team-crest{height:30px;object-fit:contain;width:30px}.ai-match-card .team-name{color:var(--gray-900);font-size:var(--text-sm);font-weight:var(--font-semibold)}.ai-match-card .match-score{align-items:center;background:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--gray-900);display:flex;font-size:1.5rem;font-weight:var(--font-bold);gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-xs) var(--spacing-sm)}.ai-match-card .score{color:var(--primary);min-width:30px;text-align:center}.ai-match-card .separator{color:var(--gray-400);font-size:1.3rem}.ai-match-card .vs{color:var(--gray-500);font-size:1.2rem;font-weight:var(--font-semibold)}.ai-match-card .match-venue{border-top:1px solid var(--gray-200);color:var(--gray-600);font-size:var(--text-xs);margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);text-align:center}.ai-match-card .team-info-wrapper{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.ai-match-card .team-stats{display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:6px}.ai-match-card .stat-item{background:var(--gray-100);border-radius:var(--radius-sm);font-weight:var(--font-medium);padding:4px var(--spacing-xs);transition:var(--transition-base);white-space:nowrap}.ai-match-card .stat-item:hover{background:var(--primary-lighter);transform:translateY(-1px)}.ai-match-card .stat-over{background:var(--info-light);color:var(--info)}.ai-match-card .stat-over:hover{background:var(--info-light);opacity:.8}.ai-match-card .stat-under{background:var(--warning-light);color:var(--warning)}.ai-match-card .stat-under:hover{background:var(--warning-light);opacity:.8}.ai-match-card .stat-win{background:var(--success-light);color:var(--success)}.ai-match-card .stat-win:hover{background:var(--success-light);opacity:.8}.ai-match-card .stat-draw{background:var(--warning-light);color:var(--warning)}.ai-match-card .stat-draw:hover{background:var(--warning-light);opacity:.8}.ai-match-card .stat-loss{background:var(--danger-light);color:var(--danger)}.ai-match-card .stat-loss:hover{background:var(--danger-light);opacity:.8}.ai-match-card .half-time{color:var(--gray-600);display:block;font-size:var(--text-xs);font-weight:var(--font-medium);margin-top:4px}.ai-input-form{background:#fff;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:2px solid var(--gray-100);display:flex;gap:var(--spacing-xs);padding:var(--spacing-md)}.ai-input{border:2px solid var(--gray-200);border-radius:var(--radius-full);color:var(--gray-900);flex:1 1;font-size:var(--text-sm);outline:none;padding:var(--spacing-sm);transition:var(--transition-base)}.ai-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-lighter)}.ai-input:disabled{background:var(--gray-50);cursor:not-allowed}.ai-send-button{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.3rem;height:45px;justify-content:center;transition:var(--transition-base);width:45px}.ai-send-button:hover:not(:disabled){box-shadow:var(--shadow-md);transform:scale(1.1)}.ai-send-button:disabled{cursor:not-allowed;opacity:.5}.status-badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:4px var(--spacing-xs);text-transform:uppercase}.status-finished{background:var(--success-light);color:var(--success)}.status-scheduled{background:var(--info-light);color:var(--info)}.status-live{animation:pulse 2s infinite;background:var(--danger-light);color:var(--danger)}.status-paused{background:var(--warning-light);color:var(--warning)}.status-postponed{background:var(--gray-200);color:var(--gray-600)}.status-cancelled{background:var(--danger-light);color:var(--danger)}.status-suspended{background:var(--warning-light);color:var(--warning)}.status-default{background:var(--gray-100);color:var(--gray-600)}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1001}.modal-content{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.modal-close{align-items:center;background:var(--gray-100);border:none;border-radius:50%;cursor:pointer;display:flex;font-size:var(--text-xl);height:40px;justify-content:center;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);transition:var(--transition-base);width:40px;z-index:10}.modal-close:hover{background:var(--gray-200);transform:rotate(90deg)}.match-details{padding:var(--spacing-lg)}.details-header{align-items:center;border-bottom:2px solid var(--gray-100);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.competition-header{align-items:center;display:flex;gap:var(--spacing-sm)}.competition-header img{height:50px;object-fit:contain;width:50px}.competition-header h2{color:var(--gray-900);font-size:var(--text-xl);margin:0}.competition-header p{color:var(--gray-600);font-size:var(--text-sm);margin:5px 0 0}.details-match{grid-gap:var(--spacing-lg);align-items:center;display:grid;gap:var(--spacing-lg);grid-template-columns:1fr auto 1fr;margin:var(--spacing-lg) 0}.detail-team{text-align:center}.detail-crest{height:80px;margin-bottom:var(--spacing-sm);object-fit:contain;width:80px}.detail-team h3{color:var(--gray-900);font-size:var(--text-lg);margin-bottom:var(--spacing-xs)}.team-info{color:var(--gray-600);font-size:var(--text-sm);margin:5px 0}.detail-score{padding:var(--spacing-md);text-align:center}.score-main{align-items:center;color:var(--gray-900);display:flex;font-size:3rem;font-weight:var(--font-bold);gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-sm)}.score-main span:first-child,.score-main span:last-child{color:var(--primary)}.score-half{color:var(--gray-600);font-size:var(--text-base);margin:var(--spacing-xs) 0}.score-scheduled{text-align:center}.score-scheduled p:first-child{color:var(--gray-600);font-size:var(--text-sm);margin-bottom:var(--spacing-xs)}.kickoff-time{color:var(--gray-900);font-size:var(--text-lg);font-weight:var(--font-semibold)}.details-info{border-top:2px solid var(--gray-100);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.info-item strong{color:var(--gray-700);font-size:var(--text-sm)}.info-item span{color:var(--gray-900);font-size:var(--text-base)}@media (max-width:1024px){.ai-modal-content,.modal-content{max-width:95%}}@media (max-width:768px){.ai-floating-button{bottom:var(--spacing-md);height:56px;justify-content:center;padding:var(--spacing-sm);right:var(--spacing-md);width:56px}.ai-label{display:none}.ai-icon{font-size:1.75rem}.ai-modal-overlay{padding:var(--spacing-xs)}.ai-modal-content{border-radius:var(--radius-md);margin:0;max-height:95vh;width:100%}.ai-modal-header{border-radius:var(--radius-md) var(--radius-md) 0 0;padding:var(--spacing-sm) var(--spacing-md)}.ai-modal-header h2{font-size:var(--text-lg)}.ai-chat-container{padding:var(--spacing-sm)}.ai-welcome{padding:var(--spacing-md) var(--spacing-sm)}.ai-welcome-icon{font-size:3rem}.ai-welcome h3{font-size:var(--text-lg)}.ai-welcome p{font-size:var(--text-sm)}.ai-suggestions{padding:var(--spacing-sm)}.ai-suggestion-btn{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm)}.ai-message-content{max-width:90%}.ai-match-card{padding:var(--spacing-xs)}.ai-match-card .match-teams{gap:var(--spacing-xs);grid-template-columns:1fr}.ai-match-card .team{flex-direction:row!important;justify-content:center!important}.ai-match-card .team-crest{height:24px;width:24px}.ai-match-card .team-name{font-size:var(--text-xs)}.ai-match-card .team-info-wrapper{align-items:center}.ai-match-card .team-stats{justify-content:center}.ai-match-card .stat-item{font-size:10px;padding:2px 6px}.ai-match-card .match-score{font-size:1.2rem;order:-1;padding:var(--spacing-xs)}.ai-input-form{padding:var(--spacing-sm)}.ai-input{font-size:var(--text-sm);padding:var(--spacing-xs) var(--spacing-sm)}.ai-send-button{font-size:1.1rem;height:40px;width:40px}.modal-overlay{padding:var(--spacing-xs)}.match-details{padding:var(--spacing-md)}.details-match{gap:var(--spacing-md);grid-template-columns:1fr}.detail-score{order:-1}.detail-crest{height:60px;width:60px}.score-main{font-size:2rem}}@media (max-width:480px){.ai-floating-button{bottom:var(--spacing-sm);height:50px;right:var(--spacing-sm);width:50px}.ai-icon{font-size:1.5rem}.ai-close-button,.ai-modal-header h2{font-size:var(--text-base)}.ai-close-button{height:30px;width:30px}.ai-welcome-icon{font-size:2.5rem}.ai-match-card .competition-emblem{height:18px;width:18px}.ai-match-card .competition-name{font-size:10px}.ai-match-card .match-score{font-size:1rem}.modal-close{font-size:var(--text-base);height:32px;width:32px}.detail-crest{height:50px;width:50px}.detail-team h3{font-size:var(--text-sm)}.score-main{font-size:1.75rem}}.prediction-optimizer-container{background:var(--gray-50);min-height:100vh;padding:var(--spacing-xl) var(--spacing-lg)}.optimizer-header{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.back-button{background:#fff;border:1px solid var(--gray-300);font-weight:var(--font-medium);padding:var(--spacing-sm) var(--spacing-md)}.back-button:hover{background:var(--gray-100)}.header-content h1{color:var(--gray-900);font-size:var(--text-2xl);margin:0}.header-content p{color:var(--gray-600);margin:var(--spacing-xs) 0 0 0}.error-state,.loading-state{padding:var(--spacing-2xl);text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid var(--gray-200);border-radius:50%;border-top-color:var(--success);height:50px;margin:0 auto var(--spacing-md);width:50px}.progress-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.progress-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:90vw;min-width:400px;padding:3rem 4rem;text-align:center}.progress-modal .spinner{border-width:5px;height:60px;margin:0 auto 2rem;width:60px}.progress-message{color:#2c3e50;font-size:1.1rem;font-weight:500;line-height:1.8;white-space:pre-line}.progress-header{margin-bottom:1.5rem}.progress-header h3{color:#2c3e50;font-size:1.3rem;margin:0}.progress-bar-container{background:#e9ecef;border-radius:10px;height:20px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:10px;height:100%;position:relative;transition:width .5s ease}.progress-bar-fill:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-percentage{color:#4caf50;font-size:2rem;font-weight:700;margin:.5rem 0}.progress-step{color:#666;font-size:1rem;margin-bottom:.5rem;min-height:1.5em}.progress-counter{color:#999;font-size:.9rem;margin-bottom:1rem}.progress-results{border-top:1px solid #e9ecef;margin-top:1.5rem;max-height:150px;overflow-y:auto;padding-top:1rem;text-align:left}.progress-results h4{color:#666;font-size:.9rem;margin:0 0 .5rem}.progress-results ul{list-style:none;margin:0;padding:0}.progress-results li{color:#666;font-size:.85rem;padding:.3rem 0}.progress-results li.success{color:#4caf50}.progress-results li.error{color:#ef4444}.competition-selector{align-items:center;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.competition-selector label{color:var(--gray-700);font-weight:var(--font-semibold)}.competition-selector select{border:1px solid var(--gray-300);border-radius:var(--radius-sm);flex:1 1;font-size:var(--text-base);padding:var(--spacing-sm) var(--spacing-md)}.btn-optimize-all{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-weight:var(--font-semibold);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-base)}.btn-optimize-all:hover:not(:disabled){box-shadow:0 8px 20px #4caf5066;transform:translateY(-2px)}.btn-optimize-all:disabled{cursor:not-allowed;opacity:.6}.btn-optimize-all-competitions{animation:pulse 2s infinite;background:linear-gradient(135deg,#ff9800,#f57c00);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-weight:var(--font-semibold);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-base)}.btn-optimize-all-competitions:hover:not(:disabled){animation:none;box-shadow:0 8px 20px #ff980080;transform:translateY(-2px)}.btn-optimize-all-competitions:disabled{animation:none;cursor:not-allowed;opacity:.6}.btn-export{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-weight:var(--font-semibold);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-base)}.btn-export:hover{box-shadow:0 8px 20px #2196f366;transform:translateY(-2px)}.optimize-target-selector{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-sm);display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md)}.optimize-target-selector label{color:#fff;font-size:.9rem;font-weight:var(--font-medium)}.optimize-target-selector select{background:#ffffffe6;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:var(--font-medium);padding:var(--spacing-xs) var(--spacing-sm)}.f1-cell .f1-badge{border-radius:12px;display:inline-block;font-size:.9rem;font-weight:var(--font-semibold);padding:4px 10px}.f1-badge.high{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.f1-badge.medium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.f1-badge.low{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #ff9800b3}50%{box-shadow:0 0 0 10px #ff980000}}.season-info{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg)}.info-box{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md)}.info-box .label{color:var(--gray-600);font-size:var(--text-sm);font-weight:var(--font-medium)}.info-box .value{color:var(--gray-900);font-size:var(--text-lg);font-weight:var(--font-semibold)}.tab-navigation{border-bottom:2px solid #e0e0e0;display:flex;gap:1rem;margin-bottom:2rem}.tab-button{background:none;border:none;border-bottom:3px solid #0000;bottom:-2px;color:#666;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;position:relative;transition:all .3s ease}.tab-button:hover{background:#4caf500d;color:var(--gray-900)}.tab-button.active{border-bottom-color:var(--success);color:var(--success)}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-description{color:#666;font-size:.95rem;margin-bottom:1.5rem}.metrics-table-container{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);overflow-x:auto;padding:var(--spacing-lg)}.metrics-table-container h2{color:var(--gray-900);margin:0 0 var(--spacing-md) 0}.metrics-table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.metrics-table th{background:var(--gray-100);border-bottom:2px solid var(--gray-300);color:var(--gray-700);font-weight:var(--font-semibold);padding:var(--spacing-sm) var(--spacing-md);text-align:left}.metrics-table td{border-bottom:1px solid var(--gray-200);padding:var(--spacing-md)}.metrics-table tr:hover{background:var(--gray-50)}.metric-icon{font-size:var(--text-lg);margin-right:var(--spacing-xs)}.threshold-cell{color:var(--gray-700);font-weight:var(--font-medium)}.accuracy-cell,.threshold-cell{text-align:center}.accuracy-badge{border-radius:12px;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:4px 12px}.accuracy-badge.high{background:#d4edda;color:#155724}.accuracy-badge.medium{background:#fff3cd;color:#856404}.accuracy-badge.low{background:#f8d7da;color:#721c24}.prediction-precision-cell{text-align:center}.precision-badge{border-radius:12px;display:inline-block;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:4px 12px}.precision-badge.better{background:#d4edda;border:2px solid #28a745;color:#155724}.precision-badge.similar{background:#fff3cd;border:2px solid #ffc107;color:#856404}.precision-badge.worse{background:#f8d7da;border:2px solid #dc3545;color:#721c24}.no-data-badge{color:#999;font-style:italic}.date-cell{color:var(--gray-600);font-size:var(--text-xs)}.btn-optimize-metric{background:var(--success);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-medium);padding:6px 12px;transition:var(--transition-base)}.btn-optimize-metric:hover:not(:disabled){background:#45a049}.btn-optimize-metric:disabled{cursor:not-allowed;opacity:.5}.team-stats-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.team-stats-container h2{color:#2c3e50;margin:0 0 1rem}.team-stats-info{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.info-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid var(--success);border-radius:12px;padding:1.5rem}.info-card h3{color:#2c3e50;font-size:1.1rem;margin:0 0 1rem}.info-card p{color:#666;line-height:1.6;margin:0 0 1rem}.stat-example{background:#fff;border-radius:8px;margin-top:1rem;padding:1rem}.stat-example strong{color:var(--success);display:block;margin-bottom:.5rem}.stat-example small{color:#666;font-size:.9rem}.coming-soon{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:4px solid #f39c12;border-radius:12px;padding:2rem}.coming-soon h3{color:#856404;margin:0 0 1rem}.coming-soon p{color:#666;line-height:1.6;margin-bottom:1rem}.coming-soon ul{color:#666;margin:1rem 0;padding-left:1.5rem}.coming-soon li{margin-bottom:.5rem}.coming-soon code{background:#0000000d;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;padding:2px 6px}.mt-2{margin-top:1rem}.future-feature{background:#ffffff80;border-radius:8px;font-style:italic;margin-top:1rem;padding:1rem}.no-config{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-2xl);text-align:center}.no-config p{color:var(--gray-600);font-size:var(--text-lg);margin-bottom:var(--spacing-md)}.no-config button{background:var(--success);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-weight:var(--font-semibold);padding:var(--spacing-sm) var(--spacing-xl);transition:var(--transition-base)}.no-config button:hover{background:#45a049;transform:translateY(-2px)}.info-section{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:4px solid #2196f3;border-radius:var(--radius-md);margin-top:2rem;padding:var(--spacing-lg)}.info-section h3{color:#1565c0;margin:0 0 var(--spacing-md) 0}.info-section h3.mt-3{margin-top:2rem}.info-section ul{color:var(--gray-700);line-height:1.8;margin:0;padding-left:var(--spacing-lg)}.info-section li{margin-bottom:var(--spacing-xs)}.comparison-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:1.5rem 0}.comparison-col{background:#ffffffb3;border-radius:8px;padding:1.5rem}.comparison-col h4{color:#1565c0;font-size:1.1rem;margin:0 0 1rem}.comparison-col ul{list-style:disc;margin:0;padding-left:1.2rem}.comparison-col li{color:#555;margin-bottom:.5rem}.trend-container{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.trend-container h2{color:var(--gray-900);margin:0 0 var(--spacing-xs) 0}.trend-charts{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--spacing-lg)}.trend-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--spacing-md)}.trend-card h4{align-items:center;color:var(--gray-800);display:flex;font-size:var(--text-base);gap:var(--spacing-xs);margin:0 0 var(--spacing-md) 0}.trend-chart{align-items:flex-end;border-bottom:2px solid var(--gray-200);display:flex;gap:4px;height:120px;padding:var(--spacing-sm) 0}.trend-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;max-width:60px;min-width:30px}.trend-bar{align-items:flex-start;border-radius:4px 4px 0 0;display:flex;justify-content:center;min-height:20px;transition:height .3s ease;width:100%}.trend-value{color:#fff;font-size:10px;font-weight:var(--font-bold);padding-top:2px;text-shadow:0 1px 2px #0000004d}.trend-date{color:var(--gray-500);font-size:9px;margin-top:4px;white-space:nowrap}.trend-summary{color:var(--gray-600);display:flex;font-size:var(--text-sm);justify-content:space-between;margin-top:var(--spacing-sm)}.trend-summary span:last-child{color:var(--gray-800);font-weight:var(--font-semibold)}.no-data{color:var(--gray-500);padding:var(--spacing-2xl)}.no-data .hint{color:var(--gray-400);font-size:var(--text-sm);margin-top:var(--spacing-xs)}.compare-container{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.compare-container h2{color:var(--gray-900);margin:0 0 var(--spacing-xs) 0}.compare-selector{align-items:center;background:var(--gray-50);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin:var(--spacing-lg) 0;padding:var(--spacing-md)}.compare-league{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);min-width:150px}.compare-league label{color:var(--gray-600);font-size:var(--text-sm);font-weight:var(--font-semibold)}.compare-league select{border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:var(--text-base);padding:var(--spacing-sm)}.selected-league{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-800);font-weight:var(--font-medium);padding:var(--spacing-sm)}.compare-vs{color:var(--gray-400);font-size:var(--text-xl);font-weight:var(--font-bold);padding:0 var(--spacing-sm)}.btn-compare{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-weight:var(--font-semibold);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-base)}.btn-compare:hover:not(:disabled){box-shadow:0 8px 20px #8b5cf666;transform:translateY(-2px)}.btn-compare:disabled{cursor:not-allowed;opacity:.6}.compare-results{margin-top:var(--spacing-lg)}.compare-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-md) var(--radius-md) 0 0;color:#fff;display:flex;justify-content:space-between;padding:var(--spacing-md)}.compare-league-name{flex:1 1;font-size:var(--text-lg);font-weight:var(--font-bold);text-align:center}.compare-header-vs{font-size:var(--text-xl);font-weight:var(--font-bold);opacity:.8;padding:0 var(--spacing-md)}.compare-table{background:#fff;border:1px solid var(--gray-200);border-collapse:collapse;border-top:none;width:100%}.compare-table td,.compare-table th{border-bottom:1px solid var(--gray-100);padding:var(--spacing-sm) var(--spacing-md);text-align:center}.compare-table th{background:var(--gray-50);color:var(--gray-700);font-size:var(--text-sm);font-weight:var(--font-semibold)}.compare-table td:first-child,.compare-table th:first-child{text-align:left}.compare-table td.better{background:#22c55e26;color:#15803d;font-weight:var(--font-semibold)}.compare-table td.worse{background:#ef44441a;color:#b91c1c}.compare-table .diff-cell{font-weight:var(--font-bold)}.compare-table .diff-cell.positive{color:#15803d}.compare-table .diff-cell.negative{color:#b91c1c}.compare-legend{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;display:flex;gap:var(--spacing-lg);justify-content:center;padding:var(--spacing-md)}.legend-item{color:var(--gray-600);font-size:var(--text-sm)}.legend-item.better{color:#15803d}.legend-item.worse{color:#b91c1c}@media (max-width:1024px){.prediction-optimizer-container{padding:var(--spacing-lg) var(--spacing-md)}.optimizer-header{gap:var(--spacing-sm)}.header-content h1{font-size:var(--text-xl)}.progress-modal{min-width:350px;padding:2rem 3rem}.comparison-grid,.season-info,.team-stats-info{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.prediction-optimizer-container{padding:var(--spacing-md) var(--spacing-sm)}.optimizer-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.back-button,.header-content{text-align:center;width:100%}.header-content h1{font-size:var(--text-lg)}.header-content p{font-size:var(--text-sm)}.progress-modal{min-width:280px;padding:1.5rem 2rem;width:90%}.progress-message{font-size:1rem}.competition-selector{align-items:stretch;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.competition-selector label{text-align:center}.competition-selector select{width:100%}.btn-optimize-all,.btn-optimize-all-competitions{padding:var(--spacing-sm);width:100%}.season-info{gap:var(--spacing-sm);grid-template-columns:1fr}.info-box{padding:var(--spacing-sm)}.tab-navigation{border-bottom:none;flex-direction:column;gap:0}.tab-button{border-bottom:1px solid var(--gray-200);border-left:3px solid #0000;bottom:0;padding:var(--spacing-sm) var(--spacing-md);text-align:left}.tab-button.active{border-bottom-color:var(--gray-200);border-left-color:var(--success)}.metrics-table-container{padding:var(--spacing-sm)}.metrics-table{font-size:var(--text-xs)}.metrics-table td,.metrics-table th{padding:var(--spacing-xs) var(--spacing-sm)}.team-stats-container{padding:var(--spacing-md)}.team-stats-info{gap:var(--spacing-sm);grid-template-columns:1fr}.info-card{padding:var(--spacing-md)}.comparison-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.comparison-col{padding:var(--spacing-md)}.team-stats-table td,.team-stats-table th{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.info-section,.stats-legend{padding:var(--spacing-md)}}@media (max-width:480px){.prediction-optimizer-container{padding:var(--spacing-sm) var(--spacing-xs)}.optimizer-header{margin-bottom:var(--spacing-md)}.back-button{font-size:var(--text-sm);padding:var(--spacing-xs) var(--spacing-sm)}.header-content h1{font-size:var(--text-base)}.header-content p{font-size:var(--text-xs)}.progress-modal{min-width:0;min-width:auto;padding:1rem 1.5rem;width:95%}.progress-modal .spinner{height:40px;margin-bottom:1rem;width:40px}.progress-message{font-size:.9rem;line-height:1.6}.competition-selector{border-radius:var(--radius-sm);padding:var(--spacing-sm)}.competition-selector label{font-size:var(--text-sm)}.btn-optimize-all,.btn-optimize-all-competitions,.competition-selector select{font-size:var(--text-sm);padding:var(--spacing-xs) var(--spacing-sm)}.info-box .label{font-size:var(--text-xs)}.info-box .value{font-size:var(--text-base)}.tab-button{font-size:var(--text-sm);padding:var(--spacing-xs) var(--spacing-sm)}.tab-description{font-size:var(--text-xs);margin-bottom:var(--spacing-sm)}.metrics-table-container{border-radius:var(--radius-sm);padding:var(--spacing-xs)}.metrics-table-container h2{font-size:var(--text-base)}.metrics-table td,.metrics-table th{font-size:11px;padding:6px 8px}.accuracy-badge,.precision-badge{font-size:10px;padding:2px 8px}.btn-optimize-metric{font-size:10px;padding:4px 8px}.team-stats-container{border-radius:var(--radius-sm);padding:var(--spacing-sm)}.team-stats-container h2{font-size:var(--text-base)}.info-card{border-radius:var(--radius-sm);padding:var(--spacing-sm)}.info-card h3{font-size:var(--text-base)}.info-card p{font-size:var(--text-sm)}.stat-example{padding:var(--spacing-xs)}.coming-soon{padding:var(--spacing-md)}.coming-soon h3{font-size:var(--text-base)}.coming-soon p{font-size:var(--text-sm)}.no-config{padding:var(--spacing-lg)}.no-config p{font-size:var(--text-base)}.no-config button{font-size:var(--text-sm);padding:var(--spacing-xs) var(--spacing-lg)}.info-section{border-radius:var(--radius-sm);padding:var(--spacing-sm)}.info-section h3{font-size:var(--text-base)}.info-section ul{font-size:var(--text-sm);padding-left:var(--spacing-md)}.comparison-col{padding:var(--spacing-sm)}.comparison-col h4{font-size:var(--text-base)}.team-stats-table td,.team-stats-table th{font-size:11px;padding:6px 8px}.stats-legend{border-radius:var(--radius-sm);padding:var(--spacing-sm)}.stats-legend h4{font-size:var(--text-base)}.no-data,.stats-legend ul{font-size:var(--text-sm)}.no-data{padding:var(--spacing-lg)}}.team-stats-table-container{overflow-x:auto}.team-stats-table{border-collapse:collapse;font-size:.9rem;margin-bottom:2rem;width:100%}.team-stats-table thead{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.team-stats-table th{border:1px solid #fff3;font-weight:600;padding:1rem;text-align:center}.team-stats-table tbody tr{transition:background .2s ease}.team-stats-table tbody tr:nth-child(2n){background:#f8f9fa}.team-stats-table tbody tr:hover{background:#e3f2fd}.team-name-cell{background:#fafafa!important;border-right:2px solid #ddd;padding:1rem;text-align:left}.stat-cell{border:1px solid #e0e0e0;color:#666;font-weight:600;padding:.8rem;text-align:center}.stat-cell.success{color:#4caf50;font-weight:700}.stats-legend{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:4px solid #2196f3;border-radius:8px;padding:1.5rem}.stats-legend h4{color:#1565c0;margin:0 0 1rem}.stats-legend ul{line-height:1.8;margin:0;padding-left:1.5rem}.stats-legend li{color:#555;margin-bottom:.5rem}.no-data{background:#fff;border-radius:12px;color:#666;padding:3rem}.btn-help{align-items:center;background:#fff;border:2px solid var(--gray-300);border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);transition:all .2s ease}.btn-help:hover{background:var(--primary-lighter);border-color:var(--primary);color:var(--primary)}.help-modal-overlay{align-items:center;animation:helpFadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:10000}@keyframes helpFadeIn{0%{opacity:0}to{opacity:1}}.help-modal{animation:helpSlideUp .3s ease;background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 50px #0000004d;max-height:85vh;max-width:650px;overflow-y:auto;padding:var(--spacing-xl);position:relative;width:100%}@keyframes helpSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.help-modal-close{align-items:center;background:var(--gray-100);border:none;border-radius:50%;color:var(--gray-600);cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:all .2s ease;width:36px}.help-modal-close:hover{background:var(--gray-200);color:var(--gray-900)}.help-modal h2{color:var(--gray-900);font-size:var(--text-xl);margin:0 0 var(--spacing-lg) 0;padding-right:50px}.help-section{margin-bottom:var(--spacing-lg)}.help-section h3{border-bottom:2px solid var(--gray-100);color:var(--success);font-size:var(--text-base);margin:0 0 var(--spacing-sm) 0;padding-bottom:var(--spacing-xs)}.help-section p{color:var(--gray-600);line-height:1.6;margin:0}.help-section ul{color:var(--gray-700);line-height:1.8;margin:0;padding-left:var(--spacing-lg)}.help-section ul li{margin-bottom:var(--spacing-xs)}.help-section ul strong{color:var(--gray-900)}.help-table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.help-table td{border-bottom:1px solid var(--gray-100);padding:var(--spacing-sm)}.help-table td:first-child{color:var(--primary);font-weight:var(--font-semibold);width:100px}.help-table td:nth-child(2){color:var(--gray-900);font-weight:var(--font-medium);width:100px}.help-table td:last-child{color:var(--gray-600)}.help-definitions{margin:0}.help-definitions dt{color:var(--gray-900);font-weight:var(--font-semibold);margin-top:var(--spacing-sm)}.help-definitions dt:first-child{margin-top:0}.help-definitions dd{border-left:3px solid var(--gray-200);color:var(--gray-600);margin:var(--spacing-xs) 0 0 0;padding-left:var(--spacing-md)}.help-example{background:var(--gray-50);border-left:4px solid var(--success);border-radius:var(--radius-sm);padding:var(--spacing-md)!important}.help-example h3{border-bottom:none;padding-bottom:0}.help-result{background:#fff;border-radius:var(--radius-sm);color:var(--success)!important;margin-top:var(--spacing-sm)!important;padding:var(--spacing-sm)}@media (max-width:768px){.btn-help{font-size:var(--text-xs);padding:var(--spacing-xs)}.btn-help span{display:none}.help-modal{max-height:90vh;padding:var(--spacing-lg)}.help-modal h2{font-size:var(--text-lg)}.help-table td{font-size:var(--text-xs);padding:var(--spacing-xs)}.help-table td:first-child,.help-table td:nth-child(2){width:auto}}@media (max-width:480px){.help-modal-overlay{padding:var(--spacing-xs)}.help-modal{padding:var(--spacing-md)}.help-section h3,.help-section p,.help-section ul{font-size:var(--text-sm)}}.prediction-stats{margin:0 auto;max-width:1400px;padding:20px;position:relative}.stats-header{margin-bottom:30px}.btn-back{background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:16px;padding:10px 20px;transition:all .2s}.btn-back:hover{background:#4338ca}.stats-header h1{color:#1a202c;font-size:28px;font-weight:600;margin:0 0 8px}.stats-subtitle{color:#718096;font-size:14px;margin:0}.season-badge{background:#4f46e5;border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:500;margin-left:12px;padding:4px 10px}.loading-container{align-items:center;color:#718096;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#4f46e5;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.loading-overlay{align-items:center;background:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.stats-filters{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:20px}.filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:160px}.filter-group label{color:#4a5568;font-size:12px;font-weight:500}.filter-group input[type=date],.filter-group select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:8px 12px}.filter-group input:focus,.filter-group select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.confidence-filter{flex:1 1;min-width:200px}.confidence-filter input[type=range]{-webkit-appearance:none;background:#e2e8f0;border-radius:3px;height:6px;outline:none;width:100%}.confidence-filter input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#4f46e5;border-radius:50%;cursor:pointer;height:18px;width:18px}.error-message{background:#fed7d7;border-radius:8px;color:#c53030;margin-bottom:20px;padding:12px 16px}.summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:32px}.summary-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;text-align:center}.summary-value{color:#4f46e5;font-size:36px;font-weight:700;margin-bottom:4px}.summary-label{color:#718096;font-size:14px}.stats-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.stats-section h2{color:#1a202c;font-size:18px;font-weight:600;margin:0 0 20px}.metric-bars{display:flex;flex-direction:column;gap:12px}.metric-bar-item{gap:16px}.metric-bar-item,.metric-info{align-items:center;display:flex}.metric-info{gap:8px;min-width:200px}.metric-icon{font-size:16px}.metric-label{color:#2d3748;font-size:14px}.metric-count{color:#a0aec0;font-size:12px}.metric-bar-container{background:#f7fafc;border-radius:4px;flex:1 1;height:24px;overflow:hidden;position:relative}.metric-bar{border-radius:4px;height:100%;transition:width .5s ease}.metric-bar.high{background:linear-gradient(90deg,#38a169,#48bb78)}.metric-bar.medium{background:linear-gradient(90deg,#d69e2e,#ecc94b)}.metric-bar.low{background:linear-gradient(90deg,#e53e3e,#fc8181)}.metric-accuracy{color:#2d3748;font-size:12px;font-weight:600;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.confidence-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.confidence-card{border-radius:12px;padding:20px;text-align:center}.confidence-card.high{background:linear-gradient(135deg,#c6f6d5,#9ae6b4);border:1px solid #68d391}.confidence-card.medium{background:linear-gradient(135deg,#fefcbf,#faf089);border:1px solid #ecc94b}.confidence-card.low{background:linear-gradient(135deg,#fed7d7,#feb2b2);border:1px solid #fc8181}.confidence-level{color:#2d3748;font-size:14px;font-weight:500;margin-bottom:8px}.confidence-accuracy{color:#1a202c;font-size:32px;font-weight:700}.confidence-count{color:#4a5568;font-size:13px;margin-top:4px}.recent-matches{display:flex;flex-direction:column;gap:12px}.no-data{color:#a0aec0;padding:40px;text-align:center}.match-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.match-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.match-date{color:#718096;font-size:12px}.match-competition{background:#eef2ff;border-radius:4px;color:#4f46e5;font-size:12px;padding:2px 8px}.match-score-badge{border-radius:12px;font-size:12px;font-weight:600;margin-left:auto;padding:4px 10px}.match-score-badge.all-correct{background:#c6f6d5;color:#22543d}.match-score-badge.partial{background:#fefcbf;color:#744210}.match-score-badge.none-correct{background:#fed7d7;color:#742a2a}.match-teams{gap:16px;justify-content:center;margin-bottom:12px}.match-teams,.team{align-items:center;display:flex}.team{flex:1 1;gap:8px}.team.home-team{justify-content:flex-end}.team.away-team{justify-content:flex-start}.team-crest{height:24px;object-fit:contain;width:24px}.team-name{color:#2d3748;font-size:14px;font-weight:500}.match-score{color:#1a202c;font-size:20px;font-weight:700;gap:4px;min-width:60px}.match-predictions,.match-score{display:flex;justify-content:center}.match-predictions{flex-wrap:wrap;gap:8px}.prediction-chip{align-items:center;border-radius:16px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px}.prediction-chip.correct{background:#c6f6d5;color:#22543d}.prediction-chip.incorrect{background:#fed7d7;color:#742a2a}@media (max-width:768px){.prediction-stats{padding:16px}.filter-row{flex-direction:column}.filter-group{width:100%}.metric-bar-item{align-items:stretch;flex-direction:column}.metric-info{margin-bottom:4px;min-width:auto}.match-teams{flex-direction:column;gap:8px}.team{justify-content:center!important}.match-score-badge{margin-left:0}}.legal-container{background:var(--gray-50);min-height:100vh;padding:var(--spacing-lg) var(--spacing-md)}.legal-content{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:0 auto;max-width:900px;padding:var(--spacing-2xl) var(--spacing-xl)}.back-button{align-items:center;background:var(--gray-100);border:2px solid var(--gray-300);border-radius:var(--radius-sm);color:var(--gray-900);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-xs) var(--spacing-md);transition:var(--transition-base)}.back-button:hover{background:var(--primary-red);border-color:var(--primary-red);color:#fff;transform:translateX(-3px)}.legal-content h1{border-bottom:3px solid var(--primary-red);color:var(--gray-900);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}.legal-section{margin-bottom:var(--spacing-2xl)}.legal-section:last-child{margin-bottom:0}.legal-section h2{color:var(--gray-900);font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-md);margin-top:var(--spacing-lg)}.legal-section h3{color:var(--gray-800);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-md)}.legal-section h4{font-weight:var(--font-semibold);margin-top:var(--spacing-sm)}.legal-section h4,.legal-section p{color:var(--gray-700);font-size:var(--text-base);margin-bottom:var(--spacing-sm)}.legal-section p{line-height:1.7}.legal-section ul{margin-bottom:var(--spacing-md);margin-left:var(--spacing-lg)}.legal-section li{color:var(--gray-700);font-size:var(--text-base);line-height:1.7;margin-bottom:var(--spacing-xs)}.legal-section a{color:var(--primary-red);text-decoration:underline;transition:var(--transition-base)}.legal-section a:hover{color:var(--primary-red-dark)}.info-block{background:var(--gray-50);border-left:4px solid var(--primary-red);border-radius:var(--radius-sm);margin:var(--spacing-md) 0;padding:var(--spacing-md)}.info-block p{margin-bottom:var(--spacing-xs)}.info-block p:last-child{margin-bottom:0}.info-block strong{color:var(--gray-900);font-weight:var(--font-semibold)}@media (max-width:768px){.legal-container{padding:var(--spacing-md) var(--spacing-sm)}.legal-content{padding:var(--spacing-lg) var(--spacing-md)}.legal-content h1{font-size:var(--text-2xl)}.legal-section h2{font-size:var(--text-lg)}.legal-section h3{font-size:var(--text-base)}.legal-section li,.legal-section p{font-size:var(--text-sm)}}@media print{.back-button{display:none}.legal-container{background:#fff}.legal-content{box-shadow:none;padding:0}}:root{--primary:#3b82f6;--primary-dark:#2563eb;--primary-light:#60a5fa;--primary-lighter:#dbeafe;--primary-red:var(--primary);--primary-red-dark:var(--primary-dark);--primary-red-light:var(--primary-light);--primary-red-lighter:var(--primary-lighter);--gray-50:#f8f9fa;--gray-100:#e9ecef;--gray-200:#dee2e6;--gray-300:#ced4da;--gray-400:#adb5bd;--gray-500:#6c757d;--gray-600:#495057;--gray-700:#343a40;--gray-800:#23272b;--gray-900:#212529;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--info:#3b82f6;--info-light:#dbeafe;--danger:#ef4444;--danger-light:#fee2e2;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:40px;--spacing-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 15px #0000001f;--shadow-lg:0 8px 25px #00000026;--shadow-xl:0 10px 40px #0003;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:24px;--text-2xl:32px;--text-3xl:40px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--transition-fast:0.15s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;background:var(--gray-50);color:#212529;color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{font-family:inherit}a,button{transition:.3s ease;transition:var(--transition-base)}a{color:#3b82f6;color:var(--primary);text-decoration:none}a:hover{color:#2563eb;color:var(--primary-dark)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#e9ecef;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:#adb5bd;background:var(--gray-400);border-radius:8px;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#6c757d;background:var(--gray-500)}.text-center{text-align:center}.text-primary{color:#3b82f6;color:var(--primary)}.text-secondary{color:#495057;color:var(--gray-600)}.bg-primary{background-color:#3b82f6;background-color:var(--primary)}.bg-gray{background-color:#f8f9fa;background-color:var(--gray-50)}
/*# sourceMappingURL=main.f59003a4.css.map*/