.reservation-detail-page[data-v-522a874c]{padding:24px 16px;min-height:100vh;background:#f5f5f5}.loading-container[data-v-522a874c]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.loading-container p[data-v-522a874c]{margin-top:16px;font-size:14px}.empty-state[data-v-522a874c]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.empty-text[data-v-522a874c]{font-size:16px;color:#999;margin-bottom:24px}.detail-summary[data-v-522a874c]{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.summary-header[data-v-522a874c]{display:flex;justify-content:space-between;align-items:flex-start}.summary-main[data-v-522a874c]{flex:1}.clinic-name[data-v-522a874c]{font-size:18px;font-weight:700;color:#333;margin-bottom:6px}@media(min-width:768px){.clinic-name[data-v-522a874c]{font-size:20px}}.patient-name[data-v-522a874c]{font-size:15px;color:#555;margin-bottom:6px}@media(min-width:768px){.patient-name[data-v-522a874c]{font-size:16px}}.visit-info[data-v-522a874c]{display:flex;align-items:center;gap:8px}.visit-date[data-v-522a874c]{font-size:16px;color:#207868;font-weight:600}@media(min-width:768px){.visit-date[data-v-522a874c]{font-size:18px}}.slot-text[data-v-522a874c]{font-size:15px;color:#666}@media(min-width:768px){.slot-text[data-v-522a874c]{font-size:16px}}.status-badge[data-v-522a874c]{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;white-space:nowrap}@media(min-width:768px){.status-badge[data-v-522a874c]{padding:8px 16px;font-size:14px}}.status-confirmed[data-v-522a874c]{background:#e8f5f3;color:#207868}.status-pending[data-v-522a874c]{background:#fff3e0;color:#f59e0b}.status-cancelled[data-v-522a874c]{background:#fce4ec;color:#dc2626}.status-default[data-v-522a874c]{background:#f5f5f5;color:#666}.appointment-info[data-v-522a874c]{background:#f8f9fa;border-radius:12px;padding:16px;margin-bottom:24px}@media(min-width:768px){.appointment-info[data-v-522a874c]{padding:24px}}.info-item[data-v-522a874c]{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:4px;border-bottom:1px solid #e9ecef;padding:12px 0}@media(min-width:768px){.info-item[data-v-522a874c]{flex-direction:row;align-items:center;padding:16px 0}}.info-item[data-v-522a874c]:last-child{border-bottom:none}.info-label[data-v-522a874c]{font-size:14px;color:#666;font-weight:500}@media(min-width:768px){.info-label[data-v-522a874c]{font-size:18px}}.info-value[data-v-522a874c]{font-size:16px;color:#333;font-weight:700}@media(min-width:768px){.info-value[data-v-522a874c]{font-size:18px}}.bottom-actions[data-v-522a874c]{padding:16px 0;display:flex;flex-direction:column;gap:12px}.cancel-success[data-v-522a874c]{text-align:center}.modal-overlay[data-v-522a874c]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content[data-v-522a874c]{background:#fff;border-radius:16px;padding:28px 24px;max-width:420px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.2)}.modal-title[data-v-522a874c]{font-size:20px;font-weight:700;color:#333;margin-bottom:8px;text-align:center}.modal-description[data-v-522a874c]{font-size:14px;color:#666;margin-bottom:20px;text-align:center}.modal-info[data-v-522a874c]{background:#f8f9fa;border-radius:8px;padding:12px 16px;margin-bottom:24px}.modal-info-item[data-v-522a874c]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e9ecef}.modal-info-item[data-v-522a874c]:last-child{border-bottom:none}.modal-info-label[data-v-522a874c]{font-size:13px;color:#666}.modal-info-value[data-v-522a874c]{font-size:14px;color:#333;font-weight:600}.modal-actions[data-v-522a874c]{display:flex;gap:12px}.modal-actions .btn[data-v-522a874c]{flex:1}.fade-enter-active[data-v-522a874c],.fade-leave-active[data-v-522a874c]{transition:opacity .3s ease}.fade-enter[data-v-522a874c],.fade-leave-to[data-v-522a874c]{opacity:0}