.reservation-container{max-width:1200px;margin:2rem auto;padding:20px}h2{font-size:2.5rem;margin-bottom:2rem;text-align:center}h3{font-size:1.8rem;margin-bottom:1rem}.reservation-layout{display:flex;flex-direction:column;gap:1rem}.reservation-sidebar{order:1}.reservation-main{order:2}.slots-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,1fr);gap:.5rem}.slot{padding:.6rem .4rem;border-radius:6px;border:1px solid #ddd;text-align:center;background:#fff;cursor:pointer}.slot.available:hover{background:#f0f8ff}.slot.unavailable{background:#f5f5f5;color:#999;border-color:#eee;cursor:not-allowed}.slot.selected{background:#0d6efd;color:#fff;border-color:#0d6efd}.reservation-details{margin-top:1rem;padding:1rem;border:1px solid #eee;border-radius:6px;background:#fafafa}.reservation-card{padding:1.5rem;border-radius:12px;border:1px solid #e6e6e6;background:#fff;box-shadow:0 12px 30px #0000000f;width:100%}.success-card{border-color:#c7efd9;background:#e9f8f0}.reservation-details .actions{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.reservation-input{width:100%;font-size:1.05rem;padding:.6rem 1rem;border:1px solid #d0d0d0;border-radius:25px;background:#fff;box-shadow:0 2px 8px #0000000a;font-family:inherit;color:#333;transition:all .3s ease}.reservation-input:hover{border-color:#999;box-shadow:0 4px 12px #00000014}.reservation-input:focus{outline:none;border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd26}.reservation-btn{width:100%;font-size:1.05rem;padding:.6rem 1.2rem;border:none;border-radius:25px;background-color:#0d6efd;display:inline-block;color:#fff;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease}.reservation-btn:hover{background-color:#0b5ed7;box-shadow:0 4px 12px #0000001a}.reservation-btn:active{background-color:#0a58ca;box-shadow:0 2px 6px #0000001a}.reservation-btn:focus{outline:none;box-shadow:0 0 0 3px #0d6efd26}.reservation-btn-secondary{width:100%;font-size:1.05rem;padding:.6rem 1.2rem;border:2px solid #6c757d;border-radius:25px;background-color:transparent;display:inline-block;color:#6c757d;cursor:pointer;transition:all .3s ease;margin-top:.75rem}.reservation-btn-secondary:hover{background-color:#6c757d;color:#fff;box-shadow:0 4px 12px #0000001a}.reservation-btn-secondary:active{background-color:#5a6268;border-color:#5a6268;box-shadow:0 2px 6px #0000001a}.reservation-btn-secondary:focus{outline:none;box-shadow:0 0 0 3px #6c757d26}@media(min-width:768px){.reservation-layout{flex-direction:row}.reservation-sidebar{flex:0 0 320px;order:1}.reservation-main{flex:1 1 auto;order:2}}