body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.password-change-form{text-align:center}.password-input-container{align-items:center;display:flex;position:relative}.password-toggle{background:none;border:none;border-radius:4px;color:#888;cursor:pointer;font-size:1.2rem;padding:4px;position:absolute;right:12px;transition:all .2s ease;z-index:1}.password-toggle:hover:not(:disabled){background-color:#333;color:#fff}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.password-input-container .form-input{padding-right:45px}.email-change-form{text-align:center}.form-input.disabled{background-color:#2a2a2a;color:#888;cursor:not-allowed;opacity:.7}.account-dropdown{display:inline-block;position:relative}.subscription-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:8px;padding:8px 16px;transition:all .2s ease;width:100%}.subscription-button:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.account-button{align-items:center;background:linear-gradient(135deg,#333,#555);border:1px solid #666;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:space-between;min-width:120px;padding:10px 16px;transition:all .2s ease}.account-button:hover{background:linear-gradient(135deg,#444,#666);border-color:#777;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.username{color:#fff;font-weight:600}.dropdown-arrow{color:#ccc;font-size:.8rem;transition:transform .2s ease}.account-button[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{animation:slideDown .2s ease-out;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #333;border-radius:12px;box-shadow:0 8px 32px #0006;margin-top:8px;min-width:300px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-header{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border-bottom:1px solid #333;padding:20px 20px 16px}.dropdown-header h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.dropdown-content{max-height:400px;overflow-y:auto;padding:16px 20px}.detail-item{border-bottom:1px solid #2a2a2a}.detail-item .label{color:#888;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.detail-item .value{font-size:.9rem;font-weight:500;text-align:left;width:100%}.detail-item .value.status.verified{color:#10b981;font-weight:600}.detail-item .value.status.trial{color:#2196f3;font-weight:600}.detail-item .value.status.unverified{color:#f59e0b;font-weight:600}.detail-item .value.special{color:#3b82f6;font-weight:600}.dropdown-footer{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border-top:1px solid #333;display:flex;flex-direction:column;gap:8px;padding:16px 20px}.dropdown-footer .email-change-button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 16px;transition:all .2s ease;width:100%}.dropdown-footer .email-change-button:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.dropdown-footer .password-change-button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 16px;transition:all .2s ease;width:100%}.dropdown-footer .password-change-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.dropdown-footer .logout-button{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 16px;transition:all .2s ease;width:100%}.dropdown-footer .logout-button:hover{background:linear-gradient(135deg,#c82333,#a71e2a);box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.error,.loading{font-size:.9rem;padding:20px}@media (max-width:768px){.dropdown-menu{min-width:280px;right:-10px}}.player-detail-container{background:#0a0a0a;box-sizing:border-box;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh;padding:30px;width:100%}.player-detail-header{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.back-button:hover{background:#444}.player-detail-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0}.player-position{background:#667eea;border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:8px 16px}.main-content-grid{grid-gap:30px;gap:30px;grid-template-columns:1fr 1fr 1fr;margin-bottom:40px}.image-slider{margin-bottom:20px;max-width:400px}.image-container{height:500px}.slider-image{border-radius:12px;object-fit:cover}.image-placeholder{border-radius:12px;font-size:16px}.slider-dots{gap:8px;justify-content:center}.dot{background:#444;transition:background-color .2s}.dot:hover{background:#555}.player-info-section{background:#2a2a2a;border:1px solid #333;border-radius:12px;padding:25px}.player-info-section h2{color:#667eea;font-size:1.5rem;font-weight:600;margin:0 0 20px}.info-row{padding:8px 0}.info-row .label{color:#ccc;font-weight:600;min-width:120px}.info-row .value{color:#fff;flex:1 1;text-align:right}.value-with-flag{justify-content:flex-end}.club-logo,.flag-icon{border-radius:3px;height:20px;object-fit:cover;width:20px}.club-history-section{background:#2a2a2a;border:1px solid #333;border-radius:12px;padding:25px}.club-history-section h2{color:#667eea;font-size:1.5rem;font-weight:600;margin:0 0 20px}.club-history-list{display:flex;flex-direction:column;gap:15px;max-height:400px;overflow-y:auto}.club-history-item{background:#333;border:1px solid #444;border-radius:8px;padding:15px}.club-info{gap:12px}.club-logo-small{border-radius:6px;flex-shrink:0;height:32px;object-fit:cover;width:32px}.club-details{flex:1 1}.club-name{margin-bottom:4px}.membership-dates{color:#ccc;display:flex;flex-direction:column;font-size:12px;gap:2px}.current-club,.end-date,.start-date{font-size:11px}.current-club{color:#4caf50;font-weight:600}.no-history{color:#888;font-style:italic;padding:20px;text-align:center}.performance-section{margin-bottom:40px}.performance-section h2{color:#667eea;font-size:2rem}.performance-card{background:#2a2a2a;border:1px solid #333;border-radius:12px}.stat-label{color:#ccc;font-size:14px}.progress-bar{height:8px}.progress-bar,.progress-fill{border-radius:4px}.stat-value{font-size:14px}.games-row{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:40px}.recent-games-section,.upcoming-games-section{background:#2a2a2a;border:1px solid #333;border-radius:12px;padding:25px}.recent-games-section h2,.upcoming-games-section h2{color:#667eea;font-size:1.5rem;font-weight:600;margin:0 0 20px}.upcoming-games-list{max-height:300px;overflow-y:auto}.upcoming-game-item{background:#333}.game-teams{gap:10px}.team-logo{object-fit:cover}.team-name{font-size:14px;font-weight:500}.game-date{font-size:11px}.competition-logo{object-fit:cover}.competition-name{font-size:11px}.price-development-row{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:40px}.injuries-suspensions-section,.price-chart-section{background:#2a2a2a;border:1px solid #333;border-radius:12px;padding:25px}.injuries-suspensions-section h3,.price-chart-section h3{color:#667eea;font-size:1.3rem;font-weight:600;margin:0 0 20px}.price-controls{gap:20px;margin-bottom:20px}.control-group{gap:5px}.control-group label{color:#ccc;font-size:12px;font-weight:500}.control-group select{background:#333;border:1px solid #555;font-size:14px}.current-price-display{margin-left:auto;text-align:right}.current-price-label{font-size:12px;margin-bottom:4px}.current-price-value{color:#4caf50;font-size:18px}.chart-container{height:300px}.injuries-list{max-height:300px;overflow-y:auto}.injury-item{background:#333}.injury-item.suspension-item{border-left:4px solid #ff9800}.injury-type{font-size:14px}.injury-status{border-radius:12px;font-size:12px;font-weight:600;padding:2px 8px}.suspension-status{background:#ff9800;color:#000}.injury-details{font-size:13px}.injury-info-grid{grid-gap:8px;display:grid;font-size:12px;gap:8px;grid-template-columns:1fr 1fr}.injury-info-item{align-items:center;justify-content:space-between}.info-value.active{color:#f44336}.info-value.inactive{color:#4caf50}.no-injuries-icon{font-size:48px;margin-bottom:10px}.no-injuries-text{color:#4caf50;font-size:16px}.custom-tooltip{border:1px solid #333;font-size:12px}.tooltip-label{color:#667eea;margin-bottom:4px}.tooltip-score{margin-bottom:2px}.tooltip-date,.tooltip-match,.tooltip-result{color:#ccc;margin-bottom:2px}.tooltip-price{color:#4caf50;font-weight:600}.error,.loading{color:#ccc;font-size:18px;padding:60px 20px}@media (max-width:1200px){.main-content-grid{gap:20px}.games-row,.main-content-grid,.performance-grid,.price-development-row{grid-template-columns:1fr}}@media (max-width:768px){.player-detail-container{padding:15px}.player-detail-header{align-items:flex-start;flex-direction:column;gap:15px}.player-detail-header h1{font-size:2rem}.price-controls{align-items:stretch;flex-direction:column}.current-price-display{margin-left:0;text-align:center}.injury-info-grid{grid-template-columns:1fr}}.club-history-list::-webkit-scrollbar,.injuries-list::-webkit-scrollbar,.upcoming-games-list::-webkit-scrollbar{width:6px}.club-history-list::-webkit-scrollbar-track,.injuries-list::-webkit-scrollbar-track,.upcoming-games-list::-webkit-scrollbar-track{background:#333;border-radius:3px}.club-history-list::-webkit-scrollbar-thumb,.injuries-list::-webkit-scrollbar-thumb,.upcoming-games-list::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.club-history-list::-webkit-scrollbar-thumb:hover,.injuries-list::-webkit-scrollbar-thumb:hover,.upcoming-games-list::-webkit-scrollbar-thumb:hover{background:#666}.player-search{display:flex;flex-direction:column;position:relative;width:300px}.search-input-container{align-items:center;display:flex;position:relative}.search-input{background-color:#1a1a1a;border:1px solid #333;border-radius:6px;color:#fff;font-size:.9rem;padding:8px 12px;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:#007bff;outline:none}.search-input::placeholder{color:#666}.search-loading{animation:spin 1s linear infinite;color:#007bff;font-size:1.2rem;position:absolute;right:12px}.search-dropdown{background-color:#1a1a1a;border:1px solid #333;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 4px 6px #0000004d;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.search-result{border-bottom:1px solid #333;cursor:pointer;padding:12px;transition:background-color .2s ease}.search-result:last-child{border-bottom:none}.search-result.selected,.search-result:hover{background-color:#2a2a2a}.player-info{align-items:center;gap:12px}.player-avatar{align-items:center;background-color:#333;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.player-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background-color:#007bff;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:100%;justify-content:center;width:100%}.player-details{flex:1 1;min-width:0}.player-name{font-size:.9rem;font-weight:500}.player-club{color:#888;font-size:.8rem;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.club-logo{background-color:#333;border-radius:50%;height:24px;overflow:hidden;width:24px}.club-logo img{height:100%;object-fit:cover;width:100%}.no-results{color:#888;font-size:.9rem;padding:12px}.search-dropdown::-webkit-scrollbar{width:6px}.search-dropdown::-webkit-scrollbar-track{background:#1a1a1a}.search-dropdown::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.search-dropdown::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.player-search{width:250px}}@media (max-width:480px){.player-search{width:200px}.search-input{font-size:.8rem;padding:6px 10px}.player-avatar{height:32px;width:32px}.club-logo{height:20px;width:20px}.player-name{font-size:.8rem}.player-club{font-size:.75rem}}.card-detail-modal-content{box-shadow:0 20px 40px #00000080}@media (max-width:768px){.card-detail-modal-overlay{padding:10px}.card-detail-modal-content{border-radius:12px;max-height:100vh;max-width:100vw}.card-detail-modal-content .player-detail-header{padding:16px 20px}.card-detail-modal-content .games-row,.card-detail-modal-content .main-content-grid,.card-detail-modal-content .performance-section,.card-detail-modal-content .price-development-row{padding-left:16px;padding-right:16px}}.navbar{background-color:#0a0a0a;border-bottom:1px solid #333;justify-content:space-between;padding:20px 30px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{gap:30px}.navbar-content{flex-wrap:wrap;gap:20px}.navbar-content,.sorare-username-field{align-items:center;display:flex}.sorare-username-input{background-color:#1a1a1a;border:1px solid #333;border-radius:6px;color:#fff;font-size:.9rem;padding:8px 12px;transition:border-color .2s ease;width:200px}.sorare-username-input:focus{border-color:#007bff;outline:none}.sorare-username-input::placeholder{color:#666}.navbar-user{align-items:center;display:flex;gap:15px}.welcome-text{color:#ccc;font-size:.9rem}.logout-button{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .3s ease}.logout-button:hover{background:#c82333}.navbar h1{color:#fff;font-size:2rem;font-weight:700;letter-spacing:-.02em}@media (max-width:768px){.navbar{padding:15px 20px}.navbar-left{gap:20px}.navbar h1{font-size:1.5rem}.navbar-content{gap:15px}.sorare-username-input{width:150px}}@media (max-width:480px){.navbar{padding:10px 15px}.navbar-left{gap:15px}.navbar h1{font-size:1.3rem}.navbar-content{gap:10px;justify-content:space-between}.sorare-username-input{font-size:.8rem;width:120px}}.sidebar-search{border-bottom:1px solid #333;padding:15px 0 10px}.nav-menu{list-style:none;margin-top:30px}.nav-item{margin-bottom:10px}.nav-link{border-radius:8px;color:#ccc;display:block;font-weight:500;padding:12px 16px;text-decoration:none;transition:all .2s ease}.nav-link:hover{background-color:#333;color:#fff}.nav-link.active{background-color:#fff;color:#0a0a0a}.back-to-top{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#3b82f6cc;border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:50px;z-index:1000}.back-to-top:hover{background-color:#3b82f6;box-shadow:0 6px 16px #0006;transform:translateY(-2px)}.back-to-top:active{transform:translateY(0)}.back-to-top svg{height:24px;width:24px}@media (max-width:768px){.back-to-top{bottom:20px;height:45px;right:20px;width:45px}.back-to-top svg{height:20px;width:20px}}.verification-step{text-align:center}.step-icon{font-size:3rem;margin-bottom:16px}.verification-step h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0 0 12px}.verification-step p{color:#ccc;font-size:1rem;line-height:1.5;margin:0 0 24px}.code-input{background-color:#1a1a1a;border:2px solid #333;border-radius:8px;color:#fff;font-family:Courier New,monospace;font-size:1.5rem;letter-spacing:.5rem;padding:16px;text-align:center;transition:border-color .2s ease;width:100%}.code-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.code-input:disabled{cursor:not-allowed;opacity:.6}.modal-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;min-width:120px;padding:12px 24px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#007bff,#0056b3)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 12px #007bff4d}.btn-primary:disabled{opacity:.6}.btn-secondary:hover:not(:disabled){background:#444;border-color:#666}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.success-message{background:linear-gradient(135deg,#28a745,#20c997)}.error-message,.success-message{border-radius:6px;font-size:.95rem;font-weight:500;margin:16px 0}.error-message{background:linear-gradient(135deg,#dc3545,#c82333)}.email-verification-notification{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#ff6b35,#f7931e);border:1px solid #ff6b35;border-radius:8px;box-shadow:0 4px 12px #ff6b354d;cursor:pointer;margin:20px;transition:transform .2s ease,box-shadow .2s ease}.email-verification-notification:hover{box-shadow:0 6px 16px #ff6b3566;transform:translateY(-2px)}.notification-content{align-items:flex-start;display:flex;gap:12px;padding:16px 20px}.notification-icon{flex-shrink:0;font-size:1.5rem;margin-top:2px}.notification-text{flex:1 1}.notification-text h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 8px}.notification-text p{color:#fff;font-size:.95rem;line-height:1.4;margin:0;opacity:.95}.notification-arrow{color:#fff;flex-shrink:0;font-size:1.5rem;font-weight:700;margin-top:2px;transition:transform .2s ease}.email-verification-notification:hover .notification-arrow{transform:translateX(4px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.email-verification-notification{margin:10px}.notification-content{padding:12px 16px}.notification-text h4{font-size:1rem}.notification-text p{font-size:.9rem}}.layout{display:flex;flex-direction:column;min-height:100vh}.main-layout{display:flex;flex:1 1;min-height:calc(100vh - 80px)}.sidebar{background-color:#1a1a1a;border-right:1px solid #333;height:calc(100vh - 80px);overflow-y:auto;padding:20px;position:-webkit-sticky;position:sticky;top:80px;width:250px}.main-content{flex:1 1;padding:0}.content{background-color:#0a0a0a;min-height:calc(100vh - 80px);padding:30px}@media (max-width:768px){.sidebar{width:200px}}@media (max-width:480px){.main-layout{flex-direction:column}.sidebar{height:auto;order:2;position:relative;top:0;width:100%}.main-content{order:1}}.login-container{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:400px;padding:40px;width:100%}.login-card h2{color:#fff;font-size:2rem;font-weight:600;margin-bottom:30px;text-align:center}.login-button{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 16px;transition:background-color .3s ease;width:100%}.login-button:hover:not(:disabled){background:#0056b3}.login-button:disabled{background:#444;cursor:not-allowed}.login-footer{border-top:1px solid #333;margin-top:20px;padding-top:20px;text-align:center}.login-footer p{color:#ccc;margin:0}.login-footer a{color:#007bff;font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}.loading-container{align-items:center;background:#0a0a0a;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.loading-bar{background:#333;border-radius:2px;height:4px;overflow:hidden;position:relative;width:300px}.loading-bar-fill{animation:loading-progress 2s ease-in-out infinite;background:linear-gradient(90deg,#007bff,#0056b3);border-radius:2px;height:100%}@keyframes loading-progress{0%{transform:translateX(-100%);width:0}50%{transform:translateX(0);width:100%}to{transform:translateX(100%);width:100%}}.loading-text{color:#fff;font-size:1rem;font-weight:500;text-align:center}@media (max-width:768px){.login-card{margin:10px;padding:30px 20px}.login-card h2{font-size:1.5rem}}.register-container{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);display:flex;justify-content:center;min-height:100vh;padding:20px}.register-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:400px;padding:40px;width:100%}.register-card h2{color:#fff;font-size:2rem;font-weight:600;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#ccc;display:block;font-weight:500;margin-bottom:8px}.form-group input{background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;font-size:1rem;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-group input:disabled{background:#1a1a1a;color:#666;cursor:not-allowed}.register-button{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 16px;transition:background-color .3s ease;width:100%}.register-button:hover:not(:disabled){background:#0056b3}.register-button:disabled{background:#444;cursor:not-allowed}.register-footer{border-top:1px solid #333;margin-top:20px;padding-top:20px;text-align:center}.register-footer p{color:#ccc;margin:0}.register-footer a{color:#007bff;font-weight:500;text-decoration:none}.register-footer a:hover{text-decoration:underline}@media (max-width:768px){.register-card{margin:10px;padding:30px 20px}.register-card h2{font-size:1.5rem}}.card-row{background-color:#1a1a1a;border:1px solid #333;border-radius:16px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;min-height:200px;overflow:hidden;transition:all .3s ease}.card-row:hover{border-color:#555;box-shadow:0 8px 25px #0000004d;transform:translateY(-4px)}.card-image-container{align-items:center;background-color:#2a2a2a;display:flex;flex-shrink:0;height:280px;justify-content:center;width:200px}.card-image{border-radius:0;height:100%;object-fit:cover}.card-info-container{display:flex;flex:1 1;flex-direction:column;gap:16px;min-width:0;padding:24px}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.rarity-badge{border-radius:20px;flex-shrink:0;font-size:.8rem;font-weight:600;padding:6px 12px}.info-item{display:flex;flex-direction:column;gap:4px}.label{font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.value{font-size:.9rem}.positions{margin-bottom:8px}.position-tags{gap:8px;margin-top:6px}.position-tag{border-radius:12px;font-size:.75rem;padding:4px 10px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:8px}.stat-item{gap:4px}.stat-label{letter-spacing:.5px;text-transform:uppercase}.stat-value{background-color:#333;border-radius:6px;font-size:.9rem;padding:4px 8px;text-align:center}.price-season-info{align-items:center;border-top:1px solid #333;display:flex;justify-content:space-between;margin-top:auto;padding-top:12px}.price-info{display:flex;flex-direction:column;gap:4px}.price-value{color:#fff;font-size:1.1rem}.price-samples{color:#888;font-size:.75rem}.season-info{align-items:center;display:flex}.season-badge{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.season-badge.in-season{background-color:#10b981;color:#fff}.season-badge.out-season{background-color:#6b7280;color:#fff}.status-warnings{display:flex;gap:12px;margin-top:8px}.warning-item{align-items:center;border-radius:12px;display:flex;font-size:.8rem;font-weight:500;gap:6px;padding:4px 8px}.warning-item.injury{background-color:#fef3c7;color:#d97706}.warning-item.suspension{background-color:#fee2e2;color:#dc2626}.warning-icon{font-size:.9rem}@media (max-width:768px){.card-row{flex-direction:column;min-height:auto}.card-image-container{height:200px;width:100%}.card-info-container{padding:16px}.stats-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}.cards-list{display:flex;flex-direction:column;gap:20px;margin-top:30px}.tooltip-container{display:inline-block;position:relative}.tooltip{word-wrap:break-word;background-color:#1a1a1a;border:1px solid #333;border-radius:6px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:12px;font-weight:400!important;max-width:400px;min-width:300px;padding:12px 16px;position:absolute;white-space:nowrap;white-space:normal;z-index:1000}.tooltip-top{bottom:100%;left:50%;margin-bottom:8px;transform:translateX(-50%)}.tooltip-top:after{border:5px solid #0000;border-top-color:#1a1a1a;content:"";position:absolute}.tooltip-bottom,.tooltip-top:after{left:50%;top:100%;transform:translateX(-50%)}.tooltip-bottom{margin-top:8px}.tooltip-bottom:after{border:5px solid;border-color:#0000 #0000 #1a1a1a;bottom:100%;content:"";left:50%;position:absolute;transform:translateX(-50%)}.tooltip-left{margin-right:8px;right:100%;top:50%;transform:translateY(-50%)}.tooltip-left:after{border:5px solid #0000;border-left-color:#1a1a1a;content:"";position:absolute}.tooltip-left:after,.tooltip-right{left:100%;top:50%;transform:translateY(-50%)}.tooltip-right{margin-left:8px}.tooltip-right:after{border:5px solid #0000;border-right-color:#1a1a1a;content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%)}.info-icon{align-items:center;background-color:#4a5568;border-radius:50%;color:#fff;cursor:help;display:inline-flex;font-size:10px!important;font-weight:400!important;height:16px;margin-bottom:0!important;margin-left:6px;margin-top:0;transition:background-color .2s ease;vertical-align:middle;width:16px}.info-icon:hover{background-color:#2d3748}.filter-title .info-icon{font-size:10px!important}.filter-title .info-icon,.tooltip-container .tooltip{font-weight:400!important;letter-spacing:normal!important;text-transform:none!important}.tooltip-container .tooltip{font-size:12px!important}.country-combobox{position:relative;width:100%}.selected-countries{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.selected-country-tag{align-items:center;background-color:#333;border-radius:12px;color:#fff;display:flex;font-size:.8rem;font-weight:500;gap:6px;padding:4px 8px}.country-flag,.country-flag-container{height:16px;width:16px}.country-flag-fallback{background:#555;font-size:.6rem;height:16px;width:16px}.country-name{font-size:.8rem}.remove-country{margin-left:4px;transition:color .2s ease}.loading-countries{align-items:center;color:#888;display:flex;font-size:.9rem;gap:8px}.premium-access-info{display:flex;justify-content:center;margin:20px 0}.info-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #333;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:500px;padding:40px;text-align:center;width:100%}.info-icon{color:gold;display:flex;justify-content:center;margin-bottom:20px}.info-card h2{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:16px}.info-card p{color:#ccc;font-size:1.1rem;line-height:1.6;margin-bottom:24px}.info-card .btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:12px 24px;text-decoration:none;transition:all .2s ease}.info-card .btn-primary{background-color:#007bff;color:#fff}.info-card .btn-primary:hover{background-color:#0056b3;transform:translateY(-1px)}.card-detail-page{margin:0 auto;max-width:1200px;padding:20px}.card-detail-container{background:#0a0a0a;box-sizing:border-box;color:#fff;margin:0;min-height:100vh;padding:30px;width:100%}.card-detail-header{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.header-left{gap:20px}.back-button,.header-left{align-items:center;display:flex}.back-button{background:#333;border:1px solid #555;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.back-button:hover{background:#555;border-color:#777;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.card-detail-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0}.card-rarity{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-weight:600;letter-spacing:1px;padding:8px 16px;text-transform:uppercase}.card-detail-content{grid-gap:20px;align-items:start;grid-template-columns:auto 1fr}.card-detail-content,.main-content-grid{display:grid;gap:20px;margin-bottom:30px}.main-content-grid{grid-gap:20px;grid-template-columns:1fr 1.5fr 1.5fr}.image-slider-container{align-items:center}.card-info-section,.image-slider-container,.player-info-section{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:15px;height:100%;min-height:400px;padding:20px}.card-info-section h2,.player-info-section h2{border-bottom:3px solid #667eea;color:#fff;font-size:1.3rem;font-weight:700;margin:0;padding-bottom:10px}.card-basic-info,.player-basic-info{display:flex;flex-direction:column;gap:12px}.image-section{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:250px;min-height:auto;width:auto}.player-data-section{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:25px;padding:30px}.image-slider{flex-direction:column;max-width:500px}.image-container,.image-slider{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative;width:100%}.image-container{background:#2a2a2a;border-radius:12px;box-shadow:0 4px 20px #0000004d;min-height:300px;overflow:hidden}.slider-image{height:100%;object-fit:contain;object-position:center;transition:opacity .3s ease;width:100%}.image-placeholder{align-items:center;background:#2a2a2a;color:#888;display:flex;font-size:1.1rem;font-weight:500;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.slider-dots{display:flex;gap:12px;margin-top:auto;padding-top:20px}.dot{background:#555;border:none;border-radius:50%;cursor:pointer;height:12px;position:relative;transition:all .3s ease;width:12px}.dot:hover{background:#777;transform:scale(1.2)}.dot.active{background:#667eea;box-shadow:0 0 10px #667eea80;transform:scale(1.3)}.image-type-label{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:1px;padding:8px 16px;text-transform:uppercase}.card-image{background:#2a2a2a;border-radius:12px;box-shadow:0 4px 20px #0000004d;display:block;height:auto;max-height:300px;max-width:220px;min-height:200px;object-fit:contain;object-position:center;transition:transform .3s ease;width:100%}.card-image:hover{transform:scale(1.02)}.card-image{max-height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;opacity:1!important;visibility:visible!important}.image-indicators{display:flex;gap:8px;margin-top:15px}.indicator{background:#ddd;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.indicator.active{background:#667eea;transform:scale(1.2)}.player-data-section h2{border-bottom:3px solid #667eea;color:#fff;font-size:2rem;font-weight:700;margin:0;padding-bottom:10px}.player-basic-info{display:flex;flex-direction:column;gap:15px}.info-row{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:12px 0}.info-row:last-child{border-bottom:none}.label{color:#888;font-weight:600;min-width:120px}.value{color:#fff;font-weight:500}.value.profit{color:#4caf50;font-weight:600}.value.loss{color:#f44336;font-weight:600}.value-with-flag{align-items:center;display:flex;gap:8px}.club-detail-info,.competitions-info,.national-team-info{background:#0a0a0a;border:1px solid #333;border-left:4px solid #667eea;border-radius:8px;padding:20px}.club-detail-info h3,.competitions-info h3,.national-team-info h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 15px}.club-details{display:flex;flex-direction:column;gap:5px}.club-name{color:#fff;font-size:1.1rem;font-weight:600}.club-official{color:#888;font-size:.9rem}.national-team-details{align-items:center;color:#fff;display:flex;font-weight:500;gap:10px}.competitions-list{display:flex;flex-direction:column;gap:10px}.competition-item{align-items:center;display:flex;gap:10px;padding:8px 0}.competition-icon{height:20px;object-fit:contain;width:20px}.scores-section{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:40px}.scores-section h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 25px;text-align:center}.scores-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.score-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:25px;text-align:center;transition:transform .3s ease}.score-card:hover{transform:translateY(-5px)}.score-label{font-size:.9rem;margin-bottom:10px;opacity:.9}.score-detail-value{font-size:2.5rem;font-weight:700;margin-bottom:5px}.appearances{font-size:.8rem;opacity:.8}.price-chart-section,.scores-chart-section{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:40px}.price-development-row{display:flex;gap:20px;margin-top:20px}.injuries-suspensions-section,.price-chart-section{flex:1 1;min-width:0}.injuries-list{display:flex;flex-direction:column;gap:15px}.injury-item{background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:15px}.injury-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.injury-type{color:#fff;font-size:1.1rem;font-weight:600}.injury-status{background:#f871711a;border-radius:4px;color:#f87171;font-size:.9rem;font-weight:500;padding:4px 8px}.suspension-item{border-left:4px solid #fbbf24}.suspension-status{background:#fbbf241a;color:#fbbf24}.injury-details{color:#ccc;font-size:.9rem;line-height:1.4;margin-bottom:10px}.injury-dates{display:flex;flex-direction:column;gap:5px}.injury-date{align-items:center;display:flex;justify-content:space-between}.date-label{color:#888;font-size:.8rem}.date-value{color:#fff;font-size:.9rem;font-weight:500}.injury-info-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.injury-info-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;display:flex;flex:0 0 auto;flex-direction:column;gap:4px;min-width:150px;padding:8px 12px}.info-label{color:#888;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#fff;font-size:.9rem;font-weight:600}.info-value.active{color:#f87171}.info-value.inactive{color:#4ade80}.no-injuries-message{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.no-injuries-icon{font-size:3rem;margin-bottom:15px}.no-injuries-text{color:#4ade80;font-size:1.1rem;font-weight:600}.price-chart-section h3,.scores-chart-section h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 25px;text-align:center}.chart-container{height:350px;position:relative;width:100%}.price-controls{flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:25px}.control-group,.price-controls{align-items:center;display:flex}.control-group{flex-direction:column;gap:8px}.control-group label{color:#888;font-weight:600}.control-group select{background:#1a1a1a;border:2px solid #333;border-radius:6px;color:#fff;font-weight:500;min-width:120px;padding:8px 12px}.current-price-display{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:8px;display:flex;flex-direction:column;gap:8px;min-width:150px;padding:15px 20px}.current-price-label{color:#ccc;font-size:14px;font-weight:500}.current-price-value{color:#fff;font-size:24px;font-weight:700}.control-group select:focus{border-color:#667eea;outline:none}.custom-tooltip{background:#000000e6;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:.9rem;padding:12px}.tooltip-label,.tooltip-score{font-weight:600;margin:0 0 5px}.tooltip-score{color:#82ca9d}.tooltip-date,.tooltip-match,.tooltip-result{margin:0 0 3px;opacity:.9}.injuries-suspensions-section{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:40px}.injuries-suspensions-section h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 25px;text-align:center}.injuries-list,.suspensions-list{margin-bottom:25px}.injuries-list h4,.suspensions-list h4{color:#e74c3c;font-size:1.2rem;font-weight:600;margin:0 0 15px}.injury-item,.suspension-item{background:#2a1a1a;border:1px solid #5a2a2a;border-left:4px solid #e74c3c;border-radius:8px;display:flex;gap:15px;margin-bottom:10px;padding:15px}.injury-status,.suspension-status{background:#e74c3c;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.injury-details,.suspension-details{flex:1 1}.injury-type,.suspension-type{color:#fff;font-weight:600;margin-bottom:5px}.injury-description,.suspension-reason{color:#ccc;margin-bottom:5px}.injury-end-date,.suspension-end-date,.suspension-matches{color:#888;font-size:.9rem}.error,.loading{color:#888;font-size:1.2rem;padding:50px;text-align:center}.performance-section{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:30px}.performance-section h2{border-bottom:3px solid #667eea;color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 25px;padding-bottom:15px;text-align:center}.performance-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.performance-card{background:#0a0a0a;border:1px solid #444;border-radius:10px;padding:25px}.performance-card h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0 0 20px;text-align:center}.performance-stats{gap:20px}.performance-stats,.stat-item{display:flex;flex-direction:column}.stat-item{gap:8px}.stat-label{font-size:.9rem;font-weight:600}.progress-bar{background:#333;height:12px;overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:6px;position:relative}.progress-fill{height:100%;transition:width .3s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.stat-value{font-size:1.1rem;font-weight:700}.games-row{display:flex;gap:20px;margin-bottom:30px}.recent-games-section{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;flex:1 1;padding:30px}.recent-games-section h2{border-bottom:3px solid #667eea;color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 25px;padding-bottom:15px;text-align:center}.games-chart-container{height:300px;width:100%}.game-tooltip{background:#000000f2;border:1px solid #667eea;border-radius:8px;box-shadow:0 4px 20px #00000080;padding:15px}.axis-team-logo{border-radius:4px;object-fit:contain}.upcoming-games-section{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;flex:1 1;padding:30px}.upcoming-games-section h2{border-bottom:3px solid #667eea;color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 25px;padding-bottom:15px;text-align:center}.upcoming-games-list{display:flex;flex-direction:column;gap:15px}.upcoming-game-item{background:#0a0a0a;border:1px solid #444;border-radius:8px;padding:15px;transition:all .3s ease}.upcoming-game-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.game-teams{justify-content:space-between;margin-bottom:10px}.game-teams,.team-info{align-items:center;display:flex}.team-info{flex:1 1;gap:8px}.team-info:last-child{justify-content:flex-end}.team-logo{border-radius:4px;height:24px;object-fit:contain;width:24px}.team-name{color:#fff;font-size:.9rem;font-weight:600}.competition-info{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:center;margin:0 10px;min-width:120px}.competition-logo{border-radius:3px;height:20px;width:20px}.competition-name{line-height:1.2;text-align:center}.competition-info .game-date,.competition-name{color:#888;font-size:.7rem;font-weight:500}.game-info{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.game-date{color:#888;font-size:.8rem;font-weight:500}.game-competition{color:#667eea;font-size:.8rem;font-weight:600}.no-upcoming-games{color:#888;font-style:italic;padding:20px;text-align:center}@media (max-width:768px){.card-detail-container{padding:10px}.card-detail-header{flex-direction:column;gap:15px;text-align:center}.header-left{align-items:center;flex-direction:column;gap:15px}.back-button{align-self:center}.card-detail-header h1{font-size:2rem}.main-content-grid{gap:20px;grid-template-columns:1fr}.image-slider-container{order:1}.player-info-section{order:2}.card-info-section{order:3}.image-slider{max-width:100%}.image-container,.image-slider{flex:1 1;min-height:200px}.card-image{max-height:300px;max-width:100%;min-height:200px}.scores-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.price-controls{flex-direction:column;gap:15px}.current-price-display{min-width:auto;width:100%}.injury-item,.suspension-item{flex-direction:column;gap:10px}.injury-info-grid{flex-direction:column;gap:8px}.injury-info-item{min-width:auto;width:100%}.injury-status,.suspension-status{align-self:flex-start}.performance-grid{gap:20px;grid-template-columns:1fr}.performance-section{padding:20px}.performance-section h2{font-size:1.5rem}.games-row{flex-direction:column;gap:20px}.recent-games-section,.upcoming-games-section{flex:none;width:100%}.recent-games-section h2,.upcoming-games-section h2{font-size:1.5rem}.price-development-row{flex-direction:column}.injuries-suspensions-section,.price-chart-section{width:100%}}@media (max-width:480px){.card-detail-header h1,.player-info h2{font-size:1.5rem}.score-detail-value{font-size:2rem}.scores-grid{grid-template-columns:1fr}}.info-message{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;margin-bottom:20px;padding:15px 20px;text-align:center}.info-message p{color:#ccc;font-size:.9rem;margin:0}.cards-results{margin-top:30px}.cards-results h3{border-bottom:1px solid #333;color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.no-cards{color:#888;font-size:1.1rem;padding:60px 20px;text-align:center}.no-results{align-items:center;display:flex;justify-content:center;margin-top:40px;min-height:300px}.no-results-content{background-color:#1a1a1a;border:1px solid #333;border-radius:12px;max-width:500px;padding:40px 20px;text-align:center}.no-results-icon{opacity:.6}.no-results h3{font-weight:600;margin-bottom:16px}.no-results p{color:#9ca3af;margin-bottom:12px}.no-results-suggestion{color:#6b7280;font-size:.9rem;font-style:italic}@media (max-width:768px){.filter-row{gap:16px;grid-template-columns:1fr}.filters-container{padding:16px}.no-results{margin-top:20px;min-height:200px}.no-results-content{padding:30px 15px}.no-results-icon{font-size:3rem;margin-bottom:15px}.no-results h3{font-size:1.3rem;margin-bottom:12px}.no-results p{font-size:.9rem}.no-results-suggestion{font-size:.8rem}}.card-detail-modal-overlay{background-color:#000c;overflow-y:auto}.card-detail-modal-content{background-color:#0a0a0a;border-radius:16px;box-shadow:0 20px 60px #00000080;overflow-y:auto;width:100%}.card-detail-modal-content .card-detail-container{background-color:initial;border-radius:0;box-shadow:none;margin:0;max-width:none;padding:0}.card-detail-modal-content .games-row,.card-detail-modal-content .main-content-grid,.card-detail-modal-content .performance-section,.card-detail-modal-content .price-development-row{padding:0 24px}.card-detail-modal-content .main-content-grid{padding-top:24px}.card-detail-modal-content .performance-section{padding-bottom:24px;padding-top:32px}.card-detail-modal-content .games-row{padding-bottom:24px}.card-detail-modal-content .price-development-row{padding-bottom:32px}.card-detail-modal-content .card-detail-header{background-color:#0a0a0a;border-bottom:1px solid #333;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.card-detail-modal-content .back-button{background-color:#333;border:1px solid #555;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.card-detail-modal-content .back-button:hover{background-color:#555;border-color:#777}@media (max-width:768px){.card-detail-modal-overlay{padding:10px}.card-detail-modal-content{border-radius:12px;max-height:100vh;max-width:100vw}.card-detail-modal-content .card-detail-header{padding:16px 20px}.card-detail-modal-content .games-row,.card-detail-modal-content .main-content-grid,.card-detail-modal-content .performance-section,.card-detail-modal-content .price-development-row{padding-left:16px;padding-right:16px}.card-detail-modal-content .main-content-grid{padding-top:16px}.card-detail-modal-content .performance-section{padding-bottom:16px;padding-top:24px}.card-detail-modal-content .games-row{padding-bottom:16px}.card-detail-modal-content .price-development-row{padding-bottom:24px}}.subscription-management{margin:0 auto;max-width:800px;padding:20px}.subscription-header{margin-bottom:40px;text-align:left}.subscription-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:10px}.subscription-header p{color:#aaa;font-size:1.1rem}.subscription-content{display:flex;flex-direction:column;gap:30px}.subscription-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #333;border-radius:12px;box-shadow:0 8px 32px #0000004d;padding:30px}.subscription-status h2{color:#fff;font-size:1.5rem;margin-bottom:20px}.status-active,.status-inactive,.status-trial,.status-wildcard{align-items:center;border-radius:8px;display:flex;gap:20px;margin-bottom:20px;padding:20px}.status-wildcard{background:linear-gradient(135deg,gold,#ffed4e);color:#000}.status-active{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.status-trial{background:linear-gradient(135deg,#2196f3,#42a5f5);color:#fff}.status-inactive{background:linear-gradient(135deg,#f44336,#ef5350);color:#fff}.status-icon{flex-shrink:0;font-size:2.5rem}.status-info h3{font-size:1.3rem;margin-bottom:8px}.status-info p{margin-bottom:12px;opacity:.9}.status-badge{border-radius:20px;font-size:.9rem;font-weight:600;padding:4px 12px}.status-badge.wildcard{background:#0003;color:#000}.status-badge.active,.status-badge.inactive,.status-badge.trial{background:#fff3;color:#fff}.subscription-details h3{color:#fff;font-size:1.3rem;margin-bottom:20px}.detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{align-items:flex-start;border-bottom:1px solid #333;display:flex;flex-direction:column;gap:4px;padding:12px 0}.detail-item:last-child{border-bottom:none}.detail-item .label{color:#aaa;font-weight:500}.detail-item .value{color:#fff;font-weight:600}.subscription-actions h3{color:#fff;font-size:1.3rem;margin-bottom:20px}.action-buttons{text-align:center}.btn{display:inline-block;padding:12px 30px;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{box-shadow:0 8px 25px #667eea4d}.btn-secondary{background:linear-gradient(135deg,#f44336,#ef5350)}.btn-secondary:hover{box-shadow:0 8px 25px #f443364d;transform:translateY(-2px)}.action-note{color:#aaa;font-size:.9rem;line-height:1.5;margin-top:15px}.subscription-paypal{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border:1px solid #444;border-radius:8px;margin:20px 0;padding:20px;text-align:center}.subscription-paypal h4{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:10px}.subscription-paypal p{color:#ccc;font-size:1rem;margin-bottom:20px}.paypal-button-container{display:flex;justify-content:center;margin:20px 0;min-height:50px}.subscription-success{background:linear-gradient(135deg,#1a4d1a,#2d5a2d);border:1px solid #4a7c4a;border-radius:8px;margin:20px 0;padding:20px;text-align:center}.subscription-success h4{color:#4ade80;font-size:1.4rem;font-weight:600;margin-bottom:10px}.subscription-success p{color:#a7f3d0;font-size:1rem;margin-bottom:20px}.wildcard-info h3{color:#fff;font-size:1.3rem;margin-bottom:20px}.benefits-list{list-style:none;padding:0}.benefits-list li{color:#fff;font-size:1rem;padding:8px 0}.error-container,.loading-container{align-items:center;display:flex;justify-content:center;min-height:200px}.loading{color:#667eea}.error,.loading{font-size:1.2rem}.error{color:#f44336}.subscription-placeholder{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border:2px dashed #ccc;border-radius:8px;margin:20px 0;padding:30px;text-align:center}.subscription-placeholder h4{color:#666;font-size:1.3rem;margin-bottom:15px}.subscription-placeholder p{color:#888;margin:10px 0}.country-single-select{position:relative;width:100%}.selected-country-display{align-items:center;background-color:#333;border:1px solid #555;border-radius:8px;display:flex;gap:8px;margin-top:8px;padding:8px 12px}.country-flag-container{align-items:center;display:flex;height:20px;justify-content:center;position:relative;width:20px}.country-flag{height:20px;object-fit:contain;width:20px}.country-flag-fallback{align-items:center;background:#6c757d;border-radius:2px;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;width:20px}.country-name{color:#fff;flex:1 1;font-size:.9rem}.remove-country{align-items:center;background:none;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:1rem;height:20px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:20px}.remove-country:hover{background-color:#555;color:#fff}.country-code{background-color:#2a2a2a;border-radius:4px;color:#888;font-size:.8rem;font-weight:500;padding:2px 6px}@media (max-width:768px){.combobox-dropdown{max-height:150px}.combobox-option{padding:8px 10px}.country-name{font-size:.8rem}.country-slug{font-size:.7rem}}.domestic-league-single-select{position:relative;width:100%}.combobox-error,.combobox-loading{background:#2d2d2d;border:1px solid #555;border-radius:4px;color:#b0b0b0;font-size:.9rem;padding:8px 12px;text-align:center}.combobox-error{background:#3d2d2d;border-color:#5d3d3d;color:#ff6b6b}.selected-league-display{align-items:center;background-color:#333;border:1px solid #555;border-radius:8px;display:flex;gap:8px;margin-top:8px;padding:8px 12px}.league-logo-container{align-items:center;display:flex;height:20px;justify-content:center;position:relative;width:20px}.league-logo{object-fit:contain}.league-logo,.league-logo-fallback{border-radius:2px;height:20px;width:20px}.league-logo-fallback{align-items:center;background:#6c757d;color:#fff;display:flex;font-size:.7rem;font-weight:700;justify-content:center}.league-name{color:#fff;flex:1 1;font-size:.9rem}.remove-league{align-items:center;background:none;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:1rem;height:20px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:20px}.remove-league:hover{background-color:#555;color:#fff}.league-slug{background-color:#2a2a2a;border-radius:4px;color:#888;font-size:.8rem;font-weight:500;padding:2px 6px}.loading-spinner{border-top-color:#007bff;height:12px;margin-right:8px;width:12px}@media (max-width:768px){.combobox-dropdown{max-height:250px}.options-container{max-height:150px}.option{padding:10px 12px}.league-logo,.league-logo-container,.league-logo-fallback{height:18px;width:18px}}.crafting-helper{background:#1a1a1a;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.crafting-helper-header{margin-bottom:30px;text-align:center}.crafting-helper-header h1{color:#fff;font-size:2.5rem;font-weight:600;margin-bottom:10px}.crafting-helper-subtitle{color:#b0b0b0;font-size:1.1rem;margin:0}.crafting-helper-content{background:#2d2d2d;border:1px solid #404040;border-radius:8px;box-shadow:0 4px 20px #0000004d;padding:30px}.filters-container{background:#3a3a3a;border:1px solid #4a4a4a;border-radius:8px;padding:20px}.filters-header{margin-bottom:20px}.btn-secondary{background:#555;border:1px solid #666;border-radius:4px;padding:8px 16px;transition:all .2s}.btn-secondary:hover{background:#666}.filter-row{grid-template-columns:1fr 1fr}@media (max-width:768px){.filter-row{gap:15px;grid-template-columns:1fr}}.filter-section{background:#2d2d2d;border:1px solid #404040;border-radius:6px;padding:15px}.filter-title{font-size:1rem;margin:0 0 10px}.filter-select{background:#1a1a1a;border:1px solid #555;border-radius:4px;padding:8px 12px;transition:all .2s}.filter-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.filter-select option{background:#1a1a1a;color:#fff}.current-filters{background:#3a3a3a;border:1px solid #4a4a4a;border-radius:8px;margin-top:20px;padding:20px}.current-filters h3{color:#fff;font-size:1.1rem;margin:0 0 15px}.filter-display{display:flex;flex-wrap:wrap;gap:10px}.filter-tag{background:#007bff;border-radius:20px;color:#fff;font-size:.85rem;font-weight:500;padding:6px 12px}.no-filters{color:#b0b0b0;font-size:.9rem;font-style:italic}.search-section{margin:30px 0;text-align:center}.btn{border-radius:6px;display:inline-flex;transition:all .2s}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.btn-primary:disabled{background:#6c757d}.loading-spinner{border:2px solid #f3f3f3}.error{background:#3d2d2d;border:1px solid #5d3d3d;border-radius:6px;margin:20px 0;padding:12px 16px;text-align:center}.tier-probabilities{background:#2d2d2d;border:1px solid #404040;border-radius:8px;margin:20px 0;padding:20px}.tier-probabilities h3{color:#fff;font-size:1.1rem;margin:0 0 15px;text-align:center}.tier-probability-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.tier-probability-item{background:#1a1a1a;border:1px solid #404040;border-radius:8px;padding:12px;text-align:center;transition:all .2s}.tier-probability-item:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.tier-label{color:#b0b0b0;display:block;font-size:.8rem;font-weight:500;margin-bottom:4px}.tier-percentage{color:#fff;display:block;font-size:1.2rem;font-weight:700}.tier-probability-item.tier-0{background:linear-gradient(135deg,#ffd7001a,#ffed4e1a);border-color:gold}.tier-probability-item.tier-0 .tier-percentage{color:gold}.tier-probability-item.tier-1{background:linear-gradient(135deg,#ff6b6b1a,#ee5a521a);border-color:#ff6b6b}.tier-probability-item.tier-1 .tier-percentage{color:#ff6b6b}.tier-probability-item.tier-2{background:linear-gradient(135deg,#4ecdc41a,#44a08d1a);border-color:#4ecdc4}.tier-probability-item.tier-2 .tier-percentage{color:#4ecdc4}.tier-probability-item.tier-3{background:linear-gradient(135deg,#45b7d11a,#96c93d1a);border-color:#45b7d1}.tier-probability-item.tier-3 .tier-percentage{color:#45b7d1}.tier-probability-item.tier-4{background:linear-gradient(135deg,#f093fb1a,#f5576c1a);border-color:#f093fb}.tier-probability-item.tier-4 .tier-percentage{color:#f093fb}.tier-probability-item.tier-5{background:linear-gradient(135deg,#4facfe1a,#00f2fe1a);border-color:#4facfe}.tier-probability-item.tier-5 .tier-percentage{color:#4facfe}.players-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:30px}.player-card{background:#2d2d2d;border:1px solid #404040;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:400px;overflow:hidden;padding:12px;transition:all .2s}.player-card:hover{border-color:#555;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.crafting-helper .player-image{align-items:flex-start;background:#1a1a1a;border-radius:8px;display:flex;height:160px;justify-content:center;margin-bottom:12px;overflow:hidden;position:relative;width:100%}.crafting-helper .player-image img{height:100%;object-fit:cover;object-position:top;width:100%}.tier-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #fff3;border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;padding:4px 8px;position:absolute;right:8px;text-shadow:0 1px 2px #00000080;top:8px}.tier-0{background:linear-gradient(135deg,gold,#ffed4e);color:#000;text-shadow:none}.tier-1{background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.tier-2{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.tier-3{background:linear-gradient(135deg,#45b7d1,#96c93d)}.tier-4{background:linear-gradient(135deg,#f093fb,#f5576c)}.tier-5{background:linear-gradient(135deg,#4facfe,#00f2fe)}.player-info{color:#fff;display:flex;flex:1 1;flex-direction:column;gap:8px}.player-name{color:#fff;font-size:1rem;font-weight:600;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.player-club,.player-competition{align-items:center;display:flex;gap:6px;justify-content:center;margin:0}.club-logo,.competition-logo{border-radius:2px;height:16px;object-fit:contain;width:16px}.club-name,.competition-name{color:#b0b0b0;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-stats{border-top:1px solid #404040;margin-top:auto;padding-top:8px}.stat{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.stat:last-child{margin-bottom:0}.stat-label{color:#888;flex:1 1;font-size:.75rem;font-weight:500;text-align:left}.stat-value{color:#fff;flex:1 1;font-size:.8rem;font-weight:600;text-align:right}.stat:first-child .stat-value{color:gold;font-size:1.1rem;font-weight:700}.no-results{margin-top:30px}.no-results-icon{font-size:3rem}.no-results h3{margin-bottom:12px}.no-results p{color:#b0b0b0;font-size:1rem;line-height:1.5;margin:0}@media (max-width:768px){.crafting-helper{padding:15px}.crafting-helper-header h1{font-size:2rem}.filters-container{padding:15px}.filters-header{align-items:stretch;flex-direction:column;gap:10px}.filters-header h3{text-align:center}.players-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.player-card{height:350px;padding:10px}.crafting-helper .player-image{height:140px}.player-name{font-size:.9rem}.club-logo,.competition-logo{height:14px;width:14px}.club-name,.competition-name{font-size:.75rem}.stat-label{font-size:.7rem}.stat-value{font-size:.75rem}.stat:first-child .stat-value{font-size:1rem}.tier-tag{font-size:.65rem;padding:3px 6px;right:6px;top:6px}.tier-probability-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.tier-probability-item{padding:8px}.tier-label{font-size:.7rem}.tier-percentage{font-size:1rem}}.scouting-tool{box-sizing:border-box;max-width:100%;overflow-x:hidden;padding:20px}.scouting-tool h2{color:#fff;font-size:2rem;margin-bottom:20px}.scouting-tool .info-paragraph{background:#2a2a2a;border:1px solid #444;border-left:4px solid #007bff;border-radius:8px;color:#e0e0e0;font-size:14px;line-height:1.6;margin-bottom:30px;padding:15px 20px}.filters-container{background:#1a1a1a;border-radius:12px;padding:25px}.filters-header{margin-bottom:25px}.filters-header h3{font-size:1.5rem}.btn-secondary{background:#333;font-size:14px}.btn-secondary:hover{background:#444;border-color:#666}.filter-row{grid-gap:20px;gap:20px;margin-bottom:20px}.filter-section{display:flex;flex-direction:column}.filter-title{color:#ccc;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.filter-input{background:#2a2a2a;border:1px solid #444;border-radius:6px;font-size:14px;transition:border-color .2s ease}.filter-input:focus{border-color:#007bff}.filter-select{background:#2a2a2a;border:1px solid #444;border-radius:6px;cursor:pointer;font-size:14px}.filter-options{gap:8px}.filter-option{background:#2a2a2a;border:1px solid #444;border-radius:6px;font-size:12px;padding:8px 16px;white-space:nowrap}.filter-option:hover{background:#333;border-color:#555}.filter-option.active{background:#007bff;border-color:#007bff;color:#fff}.search-section{gap:15px;margin-bottom:30px}.btn,.search-section{align-items:center;display:flex}.btn{background:#007bff;border:none;border-radius:8px;color:#fff;font-size:16px;gap:8px;padding:12px 24px}.btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.btn:disabled{background:#555}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #fff;border-top-color:#0000;height:16px;width:16px}.error{background:#dc3545;border-left:4px solid #c82333;color:#fff}.no-results{color:#ccc;padding:60px 20px;text-align:center}.no-results-content{margin:0 auto;max-width:400px}.no-results-icon{font-size:4rem;margin-bottom:20px}.no-results h3{color:#fff;font-size:1.5rem;margin-bottom:10px}.no-results p{line-height:1.6;margin-bottom:10px}.scouting-results{margin-top:30px}.scouting-results h3{color:#fff;font-size:1.5rem;margin-bottom:20px}.data-table-container{background:#1a1a1a;border:1px solid #333;border-radius:12px;height:600px;margin-bottom:30px;max-width:calc(100vw - 310px);overflow-x:auto;overflow-y:auto;position:relative;width:100%}.fixed-column-header{background:#2a2a2a!important;top:0!important;z-index:30!important}.fixed-column-cell,.fixed-column-header{border-right:2px solid #444!important;left:0!important;max-width:200px!important;min-width:200px!important;position:-webkit-sticky!important;position:sticky!important}.fixed-column-cell{background:#1a1a1a!important;z-index:20!important}.data-table td:not(.fixed-column-cell){z-index:1}.data-table{border-collapse:collapse;height:auto;min-width:3000px;width:100%}.data-table th{background:#2a2a2a;border-bottom:2px solid #444;color:#fff;font-size:12px;font-weight:600;height:50px;min-width:80px;padding:12px 8px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:5}.data-table th:not(.fixed-column-header){z-index:5}.data-table th.sortable{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{background:#333}.data-table td{border-bottom:1px solid #333;color:#ccc;font-size:12px;height:40px;min-width:80px;padding:8px;position:relative;vertical-align:middle;white-space:nowrap;z-index:1}.data-table tbody tr:hover{background:#222}.clickable-row{cursor:pointer;transition:background-color .2s ease}.clickable-row:hover{background:#333!important}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody{height:auto}.data-table tbody tr{height:40px}.data-table-container::-webkit-scrollbar{height:8px;width:8px}.data-table-container::-webkit-scrollbar-track{background:#2a2a2a;border-radius:4px}.data-table-container::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.data-table-container::-webkit-scrollbar-thumb:hover{background:#777}.player-cell{align-items:center;display:flex;gap:8px;min-width:120px}.value-excellent{background-color:#00ff0026!important;color:#0f0!important;font-weight:600}.value-good{background-color:#90ee9026!important;color:#90ee90!important}.value-average{background-color:#ffff0026!important;color:#ff0!important}.value-poor{background-color:#ffa50026!important;color:orange!important}.value-bad{background-color:#ff000026!important;color:#ff6b6b!important}.value-neutral{background-color:initial!important;color:#ccc!important}.scouting-tool .player-image{border:2px solid #444;border-radius:50%;flex-shrink:0;height:24px;object-fit:cover;width:24px}.club-cell,.country-cell,.league-cell,.opponent-cell{align-items:center;display:flex;gap:6px;min-width:100px}.club-logo,.country-flag,.league-logo,.opponent-logo{border-radius:3px;flex-shrink:0;height:20px;object-fit:contain;width:20px}@media (max-width:768px){.filter-row{grid-template-columns:1fr}.scouting-tool{padding:15px}.filters-container{padding:20px}.data-table-container{font-size:12px;height:500px;max-width:calc(100vw - 230px)}.fixed-column-cell,.fixed-column-header{max-width:150px;min-width:150px}.data-table td,.data-table th{padding:8px 6px}.scouting-tool .player-image{height:24px;width:24px}.club-logo,.country-flag,.league-logo{height:20px;width:20px}}@media (max-width:480px){.data-table-container{height:400px;max-width:100vw}.fixed-column-cell,.fixed-column-header{max-width:120px;min-width:120px}.scouting-tool h2{font-size:1.5rem}.filters-header{gap:15px}.filters-header,.search-section{align-items:stretch;flex-direction:column}.btn{justify-content:center}}.card-detail-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.card-detail-modal-content{background:#1a1a1a;border:1px solid #333;border-radius:12px;max-height:95vh;max-width:95vw;overflow:auto;position:relative}.competition-combobox{position:relative;width:100%}.combobox-input-container{align-items:center;display:flex;position:relative}.combobox-input{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:.9rem;padding:10px 40px 10px 12px;transition:all .2s ease;width:100%}.combobox-input:focus{border-color:#fff;box-shadow:0 0 0 2px #ffffff1a;outline:none}.combobox-input::placeholder{color:#666}.combobox-arrow{color:#888;font-size:.8rem;pointer-events:none;position:absolute;right:12px;transition:transform .2s ease}.selected-competitions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.selected-competition-tag{align-items:center;background-color:#333;border-radius:12px;color:#fff;display:flex;font-size:.8rem;font-weight:500;gap:6px;padding:4px 8px}.competition-logo-container{align-items:center;display:flex;height:16px;justify-content:center;position:relative;width:16px}.competition-logo{border-radius:2px;height:16px;object-fit:contain;width:16px}.competition-logo-fallback{align-items:center;background:#555;border-radius:2px;color:#fff;display:flex;font-size:.6rem;font-weight:700;height:16px;justify-content:center;width:16px}.competition-name{color:#fff;flex:1 1;font-size:.8rem}.remove-competition{background:none;border:none;color:#888;cursor:pointer;font-size:1rem;line-height:1;margin-left:4px;padding:0;transition:color .2s ease}.remove-competition:hover{color:#fff}.combobox-dropdown{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 4px 12px #0000004d;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.combobox-option{align-items:center;border-bottom:1px solid #2a2a2a;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:background-color .2s ease}.combobox-option:last-child{border-bottom:none}.combobox-option.focused,.combobox-option:hover{background-color:#333}.combobox-option.selected{background-color:#555}.competition-slug{background-color:#2a2a2a;border-radius:4px;color:#888;font-size:.8rem;font-weight:500;padding:2px 6px}.combobox-no-results{color:#888;font-size:.9rem;padding:20px;text-align:center}.loading-competitions{align-items:center;color:#888;display:flex;font-size:.9rem;gap:8px}.error-message{background-color:#2a1a1a;border:1px solid #5a2a2a;border-radius:4px;color:#ff6b6b;padding:8px}@media (max-width:768px){.competition-options{gap:8px}.competition-option{font-size:.8rem;min-width:100px;padding:6px 10px}.competition-logo-container{height:16px;width:16px}.competition-name{font-size:.8rem}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}.form-group{margin-bottom:24px}.form-label{color:#fff;display:block;font-size:1.1rem;font-weight:600;margin-bottom:10px}.form-input{background-color:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#fff;font-size:1rem;padding:14px 18px;transition:all .2s ease;width:100%}.form-input:focus{border-color:#fff;box-shadow:0 0 0 3px #ffffff1a;outline:none}.form-input::placeholder{color:#666}.btn{background-color:#fff;border:1px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#0a0a0a;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .2s ease}.btn:hover{background-color:#f0f0f0;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.btn:disabled{background-color:#333;box-shadow:none;color:#666;cursor:not-allowed;transform:none}.btn-primary{background-color:#fff;border:1px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#0a0a0a;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .2s ease}.btn-primary:hover{background-color:#f0f0f0;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.btn-primary:disabled{background-color:#333;box-shadow:none;color:#666;cursor:not-allowed;transform:none}.btn-secondary{background-color:#333;border:1px solid #555;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-secondary:hover{background-color:#555;border-color:#777}.loading{color:#888;padding:40px;text-align:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #333;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;margin-right:10px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.error{background-color:#2a1a1a;border:1px solid #5a2a2a;border-radius:8px;color:#ff6b6b;margin-bottom:20px;padding:15px}.error-message{background:#dc3545}.error-message,.success-message{border-radius:8px;color:#fff;font-size:.9rem;margin-bottom:20px;padding:12px 16px}.success-message{background:#28a745}.card-tile{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;min-height:70px;transition:all .3s ease}.card-tile:hover{border-color:#555;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.card-tile-image{align-items:center;background-color:#2a2a2a;border-right:1px solid #333;display:flex;flex:0 0 15%;justify-content:center;min-height:70px;position:relative}.card-tile-img{border-radius:0;height:100%;object-fit:cover;width:100%}.card-tile-info{background-color:#1a1a1a;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:8px 40px}.card-tile-header{align-items:flex-start;border-bottom:1px solid #333;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px;padding-bottom:4px}.card-name-section{display:flex;flex:1 1;flex-direction:column;gap:1px}.card-name-label{color:#888;font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.card-name-value{color:#fff;font-size:1.2rem;font-weight:700}.rarity-section{align-items:center;display:flex;flex-shrink:0}.rarity-label{color:#888;font-weight:600}.rarity-badge,.rarity-label{font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.rarity-badge{border-radius:3px;color:#fff;font-weight:700;min-width:50px;padding:3px 6px;text-align:center}.card-tile-row{display:flex;gap:30px;margin-bottom:2px}.info-field{display:flex;flex:1 1;flex-direction:column;gap:1px}.field-label{color:#888;font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.field-value{color:#fff;font-size:.85rem;font-weight:500}.season-status{border-radius:12px;font-size:.7rem;font-weight:700;letter-spacing:.5px;min-width:70px;padding:6px 12px;text-align:center;text-transform:uppercase;white-space:nowrap}.season-status.in-season{background-color:#10b981;color:#fff}.season-status.classic{background-color:#f59e0b;color:#fff}.season-section{align-items:center;display:flex;flex-shrink:0}.season-label{color:#888;font-size:.65rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.position-tags{display:flex;flex-wrap:wrap;gap:2px}.position-tag{border-radius:2px;font-size:.55rem;font-weight:600;padding:1px 3px}.position-tag,.status-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase}.status-badge{border-radius:3px;display:inline-block;font-size:.65rem;font-weight:700;padding:2px 5px;text-align:center;white-space:nowrap}.country-info{align-items:center;display:flex;gap:4px}.country-flag{border-radius:2px;flex-shrink:0;height:18px;object-fit:cover;width:24px}.club-info{align-items:center;display:flex;gap:4px}.flag-icon{border-radius:2px}.club-logo,.flag-icon{height:26px;object-fit:cover;width:26px}.club-logo{flex-shrink:0}.left-column{margin-right:12px;min-width:120px}.center-column,.left-column{display:flex;flex:0 0 auto;flex-direction:column;gap:4px}.center-column{margin-left:0;margin-right:16px;min-width:60px}.right-column{display:flex;flex:1 1;flex-direction:column;gap:4px}.card-tile-divider{background-color:#333;height:1px;margin:4px 0}.score-bar-container{align-items:center;display:flex;gap:4px;margin-top:1px}.score-bar{background-color:#333;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.score-bar-fill{border-radius:2px;height:100%;transition:width .3s ease}.score-value{color:#fff;font-size:.6rem;font-weight:600;min-width:25px;text-align:right}.appearance-bar-container{align-items:center;display:flex;gap:4px;margin-top:1px}.appearance-bar{background-color:#333;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.appearance-bar-fill{background-color:#3b82f6;border-radius:2px;height:100%;transition:width .3s ease}.appearance-value{color:#fff;font-size:.7rem;font-weight:600;min-width:30px;text-align:right}.price-field{margin-top:auto}.price-value{color:#10b981;font-size:.9rem;font-weight:700}@media (max-width:768px){.card-tile{flex-direction:column;min-height:auto}.card-tile-image{border-bottom:1px solid #333;border-right:none;flex:none;height:50px;width:100%}.card-tile-info{padding:6px}.card-tile-row{flex-direction:column;gap:4px}.info-field{margin-bottom:4px}.card-name-value{font-size:.75rem}.field-value{font-size:.65rem}.appearance-bar-container,.score-bar-container{gap:3px}.appearance-bar,.score-bar{height:3px}.appearance-value,.score-value{font-size:.6rem;min-width:25px}}.filters-container{background-color:#1a1a1a;border:1px solid #333;border-radius:16px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:24px}.filters-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.filters-header h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.filter-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.filter-section{background-color:#0a0a0a;border:1px solid #333;border-radius:12px;padding:20px}.filter-section h4{color:#fff;font-size:1rem;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.filter-select{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:.9rem;padding:10px 12px;transition:all .2s ease;width:100%}.filter-select:focus{border-color:#fff;box-shadow:0 0 0 2px #ffffff1a;outline:none}.filter-input{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:.9rem;padding:10px 12px;transition:all .2s ease;width:100%}.filter-input:focus{border-color:#fff;box-shadow:0 0 0 2px #ffffff1a;outline:none}.filter-input::placeholder{color:#666}.filter-title{align-items:center;color:#fff;display:flex;font-size:1.2rem;font-weight:600;gap:6px;margin-bottom:8px}.filter-options{display:flex;flex-wrap:wrap;gap:12px}.filter-option{background-color:#333;border:1px solid #0000;border-radius:25px;color:#ccc;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.filter-option:hover{background-color:#555;border-color:#777}.filter-option.active{background-color:#fff;border-color:#fff;color:#0a0a0a}@media (max-width:768px){.filter-row{gap:16px;grid-template-columns:1fr}.filters-container{padding:16px}}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #333;border-radius:12px;box-shadow:0 20px 40px #00000080;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.modal-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:6px;color:#888;cursor:pointer;font-size:1.5rem;line-height:1;padding:8px;transition:all .2s ease}.modal-close:hover{background-color:#333;color:#fff}.modal-body{padding:0 24px 24px}.modal-footer{border-top:1px solid #333;display:flex;justify-content:flex-end;padding:20px 24px}.modal-footer .btn{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.modal-footer .btn-primary{background-color:#007bff;color:#fff}.modal-footer .btn-primary:hover{background-color:#0056b3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.082ed97f.css.map*/