body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{max-width:1200px;margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:30px}.first-available{background:#e8f5e9;padding:15px;border-radius:8px;margin-bottom:20px;text-align:center}.booking-form{background:#f5f5f5;padding:20px;border-radius:8px;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input,.form-group select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}button{background:#1976d2;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px}button:hover{background:#1565c0}button:disabled{background:#ccc;cursor:not-allowed}.bookings-list{margin-top:30px}.booking-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:15px;margin-bottom:10px}.booking-card h3{margin-top:0}.booking-actions{margin-top:10px}.booking-actions button{margin-right:10px}.error{background:#ffebee;color:#c62828;padding:10px;border-radius:4px;margin-bottom:15px}.success{background:#e8f5e9;color:#2e7d32;padding:10px;border-radius:4px;margin-bottom:15px}.heatmap-container{width:100%;max-width:900px;margin:0 auto}.date-selector{margin-bottom:20px}.date-selector input{padding:10px;font-size:16px;border:1px solid #ddd;border-radius:4px}.heatmap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-bottom:20px}.heatmap-cell{padding:12px;border-radius:8px;cursor:pointer;text-align:center;transition:all .2s;border:2px solid transparent}.heatmap-cell:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.heatmap-cell.selected{border:2px solid #333;box-shadow:0 0 0 3px #0000001a}.hour-label{font-weight:700;font-size:14px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.availability{font-size:12px;margin-top:4px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.booking-controls{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px;display:flex;gap:20px;align-items:center}.booking-controls label{display:flex;flex-direction:column;gap:8px}.booking-controls select{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.book-button{padding:12px 24px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700}.book-button:hover{background:#0056b3}.legend{display:flex;gap:20px;justify-content:center;padding:15px;background:#f8f9fa;border-radius:8px}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:24px;height:24px;border-radius:4px}