.button-group[data-v-0d7605c4]{display:flex;gap:20px;width:100%;max-width:1000px;margin:0 auto}.button-group--centered[data-v-0d7605c4]{justify-content:center}.button-group .btn[data-v-0d7605c4]{flex:1}.button-group .btn--left[data-v-0d7605c4]{margin-right:auto}.button-group .btn--right[data-v-0d7605c4]{margin-left:auto}.appointment-card[data-v-7f9798a0]{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-7f9798a0]:hover{border-color:#2a9d8f;box-shadow:0 4px 12px rgba(42,157,143,.15)}.appointment-card.selected[data-v-7f9798a0]{background:#e8f5f3;border-color:#2a9d8f}.appointment-header[data-v-7f9798a0]{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;position:relative}.appointment-header-content[data-v-7f9798a0]{flex:1;min-width:0}.patient-name[data-v-7f9798a0]{font-size:26px;font-weight:700;color:#333;margin-bottom:4px}.clinic-name[data-v-7f9798a0]{font-size:14px;color:#666;margin-bottom:12px;font-weight:700}.appointment-summary[data-v-7f9798a0]{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.summary-item[data-v-7f9798a0]{display:flex;align-items:center;gap:8px;font-size:20px;color:#666;font-weight:600}.summary-item svg[data-v-7f9798a0]{width:20px;height:20px;color:#2a9d8f;flex-shrink:0}.summary-value[data-v-7f9798a0]{color:#333}.summary-value .date-pending[data-v-7f9798a0]{color:red}.appointment-type[data-v-7f9798a0]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:16px;font-weight:700;background:#e8f5f3;color:#207868}.expand-btn[data-v-7f9798a0]{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-7f9798a0]{width:24px;height:24px;color:#2a9d8f}.expand-btn.expanded svg[data-v-7f9798a0]{transform:rotate(180deg)}.appointment-details[data-v-7f9798a0]{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-7f9798a0]{max-height:500px;opacity:1;margin-top:16px;padding-top:16px;border-top:2px solid #e9ecef;overflow:hidden}.appointment-info[data-v-7f9798a0]{display:grid;width:100%}.info-row[data-v-7f9798a0]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;word-break:break-word}.info-row[data-v-7f9798a0]:not(:last-child){border-bottom:1px solid #d9d9d9;margin-bottom:12px;padding-bottom:12px}.info-label[data-v-7f9798a0]{font-size:20px;color:#666;font-weight:500;flex-shrink:0;margin-right:12px}.info-value[data-v-7f9798a0]{font-size:20px;color:#333;font-weight:600;text-align:right;word-break:break-word;white-space:pre-line}.info-value.status[data-v-7f9798a0]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:16px;font-weight:700}.info-value.status.confirmed[data-v-7f9798a0]{background:#e8f5f3;color:#207868}.info-value.status.pending[data-v-7f9798a0]{background:#fef3e8;color:#f59e0b}.info-value.status.cancelled[data-v-7f9798a0]{background:#fce4ec;color:#dc2626}@media(max-width:767px){.appointment-card[data-v-7f9798a0]{padding:16px}.clinic-name[data-v-7f9798a0],.patient-name[data-v-7f9798a0]{font-size:20px}.summary-item[data-v-7f9798a0]{font-size:16px}.info-row[data-v-7f9798a0]{flex-direction:column;align-items:flex-start;gap:4px}.info-value[data-v-7f9798a0]{text-align:left}}.app-datetime-picker[data-v-5e016f6f]{padding:0}[data-v-5e016f6f].app-datetime-picker input{border:1px solid #cdd6dc;border-radius:5px;padding:8px 12px;font-size:inherit;color:var(--liff-primary_text_color)}[data-v-5e016f6f].app-datetime-picker input:focus{border:1px solid var(--liff-primary_text_color,#cdd6dc)}[data-v-5e016f6f].app-datetime-picker--sm input{padding:4px 8px;font-size:14px;height:31px}[data-v-5e016f6f].app-datetime-picker .vdp-datepicker__calendar{max-width:300px}[data-v-5e016f6f].app-datetime-picker--is-invalid input{border-color:#ff6258}.is-loading[data-v-5e016f6f]{height:45px;display:flex;align-items:center;justify-content:center;padding:unset}[data-v-5e016f6f].app-datetime-picker--sm.is-loading{height:31px}[data-v-5e016f6f].app-datetime-picker--sm.is-loading .spinner-border{width:1.5rem;height:1.5rem}.member-form form[data-v-08df8518]{margin-top:40px}.member-form form .form-group[data-v-08df8518]{margin-bottom:24px}.member-form form .form-group label[data-v-08df8518]{display:block;font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.member-form form .form-group label.required[data-v-08df8518]:after{content:" *";color:#dc3545}.member-form form .form-group .form-control[data-v-08df8518]{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-08df8518]:focus{outline:none;border-color:#207868}.member-form form .form-group .form-control[data-v-08df8518]::-moz-placeholder{color:#999}.member-form form .form-group .form-control[data-v-08df8518]:-ms-input-placeholder{color:#999}.member-form form .form-group .form-control[data-v-08df8518]::placeholder{color:#999}.member-form form .form-group select.form-control[data-v-08df8518]{cursor:pointer}.member-form form .form-group .error-message[data-v-08df8518]{color:#dc3545;font-size:14px;margin-top:4px}.member-form form .reminder-green[data-v-08df8518]{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-08df8518]{padding:12px 24px;font-size:16px;font-weight:600;border-radius:8px;transition:all .3s}.member-form form .btn.btn-primary[data-v-08df8518]{background:#207868;border:none;color:#fff}.member-form form .btn.btn-primary[data-v-08df8518]:hover:not(:disabled){background:#186052}.member-form form .btn.btn-primary[data-v-08df8518]:disabled{opacity:.6;cursor:not-allowed}.member-form form .btn.btn-secondary[data-v-08df8518]{background:#6c757d;border:none;color:#fff}.member-form form .btn.btn-secondary[data-v-08df8518]:hover{background:#5a6268}.member-form form .btn.btn-outline-danger[data-v-08df8518]{background:#fff;border:2px solid #dc3545;color:#dc3545}.member-form form .btn.btn-outline-danger[data-v-08df8518]:hover:not(:disabled){background:#dc3545;color:#fff}.member-form form .btn.btn-outline-danger[data-v-08df8518]:disabled{opacity:.6;cursor:not-allowed}.member-form .search-result[data-v-08df8518]{margin-top:40px}.member-form .search-result .result-title[data-v-08df8518]{font-size:20px;font-weight:700;color:#207868;margin-bottom:20px;text-align:center}.member-form .search-result .appointment-list[data-v-08df8518]{display:flex;flex-direction:column}.member-form .search-result .empty-state[data-v-08df8518]{text-align:center;padding:40px 20px}.member-form .search-result .empty-state .empty-icon[data-v-08df8518]{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-08df8518]{width:40px;height:40px;color:#ccc}.member-form .search-result .empty-state .empty-text[data-v-08df8518]{font-size:18px;color:#999}[data-v-08df8518] .app-datetime-picker .form-control{font-size:16px;border:2px solid #e0e0e0;border-radius:8px;transition:border-color .3s}[data-v-08df8518] .app-datetime-picker .form-control:focus{outline:none;border:2px solid #207868}[data-v-08df8518] .app-datetime-picker .form-control::-moz-placeholder{color:#999}[data-v-08df8518] .app-datetime-picker .form-control:-ms-input-placeholder{color:#999}[data-v-08df8518] .app-datetime-picker .form-control::placeholder{color:#999}