.book-table-container{max-width:100%;margin:0 auto;padding:0;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-y:auto;overflow-x:hidden}.book-table-content-wrapper{max-width:600px;margin:0 auto;padding:15px}.book-table-header{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding:15px;background:rgba(255,255,255,.95);border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,.1);backdrop-filter:blur(10px)}.back-button{background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:white;font-size:16px;transition:all .3s ease;box-shadow:0 3px 12px rgba(255,107,107,.3)}.back-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,107,.4)}.book-table-title{color:#2c3e50;font-size:24px;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.booking-form{background:rgba(255,255,255,.95);border-radius:16px;padding:25px;box-shadow:0 6px 24px rgba(0,0,0,.1);backdrop-filter:blur(10px)}.form-section{margin-bottom:25px}.section-title{color:#2c3e50;font-size:20px;font-weight:700;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.input-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}.input-field{position:relative;display:flex;align-items:center;background:rgba(255,255,255,.8);border:2px solid #ecf0f1;border-radius:10px;padding:12px;transition:all .3s ease}.input-field:focus-within{border-color:#3498db;box-shadow:0 6px 20px rgba(52,152,219,.2);transform:translateY(-2px)}.input-icon{color:#7f8c8d;font-size:16px;margin-right:10px;min-width:18px}.form-select{flex:1;border:none;background:transparent;font-size:15px;color:#2c3e50;font-weight:500;cursor:pointer;outline:none}.form-select option{background:white;color:#2c3e50;padding:10px}.time-slots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin-top:15px}.time-slot{background:rgba(236,240,241,.8);border:2px solid #ecf0f1;border-radius:8px;padding:12px 8px;font-size:13px;font-weight:600;color:#2c3e50;cursor:pointer;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:center;min-height:45px}.time-slot:hover{background:rgba(52,152,219,.1);border-color:#3498db;transform:translateY(-2px);box-shadow:0 4px 15px rgba(52,152,219,.2)}.time-slot.selected{background:linear-gradient(45deg,#3498db,#2980b9);border-color:#3498db;color:white;box-shadow:0 6px 20px rgba(52,152,219,.3)}.check-icon{position:absolute;top:5px;right:5px;font-size:12px;color:white}.special-request-textarea{width:100%;padding:12px;border:2px solid #ecf0f1;border-radius:10px;font-size:15px;background:rgba(255,255,255,.8);resize:vertical;transition:all .3s ease;font-family:inherit}.special-request-textarea:focus{outline:none;border-color:#3498db;box-shadow:0 6px 20px rgba(52,152,219,.2);transform:translateY(-2px)}.form-actions{display:flex;justify-content:center;margin-top:25px}.submit-button{background:linear-gradient(45deg,#27ae60,#2ecc71);color:white;border:none;padding:15px 35px;border-radius:20px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 18px rgba(39,174,96,.3);min-width:180px;position:relative;overflow:hidden}.submit-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px rgba(39,174,96,.4)}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-button.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}[dir=rtl] .input-icon{margin-right:0;margin-left:12px}[dir=rtl] .check-icon{right:auto;left:5px}[dir=rtl] .back-button{transform:scaleX(-1)}@media (max-width:768px){.book-table-container{padding:15px}.book-table-header{padding:15px;margin-bottom:20px}.book-table-title{font-size:24px}.booking-form{padding:20px}.input-group{grid-template-columns:1fr;gap:15px}.time-slots-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.time-slot{padding:12px 8px;font-size:13px;min-height:45px}.submit-button{padding:15px 30px;font-size:16px;min-width:180px}}@media (max-width:480px){.book-table-container{padding:10px}.book-table-header{padding:12px;gap:15px}.book-table-title{font-size:20px}.booking-form{padding:15px}.section-title{font-size:18px}.input-field{padding:12px}.time-slots-grid{grid-template-columns:repeat(2,1fr)}.time-slot{padding:10px 6px;font-size:12px;min-height:40px}.submit-button{padding:12px 25px;font-size:15px;min-width:160px}}.loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#2c3e50;font-size:18px;font-weight:500}.loading-spinner{width:40px;height:40px;border:4px solid #ecf0f1;border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.booking-form{animation:slideInUp .5s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.book-table-container::-webkit-scrollbar{width:8px}.book-table-container::-webkit-scrollbar-track{background:rgba(255,255,255,.3);border-radius:4px}.book-table-container::-webkit-scrollbar-thumb{background:rgba(52,152,219,.5);border-radius:4px}.book-table-container::-webkit-scrollbar-thumb:hover{background:rgba(52,152,219,.7)}.book-table-container{scrollbar-width:thin;scrollbar-color:rgba(52,152,219,.5) rgba(255,255,255,.3)}