@import url(https://fonts.googleapis.com/css2?family=Kanit&display=swap);#app[data-v-c3ccf1ae],body[data-v-c3ccf1ae],html[data-v-c3ccf1ae]{margin:0!important;padding:0!important;height:100vh}[data-v-c3ccf1ae]{box-sizing:border-box;font-family:Kanit,sans-serif}.avatar-uploader[data-v-c3ccf1ae],.avatar-uploader[data-v-c3ccf1ae] .el-upload{display:flex;justify-content:center;align-items:center}.avatar-uploader[data-v-c3ccf1ae] .el-upload{min-height:10rem;min-width:10rem;box-shadow:0 2px 12px 0 rgba(0,0,0,.2);border-radius:.4rem;transition:.5s}.avatar-uploader[data-v-c3ccf1ae] .el-upload:hover{background:#cecccc}.avatar-uploader[data-v-c3ccf1ae] .el-upload .el-icon-plus{font-size:2.25rem!important}.avatar[data-v-c3ccf1ae]{max-height:160px;max-width:160px}hr[data-v-c3ccf1ae]{border-top:#c4c4c4;margin-top:1rem;margin-bottom:1rem}.page-header[data-v-c3ccf1ae]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.page-title[data-v-c3ccf1ae]{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .2rem}.page-subtitle[data-v-c3ccf1ae]{font-size:.8rem;color:#9ca3af;margin:0}.toolbar[data-v-c3ccf1ae]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}.search-form[data-v-c3ccf1ae]{display:flex;gap:.5rem;align-items:center}.search-form .search-input[data-v-c3ccf1ae]{width:320px}.total-badge[data-v-c3ccf1ae]{font-size:.78rem;color:#9ca3af;white-space:nowrap}.table-card[data-v-c3ccf1ae]{border:1px solid #f0f0f0;border-radius:10px;overflow:hidden}.cell-shop[data-v-c3ccf1ae]{display:flex;flex-direction:column;gap:2px}.shop-name[data-v-c3ccf1ae]{font-weight:500;color:#111827}.shop-code[data-v-c3ccf1ae]{font-size:.72rem;font-family:SFMono-Regular,Consolas,monospace;color:#9ca3af}.cell-apikey[data-v-c3ccf1ae]{display:flex;align-items:center;gap:6px}.apikey-masked[data-v-c3ccf1ae]{font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem;color:#6b7280;letter-spacing:.05em}.copy-icon[data-v-c3ccf1ae]{cursor:pointer;color:#c0c4cc;font-size:13px;transition:color .15s}.copy-icon[data-v-c3ccf1ae]:hover{color:#409eff}.webhook-url[data-v-c3ccf1ae]{font-size:.78rem;color:#6b7280;word-break:break-all;font-family:SFMono-Regular,Consolas,monospace}.date-text[data-v-c3ccf1ae]{display:block;font-size:.8rem;color:#374151}.time-text[data-v-c3ccf1ae]{display:block;font-size:.72rem;color:#9ca3af}.action-buttons[data-v-c3ccf1ae]{display:flex;gap:6px;justify-content:flex-end}.pagination-row[data-v-c3ccf1ae]{display:flex;justify-content:flex-end;align-items:center;margin-top:1rem;gap:.5rem}.page-size-select[data-v-c3ccf1ae]{width:110px}.dialog-header[data-v-c3ccf1ae]{display:flex;align-items:center;gap:12px}.dialog-icon[data-v-c3ccf1ae]{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dialog-icon--create[data-v-c3ccf1ae]{background:#eff6ff;color:#3b82f6}.dialog-icon--edit[data-v-c3ccf1ae]{background:#fffbeb;color:#f59e0b}.dialog-title[data-v-c3ccf1ae]{font-size:1rem;font-weight:600;color:#111827;margin:0 0 2px}.dialog-desc[data-v-c3ccf1ae]{font-size:.78rem;color:#9ca3af;margin:0}.dialog-form[data-v-c3ccf1ae]{padding:.25rem 0}.dialog-form[data-v-c3ccf1ae] .el-form-item__label{font-size:.8rem;font-weight:500;color:#374151;padding-bottom:4px}.toggle-row[data-v-c3ccf1ae]{display:flex;justify-content:space-between;align-items:center;width:100%;background:#f9fafb;border:1px solid #f0f0f0;border-radius:8px;padding:12px 14px}.toggle-label[data-v-c3ccf1ae]{font-size:.85rem;font-weight:500;color:#374151;margin:0 0 2px}.toggle-desc[data-v-c3ccf1ae]{font-size:.75rem;color:#9ca3af;margin:0}.success-state[data-v-c3ccf1ae]{text-align:center;padding:.5rem 0 1rem}.success-icon[data-v-c3ccf1ae]{margin-bottom:.75rem}.success-title[data-v-c3ccf1ae]{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .4rem}.success-desc[data-v-c3ccf1ae]{font-size:.78rem;color:#6b7280;margin:0 0 1.25rem;line-height:1.5}.send-customer-box[data-v-c3ccf1ae]{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#eff6ff;border:1.5px dashed #93c5fd;border-radius:8px;padding:12px 16px;margin-bottom:12px;cursor:pointer;transition:background .15s,border-color .15s}.send-customer-box[data-v-c3ccf1ae]:hover{background:#dbeafe;border-color:#60a5fa}.send-customer-content[data-v-c3ccf1ae]{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.send-customer-row[data-v-c3ccf1ae]{display:flex;align-items:center;gap:8px}.send-label[data-v-c3ccf1ae]{font-size:.7rem;font-weight:600;color:#3b82f6;width:50px;flex-shrink:0}.send-value[data-v-c3ccf1ae]{font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem;color:#1e40af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.send-customer-action[data-v-c3ccf1ae]{display:flex;flex-direction:column;align-items:center;gap:4px;color:#3b82f6;font-size:.7rem;font-weight:500;flex-shrink:0}.credential-box[data-v-c3ccf1ae]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;text-align:left}.credential-row[data-v-c3ccf1ae]{display:flex;align-items:center;gap:8px;padding:9px 14px;border-bottom:1px solid #f0f0f0}.credential-row[data-v-c3ccf1ae]:last-child{border-bottom:none}.cred-key[data-v-c3ccf1ae]{font-size:.72rem;font-family:SFMono-Regular,Consolas,monospace;color:#9ca3af;width:120px;flex-shrink:0}.cred-value[data-v-c3ccf1ae]{font-size:.78rem;font-family:SFMono-Regular,Consolas,monospace;color:#111827;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cred-copy[data-v-c3ccf1ae]{cursor:pointer;color:#c0c4cc;font-size:13px;flex-shrink:0;transition:color .15s}.cred-copy[data-v-c3ccf1ae]:hover{color:#409eff}