*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background-color:#f4f4f4}.container{max-width:1200px;margin:0 auto;padding:0 20px}.top-menu{background:linear-gradient(135deg,#28a745,#20c997);padding:1rem 0;box-shadow:0 2px 10px #0000001a}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.logo{font-size:1.8rem;font-weight:700;color:#fff}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s ease;padding:.5rem 1rem;border-radius:5px}.nav-links a:hover,.nav-links a.active{background-color:#fff3}.main-wrapper{min-height:calc(100vh - 140px);padding:2rem 0}.main-content{background:#fff;border-radius:10px;padding:2rem;margin-bottom:2rem;box-shadow:0 5px 15px #0000001a}.carousel{position:relative;margin-bottom:2rem;border-radius:10px;overflow:hidden}.carousel-container{position:relative;height:400px}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out;display:flex;align-items:center;justify-content:center}.carousel-slide.active{opacity:1}.carousel-slide img{width:100%;height:100%;object-fit:cover}.carousel-content{position:absolute;bottom:20px;left:20px;background:#000000b3;color:#fff;padding:1rem;border-radius:5px}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fffc;border:none;font-size:2rem;padding:.5rem 1rem;cursor:pointer;border-radius:5px;transition:background .3s ease}.carousel-btn:hover{background:#fff}.carousel-btn.prev{left:20px}.carousel-btn.next{right:20px}.carousel-dots{position:absolute;bottom:20px;right:20px;display:flex;gap:.5rem}.dot{width:12px;height:12px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:background .3s ease}.dot.active{background:#fff}.amenities{margin-top:2rem}.amenities h2{margin-bottom:1rem;color:#333}.amenities-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.amenity-item{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#f8f9fa;border-radius:5px}.book-now-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:.75rem 1.5rem;text-decoration:none;border-radius:5px;font-weight:700;transition:transform .3s ease;display:inline-block}.book-now-btn:hover{transform:translateY(-2px)}.booking-form{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 5px 15px #0000001a;margin-bottom:2rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700;color:#333}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:5px;font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#28a745}.btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:transform .3s ease}.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.bookings-list{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 5px 15px #0000001a}.booking-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #eee;border-radius:5px;margin-bottom:1rem}.booking-details{flex:1}.booking-total{font-weight:700;color:#28a745;margin-right:1rem}.btn-danger{background:#dc3545;color:#fff;padding:.5rem 1rem;border:none;border-radius:5px;cursor:pointer}.btn-danger:hover{background:#c82333}.testimonials{margin-top:2rem}.testimonials h2{text-align:center;margin-bottom:2rem;color:#333}.testimonial-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.testimonial-card{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 5px 15px #0000001a;text-align:center}.testimonial-author{margin-top:1rem;font-weight:700;color:#28a745}.footer{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;text-align:center;padding:2rem 0;margin-top:2rem}.footer a{color:#fff;text-decoration:none}.footer a:hover{text-decoration:underline}.tab-container{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;overflow:hidden;margin-bottom:2rem}.tab-nav{display:flex;background:#f8f9fa;border-bottom:1px solid #dee2e6}.tab-btn{flex:1;padding:1rem 2rem;border:none;background:transparent;color:#6c757d;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent}.tab-btn:hover{background:#e9ecef;color:#495057}.tab-btn.active{background:#fff;color:#28a745;border-bottom-color:#28a745}.tab-content{padding:0}.tab-pane{padding:2rem}.loading-message,.empty-message,.error-message{text-align:center;padding:2rem;color:#6c757d}.error-message{color:#dc3545;background:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;margin-top:1rem}.sport-label{color:#28a745;font-weight:500}.date-label{color:#6c757d;font-size:.9rem}.phone-label{color:#007bff;font-size:.9rem;font-weight:500}.time-label{color:#fd7e14;font-size:.9rem;font-weight:500}.booking-status{display:flex;align-items:center}.status-badge{padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:500;color:#fff}.status-badge.active{background:#28a745}.status-badge.enrolled{background:#007bff}.table-container{overflow-x:auto;margin-top:1rem}.data-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.data-table th{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:1rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:1rem;border-bottom:1px solid #e9ecef;vertical-align:middle}.data-table tbody tr:hover{background-color:#f8f9fa}.data-table tbody tr:last-child td{border-bottom:none}.name-cell{font-weight:600;color:#333}.phone-cell{color:#007bff;font-family:monospace}.date-cell{color:#6c757d}.time-cell{color:#fd7e14;font-weight:500}.status-cell{text-align:center}@media (max-width: 768px){.nav-container{flex-direction:column;gap:1rem}.nav-links{gap:1rem}.carousel-container{height:250px}.amenities-list,.testimonial-cards{grid-template-columns:1fr}.booking-item{flex-direction:column;gap:1rem;text-align:center}.tab-nav{flex-direction:column}.tab-btn{flex:none;padding:.75rem 1rem}.data-table{font-size:.8rem}.data-table th,.data-table td{padding:.5rem}.table-container{overflow-x:scroll}}