.toast-container{position:fixed;bottom:20px;right:20px;z-index:9999}.toast{background-color:#333;color:white;padding:15px 25px;border-radius:4px;margin-bottom:10px;min-width:250px;box-shadow:0 4px 8px rgba(0,0,0,0.2);display:flex;align-items:center;animation:toast-in-right 0.3s,toast-out 0.3s 1.4s forwards;opacity:0}.toast.success{background-color:#28a745;border-left:5px solid #1e7e34}.toast.error{background-color:#dc3545;border-left:5px solid #bd2130}.toast.info{background-color:#17a2b8;border-left:5px solid #138496}.toast-icon{margin-right:10px;font-size:1.2em}.toast-message{flex-grow:1}@keyframes toast-in-right{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes toast-out{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}:root{--interval-height:20px;--brand-bg:#f8fafc;--brand-accent:#0d6efd;--brand-accent-2:#198754;--surface:#ffffff;--card:#ffffff;--muted:#6c757d;--border:#e5e7eb;--shadow:0 8px 20px rgba(15,23,42,0.08)}body{background:#f5f7fb;color:#212529}.header{background:#ffffff;box-shadow:0 6px 16px rgba(15,23,42,0.06);border-radius:14px;padding:16px 20px}.header h1{margin:0;font-weight:700;letter-spacing:0.3px;color:#1f2937}.header .header-actions .btn{border:1px solid transparent;color:#f8fafc;background:var(--brand-accent);box-shadow:0 6px 14px rgba(37,99,235,0.3);transition:all 0.2s ease}.header .header-actions .btn:hover{background:linear-gradient(135deg,#1d4ed8,#3b82f6);border-color:transparent;color:#fff;box-shadow:0 10px 22px rgba(37,99,235,0.4)}.header .header-actions .btn:active{transform:translateY(1px)}.main-container{background:#ffffff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 25px rgba(15,23,42,0.08)}.main-container{display:flex;gap:20px;padding:20px;height:calc(100vh - 80px);min-height:600px;position:relative}.calendar-container{flex:0 0 480px;height:calc(100vh - 160px);background:var(--card);border-radius:14px;box-shadow:var(--shadow);padding:16px;margin-bottom:20px;border:1px solid #e5e7eb}.rooms-container{flex:1;display:flex;gap:12px;overflow-x:auto;height:100%;min-height:600px;background:var(--card);border-radius:14px;box-shadow:var(--shadow);padding:15px;border:1px solid #e5e7eb}.idle-room{flex:0 0 200px;min-width:180px;max-width:200px;display:flex;flex-direction:column;height:100%;background:#ffffff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 6px 16px rgba(15,23,42,0.06)}.calendar-container #calendar{height:100%;min-height:600px}.room-container{flex:0 0 200px;min-width:180px;max-width:200px;display:flex;flex-direction:column;height:100%;background:#ffffff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 6px 16px rgba(15,23,42,0.06)}.room-header{background:linear-gradient(135deg,#0d6efd,#5ea8ff);padding:12px;border:1px solid #0d6efd;border-bottom:none;text-align:center;border-radius:12px 12px 0 0;color:#ffffff;letter-spacing:0.2px}.room-timeline-wrapper{display:flex;flex:1 1 0;position:relative;height:100%;border:1px solid #e5e7eb;border-radius:0 0 12px 12px;background:#ffffff;overflow:hidden;min-height:0}.scroll-sync-inner{display:flex;height:100%;width:100%;overflow-y:auto}.time-labels{width:80px;flex-shrink:0;background:#f8f9fa;border-right:1px solid #e9ecef;padding-top:10px;border-radius:0 0 0 8px;overflow:visible;height:100%;min-height:0}.time-label{height:20px;line-height:20px;display:block;text-align:right;padding-right:12px;font-size:0.75rem;color:#495057;border-bottom:1px solid #e9ecef;background:transparent;user-select:none;white-space:nowrap;box-sizing:border-box}.room-timeline{flex:1 1 auto;overflow:visible;background:#ffffff;padding-left:8px;padding-top:10px;position:relative;border-radius:0 0 8px 0;display:flex;flex-direction:column;min-height:0}.idle-drop-area{display:flex;flex-direction:column;gap:8px;padding:12px;overflow-y:auto;align-items:stretch;min-height:200px}.idle-room .idle-drop-area{flex:1 1 auto;height:100%}.idle-drop-area .reservation-card{position:relative!important;top:auto!important;height:auto!important}.drop-indicator{pointer-events:none}.idle-drop-area .reservation-card{position:relative;width:100%;left:0;margin:0;background:#fff3cd;color:#856404;border:1px solid #ffeeba;box-shadow:none}.idle-empty-state{text-align:center;color:#6c757d;font-size:0.9rem;padding:6px 0}#loading-overlay{position:fixed;inset:0;background:rgba(255,255,255,0.7);display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;pointer-events:none;transition:opacity 0.2s ease}#loading-overlay.visible{opacity:1;pointer-events:all}.loading-spinner{padding:12px 16px;background:#0d6efd;color:white;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.2);font-weight:600}.time-slot{position:relative;height:20px;line-height:20px;border-bottom:1px solid #e9ecef;min-height:20px;background:white;cursor:pointer;transition:background-color 0.2s ease;box-sizing:border-box}.time-slot:hover{background:#f8f9fa}.reservation-card{position:absolute;width:100%;background:#f7fbff;color:#12324f;padding:6px 6px 8px;border-radius:6px;cursor:grab;z-index:100;font-size:0.85em;overflow:hidden;border:1px solid #1565c0;box-shadow:0 3px 8px rgba(0,0,0,0.12);transition:all 0.2s ease;box-sizing:border-box;margin:0;left:0}.reservation-card:active{cursor:grabbing}.reservation-card:hover{background:#bbdefb;border-color:#1565c0;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.15)}.reservation-card .time-indicator{position:absolute;top:0;left:0;right:0;height:14px;background:#1565c0;color:#ffffff;font-size:0.6rem;padding:0 2px;display:flex;justify-content:space-between;align-items:center;font-weight:500;line-height:1.1}.reservation-card .time-indicator .time-range{background:rgba(255,255,255,0.18);padding:0px 4px;border-radius:3px;display:inline-block;width:100%;text-align:center;font-weight:600;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reservation-card .content{margin-top:18px;padding:4px 4px 2px;display:flex;flex-direction:column;gap:1px}.reservation-card .name-row{display:flex;align-items:center;justify-content:space-between;width:100%}.reservation-card .content strong{font-size:0.85em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.reservation-card .people-count{font-size:0.78em;color:#0f1f30;background:rgba(21,101,192,0.12);padding:2px 6px;border-radius:6px;margin-left:6px;white-space:nowrap;font-weight:600}.reservation-card strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0f2f4f;font-weight:700;margin-bottom:4px}.reservation-card .bilingual-label{font-size:0.8em;color:#1976d2}.reservation-card .remove-btn{position:absolute;top:2px;right:2px;background:rgba(255,0,0,0.8);color:white;border:none;border-radius:50%;width:20px;height:20px;font-size:12px;cursor:pointer;display:none}.reservation-card:hover .remove-btn{display:block}.reservation-card:hover .remove-btn:hover{background:red}.fc{font-size:0.9em;height:100%}.fc .fc-toolbar{flex-wrap:wrap;gap:10px}.fc .fc-toolbar-title{font-size:1.2em}.fc .fc-button{padding:0.3em 0.6em;font-size:0.9em}.fc-view-harness{height:auto!important}.bilingual-label{display:flex;flex-direction:column;margin-bottom:0.5rem}.bilingual-label .en{font-size:0.9em;font-weight:500;color:#212529}.bilingual-label .zh{font-size:0.8em;color:#666}.unavailable{color:#999;background-color:#f5f5f5}.form-group{margin-bottom:1.5rem;position:relative}.form-control.is-invalid{border-color:#dc3545;padding-right:calc(1.5em + 0.75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.form-control.is-valid{border-color:#28a745;padding-right:calc(1.5em + 0.75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.invalid-feedback{display:none;width:100%;margin-top:0.25rem;font-size:0.875em;color:#dc3545}.form-control.is-invalid~.invalid-feedback{display:block}.form-control:focus.is-invalid{box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25)}.form-control:focus.is-valid{box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25)}.conflict-alert{margin-bottom:20px;border-left:5px solid #dc3545;background-color:#f8d7da;color:#721c24;padding:15px;border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,0.1);animation:pulse 2s infinite}.conflict-alert strong{font-size:1.1em;display:block;margin-bottom:8px}.conflict-alert p{margin:5px 0}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(220,53,69,0.4)}70%{box-shadow:0 0 0 10px rgba(220,53,69,0)}100%{box-shadow:0 0 0 0 rgba(220,53,69,0)}}.form-group label.required::after{content:"*";color:red;margin-left:4px}.form-control{border-radius:4px;border:1px solid #ced4da;padding:0.75rem 1rem;font-size:1rem;transition:all 0.2s ease-in-out;background-color:#fff}.form-control:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}.form-control::placeholder{color:#6c757d;opacity:0.7}.form-control:required:invalid{border-color:#dc3545}.form-control:required:valid{border-color:#28a745}.text-muted{font-size:0.875rem;color:#6c757d}.quick-duration-buttons{display:flex;gap:10px;margin-bottom:1rem}.duration-btn{flex:1;padding:0.5rem;border:1px solid #007bff;border-radius:4px;background:white;color:#007bff;cursor:pointer;transition:all 0.2s}.duration-btn:hover,.duration-btn.active{background:#007bff;color:white}.price-estimate{margin-top:1rem;padding:1rem;background:#f8f9fa;border-radius:4px;border:1px solid #ddd}.price-estimate h4{margin-bottom:0.5rem;color:#333}.price-breakdown{font-size:0.9em;color:#666}.room-suggestion{margin-top:1rem;padding:1rem;background:#e3f2fd;border-radius:4px;border:1px solid #90caf9}.room-suggestion h4{margin-bottom:0.5rem;color:#1976d2}.suggestion-reason{font-size:0.9em;color:#1976d2}.time-suggestion{margin-top:1rem;padding:1rem;background:#f3e5f5;border-radius:4px;border:1px solid #ce93d8}.time-suggestion h4{margin-bottom:0.5rem;color:#7b1fa2}.suggestion-times{display:flex;gap:10px;margin-top:0.5rem}.suggestion-time-btn{padding:0.5rem 1rem;border:1px solid #7b1fa2;border-radius:4px;background:white;color:#7b1fa2;cursor:pointer;transition:all 0.2s}.suggestion-time-btn:hover{background:#7b1fa2;color:white}.loading-indicator{display:none;text-align:center;padding:1rem}.loading-indicator.active{display:block}.spinner{width:40px;height:40px;margin:0 auto;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.quick-time-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:1rem 0}.time-preset-btn{padding:0.75rem;border:1px solid #007bff;border-radius:4px;background:white;color:#007bff;cursor:pointer;transition:all 0.2s;text-align:center}.time-preset-btn:hover{background:#007bff;color:white}.time-preset-btn .chinese{font-size:0.9em;color:#666}.time-preset-btn:hover .chinese{color:#fff}.breakdown-item{display:flex;justify-content:space-between;margin-bottom:0.5rem;padding:0.5rem 0;border-bottom:1px solid #eee}.breakdown-item.total{border-top:2px solid #ddd;border-bottom:none;font-weight:bold;font-size:1.1em;margin-top:1rem}.breakdown-label{display:flex;flex-direction:column}.breakdown-label .chinese{font-size:0.8em;color:#666}#period-charges{flex:1;margin-left:1rem;font-size:0.9em;color:#666}.modal-dialog{max-width:500px}.modal-body{padding:1rem}.form-group{margin-bottom:0.5rem}.form-control{padding:0.375rem 0.75rem;font-size:0.9rem}.accordion-button{padding:0.5rem 1rem;font-size:0.9rem}.accordion-body{padding:0.5rem}.time-slot.occupied{background-color:#fff3f3}.time-slot.occupied .time-label{color:#dc3545;font-weight:bold}.time-slot.selected{background:#e3f2fd;border:1px solid #1976d2}.time-slot.selected .time-label{background:#e3f2fd;color:#1976d2;font-weight:bold}.cost-summary{position:absolute;right:5px;top:5px;background:rgba(0,123,255,0.1);padding:2px 6px;border-radius:4px;font-size:0.8em;color:#007bff}.period-charge{margin-bottom:12px;padding:8px;border-radius:4px;background-color:#f8f9fa}.period-charge:last-child{margin-bottom:0}.period-charge-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.period-label{font-weight:500;color:#495057}.period-details{font-size:0.9em;color:#6c757d}.period-amount{font-weight:500;color:#0d6efd}.no-charges{color:#6c757d;font-style:italic;text-align:center;padding:12px}.bilingual-label.horizontal{flex-direction:row;gap:0.5rem;align-items:center}.bilingual-label.horizontal .en{margin-right:0.5rem}.bilingual-label.horizontal .zh{font-size:0.9em}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:16px 12px;padding-right:2.5rem}.flatpickr-input{background-color:#ffffff!important;cursor:text!important}.flatpickr-calendar.animate.inline{display:none!important}#start_time,#end_time{border:1px solid #ced4da;background-color:#ffffff!important}.fc-daygrid-day-frame{position:relative;min-height:70px;display:flex!important;flex-direction:column}.fc-daygrid-day-top{text-align:left;padding:4px}.reservation-count{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#1976d2;color:white;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:bold;z-index:1}.fc-daygrid-day-events{display:none!important}.fc-daygrid-day-bg{display:none!important}.fc .fc-daygrid-day-frame{min-height:80px}.fc .fc-daygrid-day{max-height:none!important}.current-time-indicator{position:absolute;left:0;right:0;height:1px;background-color:rgba(255,0,0,0.5);z-index:1000;pointer-events:none;border-radius:0;box-shadow:none}@keyframes pulse{0%{opacity:0.4}50%{opacity:0.7}100%{opacity:0.4}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.current-time-indicator::before{content:"";position:absolute;left:0;top:-2px;width:5px;height:5px;background-color:rgba(255,0,0,0.5);border-radius:50%;box-shadow:none}.current-time-label{position:absolute;left:10px;top:-8px;background-color:rgba(255,0,0,0.5);color:white;font-size:0.6em;padding:1px 3px;border-radius:2px;font-weight:normal;white-space:nowrap;box-shadow:none;opacity:0.8}.current-reservation{border:1px solid rgba(255,0,0,0.3)!important;box-shadow:none!important}.reservation-card.draggable{cursor:grab}.reservation-card.draggable:active{cursor:grabbing}.reservation-card.ghost{opacity:0.5;background:#bbdefb}.reservation-card.drag-source{opacity:0.3}.time-slot.drag-over{background-color:#e3f2fd;border:1px dashed #1976d2}@media (max-width:992px){.main-container{flex-direction:column;height:auto;padding:10px}.calendar-container{flex:none;width:100%;height:350px;margin-bottom:20px}.rooms-container{height:calc(100vh - 500px);min-height:500px}}@media (max-width:768px){.room-container{min-width:260px}.time-labels{width:70px}.time-label{font-size:0.7rem;padding-right:8px}}.snap-preview{position:absolute;left:0;right:0;background:rgba(0,123,255,0.12);border:1px dashed rgba(0,123,255,0.5);z-index:9999;pointer-events:none}