.player-modal-overlay{align-items:center;background:#000000b3;display:flex;justify-content:center;inset:0;overflow-y:auto;padding:20px;position:fixed;z-index:10000}.player-modal-overlay .player-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.player-modal-overlay .player-modal .close-button{align-items:center;background:#0000000d;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:40px;z-index:10}.player-modal-overlay .player-modal .close-button:hover{background:#0000001a;transform:scale(1.1)}.player-modal-overlay .player-modal .close-button svg{color:#000}.player-modal-overlay .player-modal .modal-error,.player-modal-overlay .player-modal .modal-loading{padding:60px 40px;text-align:center}.player-modal-overlay .player-modal .modal-error .loading-spinner,.player-modal-overlay .player-modal .modal-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid rgba(249,115,22,.2);border-radius:50%;border-top-color:#f97316;height:48px;margin:0 auto 20px;width:48px}.player-modal-overlay .player-modal .modal-error p,.player-modal-overlay .player-modal .modal-loading p{color:#6b7280;font-size:16px}.player-modal-overlay .player-modal .modal-error p{color:#dc2626}.player-modal-overlay .player-modal .modal-content{padding:40px}.player-modal-overlay .player-modal .modal-content .player-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;gap:20px;margin-bottom:28px;padding-bottom:24px}.player-modal-overlay .player-modal .modal-content .player-header .player-avatar{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:50%;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.player-modal-overlay .player-modal .modal-content .player-header .player-avatar .shirt-number{color:#fff;font-size:24px;font-weight:700}.player-modal-overlay .player-modal .modal-content .player-header .player-info h2{color:#111827;font-size:24px;font-weight:700;margin:0 0 8px}.player-modal-overlay .player-modal .modal-content .player-header .player-info .player-meta{align-items:center;display:flex;gap:12px}.player-modal-overlay .player-modal .modal-content .player-header .player-info .player-meta .position-badge{background:#f3f4f6;border-radius:4px;color:#374151;font-size:13px;font-weight:600;padding:4px 10px}.player-modal-overlay .player-modal .modal-content .player-header .player-info .player-meta .team-link{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:6px}.player-modal-overlay .player-modal .modal-content .player-header .player-info .player-meta .team-link .team-logo{height:20px;-o-object-fit:contain;object-fit:contain;width:20px}.player-modal-overlay .player-modal .modal-content .stats-summary{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));margin-bottom:28px}.player-modal-overlay .player-modal .modal-content .stats-summary .stat-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px 8px;text-align:center}.player-modal-overlay .player-modal .modal-content .stats-summary .stat-card .stat-value{color:#111827;font-size:22px;font-weight:700}.player-modal-overlay .player-modal .modal-content .stats-summary .stat-card .stat-label{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.player-modal-overlay .player-modal .modal-content .matches-section h3{border-bottom:2px solid #e5e7eb;color:#111827;font-size:16px;font-weight:700;margin:0 0 16px;padding-bottom:8px}.player-modal-overlay .player-modal .modal-content .matches-section .no-data{color:#9ca3af;padding:32px;text-align:center}.player-modal-overlay .player-modal .modal-content .matches-section .matches-table-wrap{overflow-x:auto}.player-modal-overlay .player-modal .modal-content .matches-section .matches-table{border-collapse:collapse;font-size:13px;width:100%}.player-modal-overlay .player-modal .modal-content .matches-section .matches-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-weight:600;padding:10px 8px;text-align:left;white-space:nowrap}.player-modal-overlay .player-modal .modal-content .matches-section .matches-table td{border-bottom:1px solid #f3f4f6;color:#374151;padding:10px 8px}.player-modal-overlay .player-modal .modal-content .matches-section .matches-table .center{text-align:center}.player-modal-overlay .player-modal .modal-content .matches-section .matches-table .date-col{color:#9ca3af;white-space:nowrap;width:70px}.player-modal-overlay .player-modal .modal-content .matches-section .matches-table .match-col{white-space:nowrap}.player-modal-overlay .player-modal .modal-content .matches-section .matches-table .match-col .bold{font-weight:600}.player-modal-overlay .player-modal .modal-content .matches-section .matches-table .match-col .score-inline{background:#f3f4f6;border-radius:3px;color:#111827;display:inline-block;font-size:12px;font-weight:600;margin:0 6px;padding:2px 6px}.player-modal-overlay .player-modal .modal-content .matches-section .matches-table .match-col .sub-badge{background:#dbeafe;border-radius:3px;color:#1e40af;display:inline-block;font-size:10px;font-weight:700;margin-left:6px;padding:2px 5px}.player-modal-overlay .player-modal .modal-content .matches-section .matches-table tbody tr:hover{background:#f9fafb}@media (max-width:768px){.player-modal-overlay .player-modal .modal-content{padding:24px}.player-modal-overlay .player-modal .modal-content .player-header{flex-direction:column;text-align:center}.player-modal-overlay .player-modal .modal-content .player-header .player-info .player-meta{flex-wrap:wrap;justify-content:center}.player-modal-overlay .player-modal .modal-content .stats-summary{grid-template-columns:repeat(4,1fr)}}.team-modal-overlay{align-items:center;background:#000000b3;display:flex;justify-content:center;inset:0;overflow-y:auto;padding:20px;position:fixed;z-index:9999}.team-modal-overlay .team-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.team-modal-overlay .team-modal .close-button{align-items:center;background:#0000000d;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:40px;z-index:10}.team-modal-overlay .team-modal .close-button:hover{background:#0000001a;transform:scale(1.1)}.team-modal-overlay .team-modal .close-button svg{color:#000}.team-modal-overlay .team-modal .modal-error,.team-modal-overlay .team-modal .modal-loading{padding:60px 40px;text-align:center}.team-modal-overlay .team-modal .modal-error .loading-spinner,.team-modal-overlay .team-modal .modal-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid rgba(249,115,22,.2);border-radius:50%;border-top-color:#f97316;height:48px;margin:0 auto 20px;width:48px}.team-modal-overlay .team-modal .modal-error p,.team-modal-overlay .team-modal .modal-loading p{color:#6b7280;font-size:16px}.team-modal-overlay .team-modal .modal-error p{color:#dc2626}.team-modal-overlay .team-modal .modal-content{padding:40px}.team-modal-overlay .team-modal .modal-content .team-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;gap:24px;margin-bottom:24px;padding-bottom:24px}.team-modal-overlay .team-modal .modal-content .team-header .team-logo-large{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;display:flex;height:80px;justify-content:center;padding:12px;width:80px}.team-modal-overlay .team-modal .modal-content .team-header .team-logo-large img{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.team-modal-overlay .team-modal .modal-content .team-header .team-info{flex:1}.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-name{color:#000;font-size:28px;font-weight:700;margin:0 0 12px}.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-details{display:flex;flex-direction:column;gap:8px}.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-city,.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-coach,.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-country,.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-founded,.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-stadium{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px}.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-city svg,.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-coach svg,.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-country svg,.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-founded svg,.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-stadium svg{flex-shrink:0;opacity:.7}.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-city .label,.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-coach .label,.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-country .label,.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-founded .label,.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-stadium .label{color:#374151;font-weight:600;line-height:1.4}.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-city span:not(.label),.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-coach span:not(.label),.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-country span:not(.label),.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-founded span:not(.label),.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-stadium span:not(.label){line-height:1.4}.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-country .flag{border:1px solid rgba(0,0,0,.1);border-radius:2px;height:18px;-o-object-fit:cover;object-fit:cover;width:24px}.team-modal-overlay .team-modal .modal-content .tab-navigation{border-bottom:2px solid #e5e7eb;display:flex;gap:4px;margin-bottom:24px}.team-modal-overlay .team-modal .modal-content .tab-navigation .tab-button{background:none;border:none;border-bottom:3px solid transparent;color:#6b7280;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:-2px;padding:12px 24px;transition:all .2s ease}.team-modal-overlay .team-modal .modal-content .tab-navigation .tab-button:hover{background:#fff7ed;color:#f97316}.team-modal-overlay .team-modal .modal-content .tab-navigation .tab-button.active{border-bottom-color:#f97316;color:#f97316}.team-modal-overlay .team-modal .modal-content .tab-content{animation:fadeIn .3s ease}.team-modal-overlay .team-modal .modal-content .league-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.team-modal-overlay .team-modal .modal-content .league-filters .league-checkbox{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:10px 16px;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.team-modal-overlay .team-modal .modal-content .league-filters .league-checkbox:hover{background:#fff7ed;border-color:#f97316}.team-modal-overlay .team-modal .modal-content .league-filters .league-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.team-modal-overlay .team-modal .modal-content .league-filters .league-checkbox span{color:#374151;font-size:14px;font-weight:500}.team-modal-overlay .team-modal .modal-content .league-filters .league-checkbox input:checked+span{color:#f97316;font-weight:600}.team-modal-overlay .team-modal .modal-content .matches-table-container{overflow-x:auto}.team-modal-overlay .team-modal .modal-content .matches-table-container .no-matches{color:#6b7280;font-size:15px;padding:40px;text-align:center}.team-modal-overlay .team-modal .modal-content .matches-table-container .matches-table{border-collapse:collapse;font-size:14px;width:100%}.team-modal-overlay .team-modal .modal-content .matches-table-container .matches-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.team-modal-overlay .team-modal .modal-content .matches-table-container .matches-table thead th{color:#374151;font-weight:600;padding:12px 8px;text-align:left;white-space:nowrap}.team-modal-overlay .team-modal .modal-content .matches-table-container .matches-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s ease}.team-modal-overlay .team-modal .modal-content .matches-table-container .matches-table tbody tr:hover{background:#f9fafb}.team-modal-overlay .team-modal .modal-content .matches-table-container .matches-table tbody tr td{color:#1f2937;padding:12px 8px}.team-modal-overlay .team-modal .modal-content .matches-table-container .matches-table tbody tr .is-current-team{color:#f97316;font-weight:600}.team-modal-overlay .team-modal .modal-content .matches-table-container .matches-table .num-col{color:#9ca3af;text-align:center;width:40px}.team-modal-overlay .team-modal .modal-content .matches-table-container .matches-table .league-col{color:#6b7280;font-size:13px;min-width:140px}.team-modal-overlay .team-modal .modal-content .matches-table-container .matches-table .team-col{min-width:140px}.team-modal-overlay .team-modal .modal-content .matches-table-container .matches-table .score-col{font-weight:600;text-align:center;width:80px}.team-modal-overlay .team-modal .modal-content .matches-table-container .matches-table .score-col .no-score{color:#9ca3af}.team-modal-overlay .team-modal .modal-content .matches-table-container .matches-table .status-col{text-align:center;width:90px}.team-modal-overlay .team-modal .modal-content .matches-table-container .matches-table .status-col .result-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:700;height:24px;line-height:24px;text-align:center;width:24px}.team-modal-overlay .team-modal .modal-content .matches-table-container .matches-table .status-col .result-win{background:#10b981;color:#fff}.team-modal-overlay .team-modal .modal-content .matches-table-container .matches-table .status-col .result-loss{background:#ef4444;color:#fff}.team-modal-overlay .team-modal .modal-content .matches-table-container .matches-table .status-col .result-draw{background:#f59e0b;color:#fff}.team-modal-overlay .team-modal .modal-content .matches-table-container .matches-table .status-col .status-scheduled{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:12px;font-weight:500;padding:4px 8px}.team-modal-overlay .team-modal .modal-content .matches-table-container .matches-table .status-col .no-result{color:#9ca3af}.team-modal-overlay .team-modal .modal-content .matches-table-container .matches-table .date-col{color:#6b7280;font-size:13px;width:100px}.team-modal-overlay .team-modal .modal-content .no-squad,.team-modal-overlay .team-modal .modal-content .squad-error,.team-modal-overlay .team-modal .modal-content .squad-loading{padding:40px;text-align:center}.team-modal-overlay .team-modal .modal-content .no-squad .loading-spinner,.team-modal-overlay .team-modal .modal-content .squad-error .loading-spinner,.team-modal-overlay .team-modal .modal-content .squad-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid rgba(249,115,22,.2);border-radius:50%;border-top-color:#f97316;height:48px;margin:0 auto 20px;width:48px}.team-modal-overlay .team-modal .modal-content .no-squad p,.team-modal-overlay .team-modal .modal-content .squad-error p,.team-modal-overlay .team-modal .modal-content .squad-loading p{color:#6b7280;font-size:16px}.team-modal-overlay .team-modal .modal-content .squad-error p{color:#dc2626}.team-modal-overlay .team-modal .modal-content .squad-container{overflow-x:auto}.team-modal-overlay .team-modal .modal-content .squad-container .position-group{margin-bottom:32px}.team-modal-overlay .team-modal .modal-content .squad-container .position-group:last-child{margin-bottom:0}.team-modal-overlay .team-modal .modal-content .squad-container .position-header{border-bottom:2px solid #e5e7eb;color:#111827;font-size:16px;font-weight:700;margin:0 0 16px;padding-bottom:8px}.team-modal-overlay .team-modal .modal-content .squad-container .squad-table{border-collapse:collapse;font-size:14px;width:100%}.team-modal-overlay .team-modal .modal-content .squad-container .squad-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.team-modal-overlay .team-modal .modal-content .squad-container .squad-table thead th{color:#374151;font-weight:600;padding:12px 8px;text-align:left;white-space:nowrap}.team-modal-overlay .team-modal .modal-content .squad-container .squad-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s ease}.team-modal-overlay .team-modal .modal-content .squad-container .squad-table tbody tr:hover{background:#f9fafb}.team-modal-overlay .team-modal .modal-content .squad-container .squad-table tbody tr td{color:#1f2937;padding:12px 8px}.team-modal-overlay .team-modal .modal-content .squad-container .squad-table .name-col{font-weight:600;min-width:180px}.team-modal-overlay .team-modal .modal-content .squad-container .squad-table .name-col.clickable{cursor:pointer}.team-modal-overlay .team-modal .modal-content .squad-container .squad-table .name-col.clickable:hover{color:#f97316}.team-modal-overlay .team-modal .modal-content .squad-container .squad-table .position-col{color:#6b7280;min-width:100px}.team-modal-overlay .team-modal .modal-content .squad-container .squad-table .number-col{color:#f97316;font-weight:600;text-align:center;width:80px}.team-modal-overlay .team-modal .modal-content .squad-container .squad-table .nationality-col{text-align:center;width:100px}.team-modal-overlay .team-modal .modal-content .squad-container .squad-table .nationality-col .flag{border:1px solid rgba(0,0,0,.1);border-radius:2px;display:inline-block;height:18px;-o-object-fit:cover;object-fit:cover;width:24px}.team-modal-overlay .team-modal .modal-content .squad-container .squad-table .age-col{color:#6b7280;text-align:center;width:60px}.team-modal-overlay .team-modal .modal-content .no-trophies,.team-modal-overlay .team-modal .modal-content .trophies-error,.team-modal-overlay .team-modal .modal-content .trophies-loading{padding:40px;text-align:center}.team-modal-overlay .team-modal .modal-content .no-trophies .loading-spinner,.team-modal-overlay .team-modal .modal-content .trophies-error .loading-spinner,.team-modal-overlay .team-modal .modal-content .trophies-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:48px;margin:0 auto 16px;width:48px}.team-modal-overlay .team-modal .modal-content .no-trophies p,.team-modal-overlay .team-modal .modal-content .trophies-error p,.team-modal-overlay .team-modal .modal-content .trophies-loading p{color:#6b7280;margin:0}.team-modal-overlay .team-modal .modal-content .trophies-error p{color:#dc2626}.team-modal-overlay .team-modal .modal-content .trophies-container{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:24px}.team-modal-overlay .team-modal .modal-content .trophies-container .trophy-item{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;gap:16px;padding:20px;transition:all .2s}.team-modal-overlay .team-modal .modal-content .trophies-container .trophy-item:hover{background:linear-gradient(135deg,#f3f4f6,#f9fafb);border-color:#d1d5db;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.team-modal-overlay .team-modal .modal-content .trophies-container .trophy-item .trophy-icon{align-items:center;display:flex;flex-shrink:0;font-size:36px;height:60px;justify-content:center;width:60px}.team-modal-overlay .team-modal .modal-content .trophies-container .trophy-item .trophy-info{flex:1;min-width:0}.team-modal-overlay .team-modal .modal-content .trophies-container .trophy-item .trophy-info .trophy-count{color:#111827;font-size:13px;font-weight:700;letter-spacing:.3px;line-height:1.4;margin-bottom:6px}.team-modal-overlay .team-modal .modal-content .trophies-container .trophy-item .trophy-info .trophy-years{color:#6b7280;font-size:13px;font-weight:500}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.team-modal-overlay .team-modal .modal-content{padding:24px}.team-modal-overlay .team-modal .modal-content .team-header{flex-direction:column;text-align:center}.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-details{align-items:center}.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-details .team-coach,.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-details .team-country,.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-details .team-founded,.team-modal-overlay .team-modal .modal-content .team-header .team-info .team-details .team-stadium{justify-content:center}.team-modal-overlay .team-modal .modal-content .league-filters .league-checkbox{flex:1 1 calc(50% - 6px);min-width:140px}}
