.contacts-container[data-v-7e6f4f7e]{padding:24px;background:#f5f7fa;min-height:calc(100vh - 84px)}.contacts-container .page-header[data-v-7e6f4f7e]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;padding:24px;margin-bottom:20px;color:#fff;box-shadow:0 4px 12px rgba(102,126,234,.3)}.contacts-container .page-header i[data-v-7e6f4f7e]{font-size:24px;margin-right:12px;vertical-align:middle}.contacts-container .page-header .header-title[data-v-7e6f4f7e]{font-size:20px;font-weight:600;vertical-align:middle}.contacts-container .page-header .header-tips[data-v-7e6f4f7e]{margin-left:16px;font-size:14px;opacity:.9;vertical-align:middle}.contacts-container .content-wrapper[data-v-7e6f4f7e]{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.contacts-container .action-bar[data-v-7e6f4f7e]{padding:20px 24px;border-bottom:1px solid #e8eaed;display:flex;justify-content:flex-end}.contacts-container .table-wrapper[data-v-7e6f4f7e]{padding:24px}.contacts-container .table-wrapper .id-cell[data-v-7e6f4f7e],.contacts-container .table-wrapper .mobile-cell[data-v-7e6f4f7e],.contacts-container .table-wrapper .name-cell[data-v-7e6f4f7e]{display:flex;align-items:center;color:#333}.contacts-container .table-wrapper .id-cell i[data-v-7e6f4f7e],.contacts-container .table-wrapper .mobile-cell i[data-v-7e6f4f7e],.contacts-container .table-wrapper .name-cell i[data-v-7e6f4f7e]{color:#667eea;margin-right:8px;font-size:14px}.contacts-container .table-wrapper .client-cell .client-text[data-v-7e6f4f7e],.contacts-container .table-wrapper .client-cell .openid-text[data-v-7e6f4f7e],.contacts-container .table-wrapper .openid-cell .client-text[data-v-7e6f4f7e],.contacts-container .table-wrapper .openid-cell .openid-text[data-v-7e6f4f7e]{color:#666;font-size:13px;font-family:Courier New,monospace}.contacts-container .table-wrapper .edit-btn[data-v-7e6f4f7e]{color:#667eea;font-weight:500}.contacts-container .table-wrapper .edit-btn[data-v-7e6f4f7e]:hover{color:#764ba2}.contacts-container .table-wrapper .delete-btn[data-v-7e6f4f7e]{color:#f56c6c;font-weight:500}.contacts-container .table-wrapper .delete-btn[data-v-7e6f4f7e]:hover{color:#f78989}[data-v-7e6f4f7e] .el-table th{font-weight:500}[data-v-7e6f4f7e] .el-table .el-button--text{padding:6px 8px;margin:0 4px}.contact-dialog[data-v-7e6f4f7e] .el-dialog{border-radius:8px;overflow:hidden}.contact-dialog[data-v-7e6f4f7e] .el-dialog__header{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.contact-dialog[data-v-7e6f4f7e] .el-dialog__header .el-dialog__title{color:#fff;font-weight:600}.contact-dialog[data-v-7e6f4f7e] .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#fff;font-size:20px}.contact-dialog[data-v-7e6f4f7e] .el-dialog__header .el-dialog__headerbtn .el-dialog__close:hover{color:#f0f0f0}.contact-dialog[data-v-7e6f4f7e] .el-dialog__body{padding:30px 24px}.contact-dialog[data-v-7e6f4f7e] .el-dialog__footer{padding:16px 24px;border-top:1px solid #e8eaed;background:#fafbfc}.contact-dialog[data-v-7e6f4f7e] .el-form-item__label{font-weight:500;color:#333}.contact-dialog[data-v-7e6f4f7e] .el-input__inner{border-radius:4px}