*{margin:0;padding:0}.spacer{min-height:500px}.seat-booking{text-align:center;margin:20px}.seat-layout{display:inline-block;margin:20px 0}.seat-row{display:flex;justify-content:center;margin-bottom:10px}.seat{width:40px;height:40px;border:1px solid #ddd;margin:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.available-seat{background-color:#f0f0f0}.booked-seat{background-color:#e74c3c;cursor:not-allowed}.selected-seat{background-color:#2ecc71}.actions{margin-top:20px}button{padding:10px 20px;background-color:#2ecc71;color:#fff;border:none;cursor:pointer;font-size:16px}button:hover{background-color:#27ae60}.legend{margin-top:20px;display:flex;justify-content:center}.legend-item{margin:0 20px;display:flex;align-items:center}.legend-item .seat{margin-right:10px}