.appointment-card[data-v-17aa2450]{background:#f8f9fa;border-radius:12px;padding:20px;border:2px solid #e9ecef;margin-bottom:16px;transition:all .3s;position:relative;cursor:pointer}.appointment-card[data-v-17aa2450]:hover{border-color:#2a9d8f;box-shadow:0 4px 12px rgba(42,157,143,.15)}.appointment-card.selected[data-v-17aa2450]{background:#e8f5f3;border-color:#2a9d8f}.appointment-header[data-v-17aa2450]{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;position:relative}.appointment-header-content[data-v-17aa2450]{flex:1;min-width:0}.patient-name[data-v-17aa2450]{font-size:26px;font-weight:700;color:#333;margin-bottom:4px}.clinic-name[data-v-17aa2450]{font-size:14px;color:#666;margin-bottom:12px;font-weight:700}.appointment-summary[data-v-17aa2450]{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.summary-item[data-v-17aa2450]{display:flex;align-items:center;gap:8px;font-size:20px;color:#666;font-weight:600}.summary-item svg[data-v-17aa2450]{width:20px;height:20px;color:#2a9d8f;flex-shrink:0}.summary-value[data-v-17aa2450]{color:#333}.summary-value .date-pending[data-v-17aa2450]{color:red}.appointment-type[data-v-17aa2450]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:16px;font-weight:700;background:#e8f5f3;color:#207868}.expand-btn[data-v-17aa2450]{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-17aa2450]{width:24px;height:24px;color:#2a9d8f}.expand-btn.expanded svg[data-v-17aa2450]{transform:rotate(180deg)}.appointment-details[data-v-17aa2450]{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-17aa2450]{max-height:500px;opacity:1;margin-top:16px;padding-top:16px;border-top:2px solid #e9ecef;overflow:hidden}.appointment-info[data-v-17aa2450]{display:grid;width:100%}.info-row[data-v-17aa2450]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;word-break:break-word}.info-row[data-v-17aa2450]:not(:last-child){border-bottom:1px solid #d9d9d9;margin-bottom:12px;padding-bottom:12px}.info-label[data-v-17aa2450]{font-size:20px;color:#666;font-weight:500;flex-shrink:0;margin-right:12px}.info-value[data-v-17aa2450]{font-size:20px;color:#333;font-weight:600;text-align:right;word-break:break-word;white-space:pre-line}.info-value.status[data-v-17aa2450]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:16px;font-weight:700}.info-value.status.confirmed[data-v-17aa2450]{background:#e8f5f3;color:#207868}.info-value.status.pending[data-v-17aa2450]{background:#fef3e8;color:#f59e0b}.info-value.status.cancelled[data-v-17aa2450]{background:#fce4ec;color:#dc2626}@media(max-width:767px){.appointment-card[data-v-17aa2450]{padding:16px}.clinic-name[data-v-17aa2450],.patient-name[data-v-17aa2450]{font-size:20px}.summary-item[data-v-17aa2450]{font-size:16px}.info-row[data-v-17aa2450]{flex-direction:column;align-items:flex-start;gap:4px}.info-value[data-v-17aa2450]{text-align:left}}.member-form form[data-v-fad984d0]{margin-top:40px}.member-form form .form-group[data-v-fad984d0]{margin-bottom:24px}.member-form form .form-group label[data-v-fad984d0]{display:block;font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.member-form form .form-group label.required[data-v-fad984d0]:after{content:" *";color:#dc3545}.member-form form .form-group .form-control[data-v-fad984d0]{width:100%;padding:12px;font-size:16px;border:2px solid #e0e0e0;border-radius:8px;transition:border-color .3s}.member-form form .form-group .form-control[data-v-fad984d0]:focus{outline:none;border-color:#207868}.member-form form .form-group .form-control[data-v-fad984d0]::-moz-placeholder{color:#999}.member-form form .form-group .form-control[data-v-fad984d0]:-ms-input-placeholder{color:#999}.member-form form .form-group .form-control[data-v-fad984d0]::placeholder{color:#999}.member-form form .form-group select.form-control[data-v-fad984d0]{cursor:pointer}.member-form form .form-group .error-message[data-v-fad984d0]{color:#dc3545;font-size:14px;margin-top:4px}.member-form form .reminder-green[data-v-fad984d0]{background:#e8f5f3;border-left:4px solid #207868;padding:16px;margin-bottom:24px;border-radius:4px;font-size:14px;color:#333;line-height:1.6}.member-form form .btn[data-v-fad984d0]{padding:12px 24px;font-size:16px;font-weight:600;border-radius:8px;transition:all .3s}.member-form form .btn.btn-primary[data-v-fad984d0]{background:#207868;border:none;color:#fff}.member-form form .btn.btn-primary[data-v-fad984d0]:hover:not(:disabled){background:#186052}.member-form form .btn.btn-primary[data-v-fad984d0]:disabled{opacity:.6;cursor:not-allowed}.member-form form .btn.btn-secondary[data-v-fad984d0]{background:#6c757d;border:none;color:#fff}.member-form form .btn.btn-secondary[data-v-fad984d0]:hover{background:#5a6268}.member-form form .btn.btn-outline-danger[data-v-fad984d0]{background:#fff;border:2px solid #dc3545;color:#dc3545}.member-form form .btn.btn-outline-danger[data-v-fad984d0]:hover:not(:disabled){background:#dc3545;color:#fff}.member-form form .btn.btn-outline-danger[data-v-fad984d0]:disabled{opacity:.6;cursor:not-allowed}.member-form form .btn.btn-danger[data-v-fad984d0]{background:#dc3545;border:none;color:#fff}.member-form form .btn.btn-danger[data-v-fad984d0]:hover:not(:disabled){background:#c82333}.member-form form .btn.btn-danger[data-v-fad984d0]:disabled{opacity:.6;cursor:not-allowed}.member-form .tongxin-modal[data-v-fad984d0]{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}.member-form .tongxin-modal.show[data-v-fad984d0]{display:flex}.member-form .tongxin-modal__content[data-v-fad984d0]{background:#fff;border-radius:16px;padding:32px;max-width:500px;width:90%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px rgba(0,0,0,.3);-webkit-animation:modalSlideIn-data-v-fad984d0 .3s ease-out;animation:modalSlideIn-data-v-fad984d0 .3s ease-out}.member-form .tongxin-modal__header[data-v-fad984d0]{text-align:center;margin-bottom:24px;flex-shrink:0}.member-form .tongxin-modal__icon[data-v-fad984d0]{width:60px;height:60px;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.member-form .tongxin-modal__icon svg[data-v-fad984d0]{width:30px;height:30px;color:#dc2626}.member-form .tongxin-modal__title[data-v-fad984d0]{font-size:26px;font-weight:700;color:#333;margin-bottom:8px}.member-form .tongxin-modal__body[data-v-fad984d0]{margin-bottom:24px;overflow-y:auto;flex:1}.member-form .tongxin-modal__text[data-v-fad984d0]{font-size:20px;color:#666;line-height:1.6;text-align:center;margin-bottom:20px}.member-form .tongxin-modal__buttons[data-v-fad984d0]{display:flex;justify-content:center;gap:12px;flex-shrink:0}.member-form .tongxin-modal__buttons .btn[data-v-fad984d0]{flex:1}.member-form .tongxin-modal__buttons .btn+.btn[data-v-fad984d0]{margin-left:auto}.member-form .cancel-info-box[data-v-fad984d0]{background:#f8f9fa;border-radius:8px;padding:16px;margin-top:16px;border-left:4px solid #dc2626}.member-form .cancel-info-item[data-v-fad984d0]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e9ecef}.member-form .cancel-info-item[data-v-fad984d0]:last-child{border-bottom:none}.member-form .cancel-info-label[data-v-fad984d0]{font-size:16px;color:#666;font-weight:500}.member-form .cancel-info-value[data-v-fad984d0]{font-size:19px;color:#333;font-weight:600;text-align:right}.member-form .cancel-info-value.text-red[data-v-fad984d0]{color:#dc2626}.member-form .search-result[data-v-fad984d0]{margin-top:40px}.member-form .search-result .result-title[data-v-fad984d0]{font-size:20px;font-weight:700;color:#207868;margin-bottom:20px;text-align:center}.member-form .search-result .appointment-list[data-v-fad984d0]{display:flex;flex-direction:column}.member-form .search-result .empty-state[data-v-fad984d0]{text-align:center;padding:40px 20px}.member-form .search-result .empty-state .empty-icon[data-v-fad984d0]{width:80px;height:80px;background:#f8f9fa;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.member-form .search-result .empty-state .empty-icon svg[data-v-fad984d0]{width:40px;height:40px;color:#ccc}.member-form .search-result .empty-state .empty-text[data-v-fad984d0]{font-size:18px;color:#999}.member-form .fixed-footer-navigation .button-group[data-v-fad984d0]{display:flex;justify-content:center;gap:20px;max-width:800px;margin:0 auto}.member-form .fixed-footer-navigation .button-group .btn[data-v-fad984d0]{flex:1}.member-form .fixed-footer-navigation .button-group .btn+.btn[data-v-fad984d0]{margin-left:auto}@media(max-width:767px){.tongxin-modal__content[data-v-fad984d0]{padding:24px}.tongxin-modal__title[data-v-fad984d0]{font-size:22px}.cancel-info-item[data-v-fad984d0]{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 0}.cancel-info-label[data-v-fad984d0]{font-size:15px}.cancel-info-value[data-v-fad984d0]{font-size:19px;text-align:left}}@-webkit-keyframes modalSlideIn-data-v-fad984d0{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideIn-data-v-fad984d0{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}[data-v-fad984d0] .app-datetime-picker .form-control{font-size:16px;border:2px solid #e0e0e0;border-radius:8px;transition:border-color .3s}[data-v-fad984d0] .app-datetime-picker .form-control:focus{outline:none;border:2px solid #207868}[data-v-fad984d0] .app-datetime-picker .form-control::-moz-placeholder{color:#999}[data-v-fad984d0] .app-datetime-picker .form-control:-ms-input-placeholder{color:#999}[data-v-fad984d0] .app-datetime-picker .form-control::placeholder{color:#999}