.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 4px 20px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:1}.modal-header h2{margin:0;font-size:1.5rem;color:#333}.modal-form{padding:20px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#333}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-group textarea{resize:vertical;min-height:100px}.submit-btn{background-color:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:4px;cursor:pointer;font-size:16px;width:100%}.submit-btn:hover{background-color:#0056b3}@media(max-width:768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh;border-radius:4px}.modal-header{padding:15px}.modal-header h2{font-size:1.25rem}.modal-form{padding:15px}.form-group{margin-bottom:15px}.form-group input,.form-group textarea,.form-group select{padding:8px;font-size:16px}}@media(max-width:480px){.modal-overlay{padding:5px}.modal-content{max-height:98vh;border-radius:0}.modal-header{padding:12px}.modal-header h2{font-size:1.1rem}.modal-form{padding:12px}.form-group{margin-bottom:12px}.submit-btn{padding:10px 20px;font-size:14px}}.modal-header h2{color:#119bc6}.news-form{padding:20px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#119bc6}.news-list{padding:20px}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.list-header h3{margin:0;color:#333}.add-btn{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px}.add-btn:hover{background-color:#218838}.notices-grid{display:grid;gap:15px;max-height:400px;overflow-y:auto}.notice-item{border:1px solid #e0e0e0;border-radius:8px;padding:15px;background-color:#f9f9f9}.notice-item h4{margin:0 0 10px;color:#119bc6;font-size:16px}.notice-item p{margin:0 0 15px;color:#666;font-size:14px;line-height:1.4}.delete-btn{background-color:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:12px}@media(max-width:768px){.list-header{flex-direction:column;gap:15px;align-items:stretch}.add-btn{width:100%}.form-actions{flex-direction:column;gap:10px}.cancel-btn,.submit-btn{width:100%}.notices-grid{max-height:300px}}@media(max-width:480px){.news-form,.news-list{padding:15px}.notice-item{padding:12px}.notice-item h4{font-size:14px}.notice-item p{font-size:13px}}.birthday-modal .modal-header{background:#f8f9fa}.birthday-modal .modal-header h2{color:#007bff}.birthday-modal .close-btn:hover{background:#e9ecef}.birthday-modal .players-list{padding:20px;display:block}.birthday-modal .list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.birthday-modal .list-header h3{margin:0;color:#333;font-size:1.2rem}.birthday-modal .add-btn{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.birthday-modal .add-btn:hover{background-color:#0056b3}.birthday-modal .search-container{margin-bottom:20px}.birthday-modal .search-input{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.birthday-modal .search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.birthday-modal .players-grid{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto}.birthday-modal .player-item{border:1px solid #e0e0e0;border-radius:8px;padding:15px;background-color:#f8f9fa;transition:box-shadow .2s}.birthday-modal .player-item:hover{box-shadow:0 2px 8px #0000001a}.birthday-modal .player-info h4{margin:0 0 8px;color:#007bff;font-size:16px}.birthday-modal .player-info p{margin:4px 0;color:#666;font-size:14px;text-align:center}.birthday-modal .player-actions{display:flex;gap:8px;margin-top:15px}.birthday-modal .edit-btn{background-color:#ffc107;color:#212529;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .2s}.birthday-modal .edit-btn:hover{background-color:#e0a800}.birthday-modal .delete-btn{background-color:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .2s}.birthday-modal .delete-btn:hover{background-color:#c82333}.birthday-modal .birthday-form{padding:20px}.birthday-modal .form-group{margin-bottom:20px}.birthday-modal .form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.birthday-modal .form-group input,.birthday-modal .form-group select{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.birthday-modal .form-group input:focus,.birthday-modal .form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.birthday-modal .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid #eee}.birthday-modal .cancel-btn{background-color:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.birthday-modal .cancel-btn:hover{background-color:#545b62}.birthday-modal .submit-btn{background-color:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.birthday-modal .submit-btn:hover{background-color:#0056b3}@media(max-width:768px){.birthday-modal .list-header{flex-direction:column;gap:15px;align-items:stretch}.birthday-modal .add-btn{width:100%}.birthday-modal .player-actions{flex-direction:column;gap:10px}.birthday-modal .edit-btn,.birthday-modal .delete-btn{width:100%;padding:10px}.birthday-modal .form-actions{flex-direction:column;gap:10px}.birthday-modal .cancel-btn,.birthday-modal .submit-btn{width:100%}.birthday-modal .players-grid{max-height:300px}}@media(max-width:480px){.birthday-modal .players-list,.birthday-modal .birthday-form{padding:15px}.birthday-modal .player-item{padding:12px}.birthday-modal .player-info h4{font-size:14px}.birthday-modal .player-info p{font-size:13px}}.crop-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1001}.crop-container{background:#fff;padding:20px;border-radius:8px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;text-align:center}.crop-container h3{margin:0 0 15px;text-align:center}.ReactCrop{margin:20px auto;display:inline-block;max-width:100%}.ReactCrop__image{max-width:100%;max-height:400px;object-fit:contain}.ReactCrop__crop-selection{border:3px solid #007bff;border-radius:50%;box-shadow:0 0 0 9999em #00000080}.ReactCrop__drag-handle{background:#007bff;border:2px solid white;border-radius:50%;width:12px;height:12px}.crop-actions{display:flex;gap:10px;justify-content:center}.crop-actions button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.crop-actions button:first-child{background:#6c757d;color:#fff}.crop-actions button:last-child{background:#007bff;color:#fff}.photo-preview{margin-top:15px;text-align:center;display:flex;flex-direction:column;align-items:center}.photo-preview img{display:block;margin:0 auto;box-shadow:0 2px 8px #0000001a}.birthday-modal .player-item{display:flex;flex-direction:row;align-items:center;padding:15px;border:1px solid #e0e0e0;border-radius:8px;background-color:#f8f9fa;gap:15px}.player-photo-container{flex-shrink:0}.player-photo-modal{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #f0f0f0;box-shadow:0 2px 8px #0000001a}.birthday-modal .player-info{flex:1;text-align:left;display:flex;flex-direction:column;justify-content:center;align-items:center}.birthday-modal .player-actions{flex-shrink:0;display:flex;gap:8px;margin-top:0}.modal-content{background-color:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.modal-header h2{color:#119bc6;margin:0;font-size:1.5rem}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:#333}.sponsor-form{padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;font-family:inherit;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#119bc6}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.cancel-btn,.submit-btn{padding:12px 24px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.cancel-btn{background-color:#f5f5f5;color:#666}.cancel-btn:hover{background-color:#e0e0e0}.submit-btn{background-color:#119bc6;color:#fff}.submit-btn:hover{background-color:#0e7a9a}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:20px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-btn{background:none;border:none;font-size:24px;cursor:pointer}.modal-form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-weight:700}.form-group input{padding:8px;border:1px solid #ddd;border-radius:4px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.cancel-btn,.submit-btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.cancel-btn{background-color:#6c757d;color:#fff}.submit-btn{background-color:#007bff;color:#fff}.team-modal{max-width:700px}.teams-list{margin-top:30px;border-top:1px solid #ddd;padding-top:20px}.teams-list h3{margin:0;color:#333}.teams-list p{text-align:center;color:#666;font-style:italic;margin:20px 0}.team-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid #eee;border-radius:4px;margin-bottom:10px;background-color:#f9f9f9}.teams-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.save-order-btn{background-color:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.save-order-btn:hover{background-color:#1e7e34}.order-controls{display:flex;flex-direction:column;gap:2px;margin-right:10px}.arrow-btn{background-color:#007bff;color:#fff;border:none;width:24px;height:20px;border-radius:3px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.arrow-btn:hover:not(:disabled){background-color:#0056b3}.arrow-btn:disabled{background-color:#ccc;cursor:not-allowed}.team-info{display:flex;flex-direction:column;gap:5px;flex:1}.team-info strong{font-size:16px;color:#333}.team-info span{font-size:14px;color:#666}.edit-name{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.edit-input{padding:5px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px}.team-actions{display:flex;gap:10px}.edit-btn{background-color:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px}.edit-btn:hover{background-color:#0056b3}.save-btn{background-color:#28a745;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px}.save-btn:hover{background-color:#1e7e34}.cancel-btn{background-color:#6c757d;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px}.cancel-btn:hover{background-color:#545b62}.delete-btn{background-color:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px}.delete-btn:hover{background-color:#c82333}@media(max-width:768px){.teams-header{flex-direction:column;gap:10px;align-items:flex-start}.save-order-btn{width:100%;padding:10px}.team-item{flex-direction:column;gap:15px;align-items:stretch}.order-controls{flex-direction:row;justify-content:center;margin-right:0;gap:10px}.team-actions{justify-content:center;gap:15px}.edit-name{flex-direction:column;gap:10px}.edit-input{min-width:auto;width:100%}}@media(max-width:480px){.team-item{padding:15px}.teams-header h3{font-size:1.1rem}.team-actions{flex-direction:column;gap:10px}.edit-btn,.delete-btn,.save-btn,.cancel-btn{width:100%;padding:8px}}.match-modal .modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.match-modal .modal-content{background:#fff;border-radius:8px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto}.match-modal .matches-section{padding:20px!important}.match-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.match-modal .modal-header h2{margin:0;color:#333}.match-modal .close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.match-modal .modal-body{padding:20px}.match-modal .match-sections{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.match-modal .create-section h3,.match-modal .matches-section h3{margin:0 0 1rem;color:#333}.match-modal .create-section form{display:flex;flex-direction:column;gap:1rem}.match-modal .create-section input,.match-modal .create-section select{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.match-modal .create-section input:focus,.match-modal .create-section select:focus{outline:none;border-color:#007bff}.match-modal .form-group{margin-bottom:15px}.match-modal .form-group input,.match-modal .form-group select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.match-modal .matches-list{max-height:400px;overflow-y:auto}.match-modal .game-item{background:#f8f9fa;padding:1rem;margin-bottom:1rem;border-radius:8px;border:1px solid #e0e0e0}.match-modal .game-content{display:flex;gap:1rem;margin-bottom:1rem}.match-modal .game-rival-image{width:60px;height:60px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.match-modal .rival-logo{width:60px;height:60px;object-fit:contain;border-radius:8px}.match-modal .game-details{flex:1}.match-modal .game-details p{margin:.25rem 0;font-size:.9rem;color:#333}.match-modal .home-away-selector{display:flex;gap:1rem;align-items:center}.match-modal .home-away-selector label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:14px}.match-modal .game-actions{display:flex;gap:.5rem}.match-modal .edit-btn,.match-modal .finalize-btn,.match-modal .submit-btn,.match-modal .delete-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.match-modal .edit-btn{background-color:#ffc107;color:#212529}.match-modal .finalize-btn{background-color:#28a745;color:#fff}.match-modal .submit-btn{background-color:#007bff;color:#fff}.match-modal .delete-btn{background-color:#dc3545;color:#fff}.match-modal .edit-datetime{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin:.5rem 0}.match-modal .edit-datetime input{padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:12px}.match-modal .save-btn,.match-modal .cancel-btn{padding:4px 8px;border:none;border-radius:4px;cursor:pointer;font-size:12px}.match-modal .save-btn{background-color:#28a745;color:#fff}.match-modal .cancel-btn{background-color:#6c757d;color:#fff}.match-modal .rival-selector{position:relative;width:100%}.match-modal .rival-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto;z-index:1000}.match-modal .rival-option{padding:.75rem;cursor:pointer;border-bottom:1px solid #eee}.match-modal .rival-option:hover{background:#f8f9fa}.match-modal .search-container{margin-bottom:1rem}.match-modal .search-input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.match-modal .search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}@media(max-width:768px){.match-modal .match-sections{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.header-image-modal{background:#fff;border-radius:8px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;padding:0}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-header h2{margin:0;color:#333}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.header-image-form{padding:20px;border-bottom:1px solid #eee}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#333}.form-group input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.header-image-form button{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer}.header-image-form button:disabled{background:#ccc;cursor:not-allowed}.images-list{padding:20px}.images-list h3{margin-top:0;color:#333}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.image-item{border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff}.image-item img{width:100%;height:150px;object-fit:cover}.image-actions{padding:10px;display:flex;gap:10px;flex-wrap:wrap}.image-actions a{color:#007bff;text-decoration:none;font-size:12px}.image-actions button{background:#dc3545;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px}