.pagination-container{justify-content:center;align-items:center;display:flex}.pagination-button{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:.25rem;font-weight:500;transition:background-color .2s,opacity .2s}.pagination-button:hover:not(:disabled){background-color:var(--accent-hover)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--text-primary);align-items:center;display:flex}.pagination-input{text-align:center;background-color:var(--bg-primary);width:50px;color:var(--text-primary);border-radius:.25rem;transition:border-color .2s,background-color .2s}.pagination-input:focus{border-color:var(--accent-color);outline:none}.pagination-input:hover{border-color:var(--accent-color)}@media (max-width:640px){.pagination-container{flex-wrap:wrap;gap:.5rem;margin:1rem 0;padding:.75rem 0}.pagination-button{padding:.5rem .625rem;font-size:.8rem}.pagination-info{gap:.5rem;font-size:.875rem}.pagination-input{padding:.25rem .5rem;font-size:.875rem}}@media (min-width:640px) and (max-width:1023px){.pagination-container{flex-wrap:wrap;gap:.75rem;margin:1rem 0;padding:1rem}.pagination-button{padding:.5rem .625rem;font-size:.8rem}.pagination-info{gap:.5rem;font-size:.875rem}.pagination-input{padding:.25rem .5rem;font-size:.875rem}}@media (min-width:1023px){.pagination-container{gap:.75rem;margin:1rem 0;padding:1rem}.pagination-button{padding:.5rem .625rem;font-size:.8rem}.pagination-info{gap:.5rem;font-size:.8rem}.pagination-input{padding:.5rem .625rem;font-size:.8rem}}
.teams-page{min-height:var(--app-main-min-height);background-color:var(--bg-primary)}.teams-page .main-container{transition:margin-right .3s}.teams-page .main-content-layout{flex-direction:row;align-items:flex-start;display:flex}.teams-section{background-color:var(--bg-secondary);flex:1 0 40%;min-width:0;max-width:40%}.teams-section .teams-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.teams-section .search-container{flex:1;min-width:150px;max-width:400px}.teams-section .search-input{border:1px solid var(--border-color);background-color:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:.375rem;transition:all .2s}.teams-section .search-input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.teams-section .search-input::placeholder{color:var(--text-muted)}.teams-section .teams-grid{flex-direction:column;display:flex}.teams-section .team-card,.teams-section a.team-card{border-bottom:1px solid var(--border-color);cursor:pointer;color:inherit;flex-direction:row;align-items:center;width:100%;text-decoration:none;transition:all .2s;display:flex}.teams-section .team-card:hover{background-color:var(--bg-hover);transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.teams-section .team-logo-container{justify-content:center;align-items:center;display:flex;position:relative}.teams-section .team-logo{object-fit:contain;width:100%;height:100%}.teams-section .team-logo-placeholder{background-color:var(--bg-secondary);border:1px solid var(--border-color);width:100%;height:100%;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.teams-section .team-info{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.teams-section .team-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;width:100%;font-weight:500;overflow:hidden}.teams-section .team-country{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.teams-section .loading-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.teams-section .loading-spinner{border:4px solid var(--border-color);border-top:4px solid var(--accent-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.teams-section .loading-text{color:var(--text-muted)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.teams-section .error-container{justify-content:center;align-items:center;display:flex}.teams-section .error-content{text-align:center}.teams-section .error-message{color:var(--error-color)}.teams-section .retry-button{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:.375rem;min-height:44px;transition:background-color .2s}.teams-section .retry-button:hover{background-color:var(--accent-hover)}.teams-section .no-teams{text-align:center}.teams-section .no-teams-text{color:var(--text-muted)}@media (max-width:640px){.teams-page .main-container{width:100%;margin-right:0;padding:0 .25rem}.teams-page .main-content-layout{flex-direction:column;gap:.75rem}.teams-section{width:100%;max-width:100%}.teams-section .teams-header{flex-direction:column;align-items:stretch;gap:1rem;padding:.75rem}.teams-section .search-container{max-width:100%}.teams-section .search-input{padding:.5rem 1rem;font-size:.875rem}.teams-section .team-card{gap:.75rem;padding:.75rem}.teams-section .team-logo-container{width:2rem;height:2rem}.teams-section .team-name{font-size:.8125rem}.teams-section .team-country{font-size:.6875rem}.teams-section .team-logo-placeholder{font-size:1rem}.teams-section .loading-container{gap:1rem;padding:5rem 0}.teams-section .loading-text{font-size:1rem}.teams-section .error-container{padding:5rem 0}.teams-section .error-message{margin-bottom:1rem;font-size:1.125rem}.teams-section .retry-button{padding:.75rem 1.5rem}.teams-section .no-teams{padding:5rem 0}.teams-section .no-teams-text{font-size:1.125rem}}@media (min-width:640px) and (max-width:1023px){.teams-page .main-container{width:100%;margin-right:0;padding:0 .75rem}.teams-page .main-content-layout{flex-direction:column;gap:.75rem}.teams-section{width:100%;max-width:100%}.teams-section .teams-header{flex-direction:column;align-items:stretch;gap:1rem;padding:.75rem}.teams-section .search-container{max-width:100%}.teams-section .search-input{padding:.5rem 1rem;font-size:.875rem}.teams-section .team-card{gap:1rem;padding:.75rem}.teams-section .team-logo-container{width:2rem;height:2rem}.teams-section .team-info{gap:.25rem}.teams-section .team-name{font-size:.8125rem}.teams-section .team-country{font-size:.6875rem}.teams-section .team-logo-placeholder{font-size:1rem}.teams-section .loading-container{gap:1rem;padding:5rem 0}.teams-section .loading-text{font-size:1rem}.teams-section .error-container{padding:5rem 0}.teams-section .error-message{margin-bottom:1rem;font-size:1.125rem}.teams-section .retry-button{padding:.75rem 1.5rem}.teams-section .no-teams{padding:5rem 0}.teams-section .no-teams-text{font-size:1.125rem}}@media (min-width:1023px){.teams-page .main-container{width:75%;margin-right:25%;padding:0 .75rem}.teams-page .main-content-layout{flex-direction:row;gap:.75rem}.teams-section{flex:1 0 40%;max-width:40%}.teams-section .teams-header{gap:1rem;padding:1rem}.teams-section .search-input{padding:.5rem 1rem;font-size:.875rem}.teams-section .team-card{gap:1rem;padding:.5rem}.teams-section .team-logo-container{width:2rem;height:2rem}.teams-section .team-info{gap:.25rem}.teams-section .team-name{font-size:14px}.teams-section .team-country{font-size:.75rem}.teams-section .team-logo-placeholder{font-size:1rem}.teams-section .loading-container{gap:1rem;padding:5rem 0}.teams-section .loading-text{font-size:1rem}.teams-section .error-container{padding:5rem 0}.teams-section .error-message{margin-bottom:1rem;font-size:1.125rem}.teams-section .retry-button{padding:.75rem 1.5rem}.teams-section .no-teams{padding:5rem 0}.teams-section .no-teams-text{font-size:1.125rem}}