.button-group[data-v-5d0b95e8]{justify-content:space-between;gap:20px}.button-group .btn[data-v-5d0b95e8]{flex:1}.appointments-container[data-v-5d0b95e8]{position:relative;min-height:100vh}.main-content[data-v-5d0b95e8]{padding:32px;min-height:calc(100vh - 200px);max-width:800px;margin:0 auto;overflow-x:hidden}.appointment-list[data-v-5d0b95e8]{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.appointment-card[data-v-5d0b95e8]{background:#f8f9fa;border-radius:12px;padding:20px;border:2px solid #e9ecef;transition:all .3s;position:relative;cursor:pointer}.appointment-card[data-v-5d0b95e8]:hover{border-color:#2a9d8f;box-shadow:0 4px 12px rgba(42,157,143,.15)}.appointment-card.selected[data-v-5d0b95e8]{background:#e8f5f3;border-color:#2a9d8f}.appointment-header[data-v-5d0b95e8]{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;position:relative}.appointment-header-content[data-v-5d0b95e8]{flex:1}.patient-name[data-v-5d0b95e8]{font-size:20px;font-weight:700;color:#207868;margin-bottom:4px}.clinic-name[data-v-5d0b95e8]{font-size:20px;color:#666;margin-bottom:8px;font-weight:700}.appointment-summary[data-v-5d0b95e8]{display:flex;flex-wrap:wrap;gap:8px;align-items:center}@media(min-width:375px){.appointment-summary[data-v-5d0b95e8]{gap:12px}}.summary-item[data-v-5d0b95e8]{display:flex;align-items:center;gap:6px;font-size:17px;color:#666}.summary-item svg[data-v-5d0b95e8]{width:20px;height:20px;color:#2a9d8f}.summary-value[data-v-5d0b95e8]{font-weight:600;color:#333}.appointment-type[data-v-5d0b95e8]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:16px;font-weight:700;background:#e8f5f3;color:#207868}.expand-btn[data-v-5d0b95e8]{position:absolute;top:0;right:0;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform .3s;flex-shrink:0}.expand-btn svg[data-v-5d0b95e8]{width:24px;height:24px;color:#2a9d8f}.expand-btn.expanded svg[data-v-5d0b95e8]{transform:rotate(180deg)}.appointment-details[data-v-5d0b95e8]{max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,margin-top .3s ease;opacity:0;width:100%}.appointment-details.show[data-v-5d0b95e8]{max-height:500px;opacity:1;margin-top:16px;padding-top:16px;border-top:2px solid #e9ecef;overflow:hidden}.appointment-info[data-v-5d0b95e8]{display:grid;gap:12px;width:100%}.info-row[data-v-5d0b95e8]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;word-break:break-word}.info-label[data-v-5d0b95e8]{font-size:20px;color:#666;font-weight:500;flex-shrink:0;margin-right:12px}.info-value[data-v-5d0b95e8]{font-size:20px;color:#333;font-weight:600;text-align:right;word-break:break-word}.info-value.highlight[data-v-5d0b95e8]{color:#207868;font-weight:700}.info-value.department[data-v-5d0b95e8]{color:#8b5cf6;font-weight:700}.info-value.status[data-v-5d0b95e8]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:16px;font-weight:700}.info-value.status.confirmed[data-v-5d0b95e8]{background:#e8f5f3;color:#207868}.empty-state[data-v-5d0b95e8]{text-align:center;padding:60px 20px}.empty-icon[data-v-5d0b95e8]{width:100px;height:100px;background:#f8f9fa;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.empty-icon svg[data-v-5d0b95e8]{width:50px;height:50px;color:#ccc}.empty-text[data-v-5d0b95e8]{font-size:20px;color:#999;margin-bottom:24px}.button-section[data-v-5d0b95e8]{position:sticky;bottom:0;background:#fff;padding:24px 32px;border-top:1px solid #e9ecef;box-shadow:0 -5px 20px rgba(0,0,0,.1)}.button-group[data-v-5d0b95e8]{display:flex;gap:16px;max-width:500px;margin:0 auto}.modal[data-v-5d0b95e8]{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2000;justify-content:center;align-items:center}.modal.show[data-v-5d0b95e8]{display:flex}.modal-content[data-v-5d0b95e8]{background:#fff;border-radius:16px;padding:32px;max-width:500px;width:90%;box-shadow:0 10px 40px rgba(0,0,0,.3);-webkit-animation:modalSlideIn-data-v-5d0b95e8 .3s ease-out;animation:modalSlideIn-data-v-5d0b95e8 .3s ease-out}.modal-header[data-v-5d0b95e8]{text-align:center;margin-bottom:24px}.modal-icon[data-v-5d0b95e8]{width:60px;height:60px;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.modal-icon svg[data-v-5d0b95e8]{width:30px;height:30px;color:#dc2626}.modal-title[data-v-5d0b95e8]{font-size:26px;font-weight:700;color:#333;margin-bottom:8px}.modal-body[data-v-5d0b95e8]{margin-bottom:24px}.modal-text[data-v-5d0b95e8]{font-size:20px;color:#666;line-height:1.6;text-align:center;margin-bottom:20px}.cancel-info-box[data-v-5d0b95e8]{background:#f8f9fa;border-radius:8px;padding:16px;margin-top:16px;border-left:4px solid #dc2626}.cancel-info-item[data-v-5d0b95e8]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e9ecef}.cancel-info-item[data-v-5d0b95e8]:last-child{border-bottom:none}.cancel-info-label[data-v-5d0b95e8]{font-size:16px;color:#666;font-weight:500}.cancel-info-value[data-v-5d0b95e8]{font-size:19px;color:#333;font-weight:600;text-align:right}.cancel-info-value.highlight[data-v-5d0b95e8]{color:#dc2626;font-weight:700}.modal-buttons[data-v-5d0b95e8]{display:flex;gap:12px}.result-modal-icon.success[data-v-5d0b95e8]{background:#d1fae5}.result-modal-icon.success svg[data-v-5d0b95e8]{color:#10b981}.result-modal-icon.error[data-v-5d0b95e8]{background:#fee2e2}.result-modal-icon.error svg[data-v-5d0b95e8]{color:#dc2626}.error-reason[data-v-5d0b95e8]{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-top:16px;text-align:left}.error-reason-title[data-v-5d0b95e8]{font-size:16px;font-weight:700;color:#dc2626;margin-bottom:8px}.error-reason-text[data-v-5d0b95e8]{font-size:16px;color:#991b1b;line-height:1.6}@media(max-width:767px){.main-content[data-v-5d0b95e8]{padding:20px}.page-title[data-v-5d0b95e8]{font-size:24px}.appointment-card[data-v-5d0b95e8]{padding:16px}.clinic-name[data-v-5d0b95e8],.patient-name[data-v-5d0b95e8]{font-size:20px}.summary-item[data-v-5d0b95e8]{font-size:16px}.info-row[data-v-5d0b95e8]{flex-direction:column;align-items:flex-start;gap:4px}.info-value[data-v-5d0b95e8]{text-align:left}.button-section[data-v-5d0b95e8]{padding:16px}.modal-content[data-v-5d0b95e8]{padding:24px}.modal-title[data-v-5d0b95e8]{font-size:22px}.cancel-info-item[data-v-5d0b95e8]{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 0}.cancel-info-label[data-v-5d0b95e8]{font-size:15px}.cancel-info-value[data-v-5d0b95e8]{font-size:19px;text-align:left}}@-webkit-keyframes modalSlideIn-data-v-5d0b95e8{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideIn-data-v-5d0b95e8{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.button-group[data-v-6b24c608]{justify-content:space-between;gap:20px}.button-group .btn[data-v-6b24c608]{flex:1}.appointments-container[data-v-6b24c608]{position:relative;min-height:100vh}.main-content[data-v-6b24c608]{padding:32px;min-height:calc(100vh - 200px);max-width:800px;margin:0 auto;overflow-x:hidden}.appointment-list[data-v-6b24c608]{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.appointment-card[data-v-6b24c608]{background:#f8f9fa;border-radius:12px;padding:20px;border:2px solid #e9ecef;transition:all .3s;position:relative;cursor:pointer}.appointment-card[data-v-6b24c608]:hover{border-color:#2a9d8f;box-shadow:0 4px 12px rgba(42,157,143,.15)}.appointment-card.selected[data-v-6b24c608]{background:#e8f5f3;border-color:#2a9d8f}.appointment-header[data-v-6b24c608]{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;position:relative}.appointment-header-content[data-v-6b24c608]{flex:1}.patient-name[data-v-6b24c608]{font-size:20px;font-weight:700;color:#207868;margin-bottom:4px}.clinic-name[data-v-6b24c608]{font-size:20px;color:#666;margin-bottom:8px;font-weight:700}.appointment-summary[data-v-6b24c608]{display:flex;flex-wrap:wrap;gap:8px;align-items:center}@media(min-width:375px){.appointment-summary[data-v-6b24c608]{gap:12px}}.summary-item[data-v-6b24c608]{display:flex;align-items:center;gap:6px;font-size:17px;color:#666}.summary-item svg[data-v-6b24c608]{width:20px;height:20px;color:#2a9d8f}.summary-value[data-v-6b24c608]{font-weight:600;color:#333}.appointment-type[data-v-6b24c608]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:16px;font-weight:700;background:#e8f5f3;color:#207868}.expand-btn[data-v-6b24c608]{position:absolute;top:0;right:0;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform .3s;flex-shrink:0}.expand-btn svg[data-v-6b24c608]{width:24px;height:24px;color:#2a9d8f}.expand-btn.expanded svg[data-v-6b24c608]{transform:rotate(180deg)}.appointment-details[data-v-6b24c608]{max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,margin-top .3s ease;opacity:0;width:100%}.appointment-details.show[data-v-6b24c608]{max-height:500px;opacity:1;margin-top:16px;padding-top:16px;border-top:2px solid #e9ecef;overflow:hidden}.appointment-info[data-v-6b24c608]{display:grid;gap:12px;width:100%}.info-row[data-v-6b24c608]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;word-break:break-word}.info-label[data-v-6b24c608]{font-size:20px;color:#666;font-weight:500;flex-shrink:0;margin-right:12px}.info-value[data-v-6b24c608]{font-size:20px;color:#333;font-weight:600;text-align:right;word-break:break-word}.info-value.highlight[data-v-6b24c608]{color:#207868;font-weight:700}.info-value.department[data-v-6b24c608]{color:#8b5cf6;font-weight:700}.info-value.status[data-v-6b24c608]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:16px;font-weight:700}.info-value.status.confirmed[data-v-6b24c608]{background:#e8f5f3;color:#207868}.empty-state[data-v-6b24c608]{text-align:center;padding:60px 20px}.empty-icon[data-v-6b24c608]{width:100px;height:100px;background:#f8f9fa;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.empty-icon svg[data-v-6b24c608]{width:50px;height:50px;color:#ccc}.empty-text[data-v-6b24c608]{font-size:20px;color:#999;margin-bottom:24px}.button-section[data-v-6b24c608]{position:sticky;bottom:0;background:#fff;padding:24px 32px;border-top:1px solid #e9ecef;box-shadow:0 -5px 20px rgba(0,0,0,.1)}.button-group[data-v-6b24c608]{display:flex;gap:16px;max-width:500px;margin:0 auto}.modal[data-v-6b24c608]{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2000;justify-content:center;align-items:center}.modal.show[data-v-6b24c608]{display:flex}.modal-content[data-v-6b24c608]{background:#fff;border-radius:16px;padding:32px;max-width:500px;width:90%;box-shadow:0 10px 40px rgba(0,0,0,.3);-webkit-animation:modalSlideIn-data-v-6b24c608 .3s ease-out;animation:modalSlideIn-data-v-6b24c608 .3s ease-out}.modal-header[data-v-6b24c608]{text-align:center;margin-bottom:24px}.modal-icon[data-v-6b24c608]{width:60px;height:60px;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.modal-icon svg[data-v-6b24c608]{width:30px;height:30px;color:#dc2626}.modal-title[data-v-6b24c608]{font-size:26px;font-weight:700;color:#333;margin-bottom:8px}.modal-body[data-v-6b24c608]{margin-bottom:24px}.modal-text[data-v-6b24c608]{font-size:20px;color:#666;line-height:1.6;text-align:center;margin-bottom:20px}.cancel-info-box[data-v-6b24c608]{background:#f8f9fa;border-radius:8px;padding:16px;margin-top:16px;border-left:4px solid #dc2626}.cancel-info-item[data-v-6b24c608]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e9ecef}.cancel-info-item[data-v-6b24c608]:last-child{border-bottom:none}.cancel-info-label[data-v-6b24c608]{font-size:16px;color:#666;font-weight:500}.cancel-info-value[data-v-6b24c608]{font-size:19px;color:#333;font-weight:600;text-align:right}.cancel-info-value.highlight[data-v-6b24c608]{color:#dc2626;font-weight:700}.modal-buttons[data-v-6b24c608]{display:flex;gap:12px}.result-modal-icon.success[data-v-6b24c608]{background:#d1fae5}.result-modal-icon.success svg[data-v-6b24c608]{color:#10b981}.result-modal-icon.error[data-v-6b24c608]{background:#fee2e2}.result-modal-icon.error svg[data-v-6b24c608]{color:#dc2626}.error-reason[data-v-6b24c608]{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-top:16px;text-align:left}.error-reason-title[data-v-6b24c608]{font-size:16px;font-weight:700;color:#dc2626;margin-bottom:8px}.error-reason-text[data-v-6b24c608]{font-size:16px;color:#991b1b;line-height:1.6}@media(max-width:767px){.main-content[data-v-6b24c608]{padding:20px}.page-title[data-v-6b24c608]{font-size:24px}.appointment-card[data-v-6b24c608]{padding:16px}.clinic-name[data-v-6b24c608],.patient-name[data-v-6b24c608]{font-size:20px}.summary-item[data-v-6b24c608]{font-size:16px}.info-row[data-v-6b24c608]{flex-direction:column;align-items:flex-start;gap:4px}.info-value[data-v-6b24c608]{text-align:left}.button-section[data-v-6b24c608]{padding:16px}.modal-content[data-v-6b24c608]{padding:24px}.modal-title[data-v-6b24c608]{font-size:22px}.cancel-info-item[data-v-6b24c608]{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 0}.cancel-info-label[data-v-6b24c608]{font-size:15px}.cancel-info-value[data-v-6b24c608]{font-size:19px;text-align:left}}@-webkit-keyframes modalSlideIn-data-v-6b24c608{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideIn-data-v-6b24c608{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}