body{margin:0;font-family:Arial,sans-serif;background-color:#f2f2f2;color:#000}.container{padding:20px;max-width:100%;margin:auto}.title{text-align:center;margin-bottom:30px;font-size:2rem}.teams-container{display:flex;flex-direction:column;gap:20px}@media (min-width: 700px){.teams-container{flex-direction:row;justify-content:space-between}}.team-panel{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex:1}.team-title{text-align:center;margin-bottom:15px}.stat-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.stat-label{font-weight:700}.buttons{display:flex;gap:10px}.btn{background-color:#007bff;color:#fff;border:none;font-size:1.1rem;border-radius:5px;padding:5px 10px;cursor:pointer;width:35px;height:35px}.btn:hover{background-color:#0056b3}.end-set-btn{display:block;margin:30px auto 0;background-color:#dc3545;color:#fff;border:none;font-size:1.1rem;padding:10px 20px;border-radius:6px;cursor:pointer}.end-set-btn:hover{background-color:#b02a37}.undo-set-btn{display:block;margin:20px auto 0;background-color:#ffc107;color:#000;border:none;font-size:1.1rem;padding:10px 20px;border-radius:6px;cursor:pointer}.undo-set-btn:hover{background-color:#e0a800}.serve-dot{width:10px;height:10px;background-color:#000;border-radius:50%;margin-left:8px}.serve-dot-container{height:20px}.team-composition-container{padding:20px;max-width:1200px;margin:0 auto}.composition-header{text-align:center;margin-bottom:40px}.composition-header h1{font-size:2.5em;margin-bottom:10px;color:#333}.subtitle{color:#666;font-size:1.1em}.upload-section{display:grid;grid-template-columns:400px 1fr;gap:30px;margin-bottom:40px;align-items:start}@media (max-width: 1200px){.upload-section{grid-template-columns:1fr}}.upload-card,.info-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.info-card{grid-column:1 / -1;margin-top:0}.upload-card h2,.info-card h3{margin-top:0;color:#2563eb}.file-input-wrapper{margin:20px 0}.file-input-wrapper input[type=file]{width:100%;padding:10px;border:2px dashed #ddd;border-radius:8px;cursor:pointer;transition:border-color .3s}.file-input-wrapper input[type=file]:hover{border-color:#2563eb}.file-selected{margin-top:10px;padding:10px;background:#e0f2fe;border-radius:6px;color:#0369a1;font-weight:500}.upload-button{width:100%;padding:15px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:1.1em;font-weight:600;cursor:pointer;transition:background .3s}.upload-button:hover:not(:disabled){background:#1d4ed8}.upload-button:disabled{background:#cbd5e1;cursor:not-allowed}.message{margin-top:20px;padding:15px;border-radius:8px;font-weight:500;text-align:center}.message.success{background:#dcfce7;color:#166534}.message.error{background:#fee2e2;color:#991b1b}.format-info{margin-top:20px}.format-info h4{color:#333;margin-top:20px;margin-bottom:10px}.format-table{width:100%;border-collapse:collapse;margin:10px 0 20px;font-size:.9em}.format-table th,.format-table td{border:1px solid #ddd;padding:8px;text-align:left}.format-table th{background-color:#f8fafc;font-weight:600;color:#475569}.format-table tbody tr:nth-child(2n){background-color:#f8fafc}.template-button{width:100%;padding:12px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;margin-top:20px;transition:background .3s}.template-button:hover{background:#059669}.roles-info{margin-top:30px;padding:20px;background:#f1f5f9;border-radius:8px;border-left:4px solid #3b82f6}.roles-info h5{color:#1e293b;margin-top:15px;margin-bottom:10px;font-size:1em}.roles-info h5:first-child{margin-top:0}.roles-info ul{margin:5px 0;padding-left:25px}.roles-info li{color:#475569;padding:3px 0}.current-composition{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #0000001a;max-height:calc(100vh - 200px);overflow-y:auto}.current-composition h2{color:#2563eb;margin-top:0;margin-bottom:25px;text-align:center;font-size:1.5em;position:sticky;top:0;background:#fff;padding-bottom:10px;z-index:10;border-bottom:2px solid #e2e8f0}.team-table-section,.officials-table-section{margin-bottom:30px}.team-table-section h3,.officials-table-section h3{color:#1e293b;font-size:1.2em;margin-bottom:15px;padding-bottom:8px;border-bottom:3px solid #2563eb}.team-table-section h4{color:#475569;font-size:1em;margin-top:20px;margin-bottom:10px;font-weight:600}.composition-table{width:100%;border-collapse:collapse;margin-bottom:20px;background:#fff;box-shadow:0 1px 3px #0000000d;border-radius:8px;overflow:hidden;font-size:.9em}.composition-table thead{background:linear-gradient(90deg,#2563eb,#3b82f6);color:#fff}.composition-table thead th{padding:10px 12px;text-align:left;font-weight:600;text-transform:uppercase;font-size:.8em;letter-spacing:.5px}.composition-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s}.composition-table tbody tr:hover{background-color:#f8fafc}.composition-table tbody tr:last-child{border-bottom:none}.composition-table tbody td{padding:10px 12px;color:#334155}.composition-table tbody td.numero{font-weight:700;color:#2563eb;font-size:1.1em;width:50px;text-align:center}.composition-table tbody td:first-child{font-weight:600;color:#1e293b}.officials-table-section{margin:30px 0 0}@media (max-width: 768px){.composition-table{font-size:.9em}.composition-table thead th,.composition-table tbody td{padding:10px 8px}.team-table-section h3,.officials-table-section h3{font-size:1.3em}}.credits-container{max-width:1200px;margin:0 auto;padding:20px}.credits-header{text-align:center;margin-bottom:30px}.credits-header h1{color:#1f2937;font-size:2rem;margin:0 0 10px}.subtitle{color:#6b7280;font-size:1.05rem;margin:0}.upload-card{background:#fff;padding:25px;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:30px}.upload-card h2{margin-top:0;margin-bottom:20px;color:#1f2937;font-size:1.3rem}.file-input-wrapper{position:relative;margin-bottom:20px}.file-input{display:none}.file-label{display:inline-block;padding:12px 24px;background:linear-gradient(90deg,#6366f1,#3b82f6);color:#fff;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #0000001a}.file-label:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.file-selected{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:12px;border-radius:6px;font-weight:500;margin-bottom:15px;margin-top:15px}.upload-button{width:100%;padding:12px;background:linear-gradient(90deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000001a;margin-bottom:15px}.upload-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.upload-button:disabled{opacity:.6;cursor:not-allowed}.message{padding:12px;border-radius:6px;font-weight:500}.message.success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.message.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.credits-display{background:#fff;padding:25px;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:30px}.credits-display h2{margin-top:0;margin-bottom:20px;color:#1f2937;font-size:1.3rem}.data-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:20px}.data-section{background:#f9fafb;padding:20px;border-radius:8px;border:1px solid #e5e7eb}.data-section h3{margin-top:0;margin-bottom:15px;color:#1f2937;font-size:1.15rem;border-bottom:2px solid #e5e7eb;padding-bottom:10px}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}thead{background:#f3f4f6}th{padding:12px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #d1d5db}td{padding:12px;border-bottom:1px solid #e5e7eb;color:#4b5563}tbody tr:hover{background:#fff}tbody tr:nth-child(odd){background:#fff}tbody tr:nth-child(2n){background:#f9fafb}.info-card{background:#fff;padding:25px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.info-card h3{margin-top:0;margin-bottom:15px;color:#1f2937;font-size:1.2rem}.info-card>p{margin:10px 0;color:#4b5563}.format-info{margin:20px 0;padding:15px;background:#f9fafb;border-radius:6px;border-left:4px solid #3b82f6}.format-info h4{color:#1f2937;margin-top:15px;margin-bottom:8px;font-size:1.05rem}.format-info h4:first-child{margin-top:0}.format-info p{margin:5px 0 10px;color:#4b5563;font-size:.95rem}.format-info ul{margin:8px 0;padding-left:20px;color:#4b5563}.format-info li{margin:5px 0;font-size:.95rem}.template-button{display:block;width:100%;padding:12px;background:linear-gradient(90deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer;margin-top:20px;transition:all .2s;box-shadow:0 2px 8px #0000001a}.template-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.credits-container{padding:15px}.credits-header h1{font-size:1.5rem}.upload-card,.info-card,.credits-display{padding:20px}.file-label{width:100%;text-align:center;box-sizing:border-box}.data-display{grid-template-columns:1fr}table{font-size:.85rem}th,td{padding:8px}.partenaires-grid{grid-template-columns:1fr}}.partenaires-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:15px}.partenaire-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:15px;text-align:center;transition:box-shadow .2s}.partenaire-card:hover{box-shadow:0 4px 6px #0000001a}.partenaire-logo{width:100%;height:150px;background:#f3f4f6;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;overflow:hidden}.partenaire-logo img{max-width:100%;max-height:100%;object-fit:contain}.partenaire-card h4{margin:0 0 12px;color:#1f2937;font-size:1rem}.image-upload-label{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;transition:transform .2s,box-shadow .2s}.image-upload-label:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.hidden-file-input{display:none}