.dialog-overlay[data-v-034bb53e]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(17,24,39,.6);-webkit-backdrop-filter:blur(8px) saturate(150%);backdrop-filter:blur(8px) saturate(150%);z-index:999;display:flex;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.dialog-content[data-v-034bb53e]{width:26.25rem;max-width:92vw;max-height:85vh;background:rgba(255,255,255,.95);border-radius:1rem;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.5) inset;animation:dialogShow-034bb53e .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden;position:relative}.dialog-content[data-v-034bb53e]:before{content:"";position:absolute;top:0;left:0;right:0;height:.1875rem;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);z-index:1}@keyframes dialogShow-034bb53e{0%{transform:scale(.94) translateY(1.25rem);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.dialog-header[data-v-034bb53e]{padding:2rem 2rem 1rem;display:flex;justify-content:space-between;align-items:flex-start}.dialog-header .title[data-v-034bb53e]{font-size:26px;font-weight:800;color:#111827;line-height:1.1;letter-spacing:-.03em;background:linear-gradient(135deg,#111827,#4b5563);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dialog-header .close-btn[data-v-034bb53e]{margin-top:-.375rem;margin-right:-.625rem;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:24px;color:#9ca3af;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.dialog-header .close-btn[data-v-034bb53e]:hover{color:#ef4444;background-color:rgba(254,226,226,.5);transform:rotate(90deg) scale(1.1)}.dialog-body[data-v-034bb53e]{padding:.5rem 2rem 1.5rem;overflow-y:auto;flex:1}.dialog-body .form-item[data-v-034bb53e]{margin-bottom:1.25rem}.dialog-body .form-item[data-v-034bb53e]:last-child{margin-bottom:.75rem}.dialog-body .form-item .label[data-v-034bb53e]{display:block;margin-bottom:.625rem;font-size:12px;font-weight:600;color:#4b5563;letter-spacing:.01em;text-transform:uppercase}.dialog-body .form-item .label.required[data-v-034bb53e]:after{content:"*";color:#f43f5e;margin-left:.1875rem;font-size:14px;vertical-align:top}.dialog-body .form-item .input[data-v-034bb53e],.dialog-body .form-item .picker-content[data-v-034bb53e]{width:100%;height:3.25rem;line-height:3.25rem;background-color:#f3f4f6;border:.0625rem solid transparent;border-radius:.625rem;padding:0 1.125rem;font-size:16px;color:#111827;box-sizing:border-box;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500}.dialog-body .form-item .input.input-with-icon[data-v-034bb53e],.dialog-body .form-item .picker-content.input-with-icon[data-v-034bb53e]{padding-right:3.125rem}.dialog-body .form-item .input.placeholder[data-v-034bb53e],.dialog-body .form-item .picker-content.placeholder[data-v-034bb53e]{color:#9ca3af;font-weight:400}.dialog-body .form-item .input[data-v-034bb53e]:hover,.dialog-body .form-item .picker-content[data-v-034bb53e]:hover{background-color:#e5e7eb}.dialog-body .form-item .input[data-v-034bb53e]:focus,.dialog-body .form-item .picker-content[data-v-034bb53e]:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 .25rem rgba(59,130,246,.15)}.dialog-body .form-item .input[data-v-034bb53e]:disabled,.dialog-body .form-item .picker-content[data-v-034bb53e]:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.dialog-body .form-item .input-wrapper[data-v-034bb53e]{position:relative}.dialog-body .form-item .password-toggle[data-v-034bb53e]{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:.25rem;transition:background-color .2s}.dialog-body .form-item .password-toggle[data-v-034bb53e]:active{background-color:rgba(0,0,0,.1)}.dialog-body .form-item .switch-box[data-v-034bb53e]{display:flex;align-items:center}.dialog-body .form-item .switch-box .status-text[data-v-034bb53e]{margin-left:.625rem;font-size:14px;color:#374151;font-weight:500}.dialog-body .form-item .role-list[data-v-034bb53e]{display:flex;flex-wrap:wrap;gap:.5rem}.dialog-body .form-item .role-list .role-tag[data-v-034bb53e]{padding:.5rem 1rem;background-color:#f3f4f6;color:#6b7280;border-radius:.375rem;font-size:14px;font-weight:500;border:.0625rem solid transparent;cursor:pointer;transition:all .3s}.dialog-body .form-item .role-list .role-tag.active[data-v-034bb53e]{background-color:#deebff;color:#0052cc;border-color:#0052cc}.dialog-body .form-item .role-list .role-tag[data-v-034bb53e]:hover{background-color:#e5e7eb}.dialog-body .form-item .role-list .empty-tip[data-v-034bb53e]{color:#9ca3af;font-size:14px}.dialog-body .form-item[data-v-034bb53e] .input-placeholder{color:#9ca3af;font-weight:400}.dialog-footer[data-v-034bb53e]{padding:.75rem 2rem 2rem;display:flex;justify-content:flex-end;align-items:center;gap:1rem}.dialog-footer .btn[data-v-034bb53e]{margin:0;height:3rem;padding:0 1.75rem;border-radius:1.5rem;font-size:16px;font-weight:600;letter-spacing:.02em;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.dialog-footer .btn[data-v-034bb53e]:after{border:none}.dialog-footer .btn.cancel[data-v-034bb53e]{background-color:transparent;color:#6b7280;min-width:5rem}.dialog-footer .btn.cancel[data-v-034bb53e]:hover{background-color:#f3f4f6;color:#111827}.dialog-footer .btn.cancel[data-v-034bb53e]:active{transform:scale(.96);background-color:#e5e7eb}.dialog-footer .btn.confirm[data-v-034bb53e]{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;min-width:7.5rem;box-shadow:0 .3125rem .78125rem -5px rgba(79,70,229,.4);border:none}.dialog-footer .btn.confirm[data-v-034bb53e]:hover{box-shadow:0 .625rem 1.09375rem -5px rgba(79,70,229,.5);transform:translateY(-.125rem)}.dialog-footer .btn.confirm[data-v-034bb53e]:active{transform:translateY(.0625rem);box-shadow:0 .15625rem .46875rem -3px rgba(79,70,229,.4)}.manage-center[data-v-c87803fe]{padding-left:10.625rem;min-height:100vh;width:100vw;min-width:37.5rem;background-color:#f4f6f8}.manage-center .countent-box[data-v-c87803fe]{min-width:37.5rem;display:flex;flex-direction:column;padding:.75rem 1rem;max-width:100%;box-sizing:border-box}.manage-center .countent-box .page-header[data-v-c87803fe]{margin-bottom:.8125rem;background-color:#fff;padding:.75rem 1rem;border-radius:.0625rem;border:.03125rem solid #e1e4e8;display:flex;justify-content:space-between;align-items:center}.manage-center .countent-box .page-header .header-top[data-v-c87803fe]{width:100%;display:flex;justify-content:space-between;align-items:center}.manage-center .countent-box .page-header .header-top .page-title[data-v-c87803fe]{font-size:18px;font-weight:600;color:#1a202c;letter-spacing:-.01em;display:flex;align-items:center}.manage-center .countent-box .page-header .header-top .page-title[data-v-c87803fe]:before{content:"";display:inline-block;width:.125rem;height:1.25rem;background-color:#0052cc;margin-right:.375rem;border-radius:.0625rem}.manage-center .countent-box .page-header .header-top .add-btn[data-v-c87803fe]{background-color:#0052cc;color:#fff;font-size:13px;font-weight:500;padding:0 .75rem;height:1.75rem;line-height:1.75rem;border-radius:.0625rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.1875rem;border:.03125rem solid transparent;box-shadow:0 .03125rem .0625rem rgba(0,0,0,.05)}.manage-center .countent-box .page-header .header-top .add-btn[data-v-c87803fe]:hover{background-color:#0747a6;box-shadow:0 .0625rem .125rem rgba(0,0,0,.1)}.manage-center .countent-box .page-header .header-top .add-btn[data-v-c87803fe]:active{background-color:#003d99;transform:translateY(.03125rem)}.manage-center .countent-box .page-header .header-top .add-btn i[data-v-c87803fe]{font-size:12px}.manage-center .countent-box .list-wrapper[data-v-c87803fe]{background:#fff;border-radius:.0625rem;border:.03125rem solid #e1e4e8;box-shadow:0 .03125rem .09375rem rgba(0,0,0,.02)}.manage-center .countent-box .list-wrapper .table[data-v-c87803fe]{display:table;width:100%;border-collapse:collapse}.manage-center .countent-box .list-wrapper .table .thead[data-v-c87803fe]{display:table-header-group}.manage-center .countent-box .list-wrapper .table .thead .tr[data-v-c87803fe]{display:table-row;background-color:#f9fafb}.manage-center .countent-box .list-wrapper .table .thead .tr .th[data-v-c87803fe]{display:table-cell;padding:.625rem .75rem;text-align:left;color:#5e6c84;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;border-bottom:.03125rem solid #dfe1e6;white-space:nowrap}.manage-center .countent-box .list-wrapper .table .thead .tr .th.action[data-v-c87803fe]{text-align:right;padding-right:1rem}.manage-center .countent-box .list-wrapper .table .tbody[data-v-c87803fe]{display:table-row-group}.manage-center .countent-box .list-wrapper .table .tbody .tr[data-v-c87803fe]{display:table-row;background-color:#fff;transition:background-color .1s ease-in-out}.manage-center .countent-box .list-wrapper .table .tbody .tr[data-v-c87803fe]:hover{background-color:#f4f5f7}.manage-center .countent-box .list-wrapper .table .tbody .tr:hover .td[data-v-c87803fe]:first-child{box-shadow:inset .125rem 0 #0052cc}.manage-center .countent-box .list-wrapper .table .tbody .tr .td[data-v-c87803fe]{display:table-cell;padding:.75rem;text-align:left;border-bottom:.03125rem solid #ebecf0;vertical-align:middle;font-size:14px;color:#172b4d}.manage-center .countent-box .list-wrapper .table .tbody .tr .td.username[data-v-c87803fe]{color:#0052cc;font-weight:500}.manage-center .countent-box .list-wrapper .table .tbody .tr .td.action[data-v-c87803fe]{text-align:right;padding-right:1rem}.manage-center .countent-box .list-wrapper .table .tbody .tr:last-child .td[data-v-c87803fe]{border-bottom:none}.manage-center .countent-box .list-wrapper .th.username[data-v-c87803fe],.manage-center .countent-box .list-wrapper .td.username[data-v-c87803fe]{width:15%}.manage-center .countent-box .list-wrapper .th.nickname[data-v-c87803fe],.manage-center .countent-box .list-wrapper .td.nickname[data-v-c87803fe]{width:12%}.manage-center .countent-box .list-wrapper .th.roles[data-v-c87803fe],.manage-center .countent-box .list-wrapper .td.roles[data-v-c87803fe]{width:22%}.manage-center .countent-box .list-wrapper .th.status[data-v-c87803fe],.manage-center .countent-box .list-wrapper .td.status[data-v-c87803fe]{width:10%}.manage-center .countent-box .list-wrapper .th.created-at[data-v-c87803fe],.manage-center .countent-box .list-wrapper .td.created-at[data-v-c87803fe],.manage-center .countent-box .list-wrapper .th.action[data-v-c87803fe],.manage-center .countent-box .list-wrapper .td.action[data-v-c87803fe]{width:18%}.manage-center .countent-box .list-wrapper .role-tag[data-v-c87803fe]{display:inline-flex;align-items:center;padding:.0625rem .375rem;border-radius:.0625rem;font-size:12px;font-weight:600;background-color:#deebff;color:#0747a6;margin-right:.25rem;margin-bottom:.125rem}.manage-center .countent-box .list-wrapper .text-muted[data-v-c87803fe]{color:#a5adba}.manage-center .countent-box .list-wrapper .status-badge[data-v-c87803fe]{display:inline-flex;align-items:center;padding:.0625rem .375rem;border-radius:.0625rem;font-size:12px;font-weight:600}.manage-center .countent-box .list-wrapper .status-badge.status-enabled[data-v-c87803fe]{background-color:#e3fcef;color:#064}.manage-center .countent-box .list-wrapper .status-badge.status-disabled[data-v-c87803fe]{background-color:#ffebe6;color:#bf2600}.manage-center .countent-box .list-wrapper .btn-link[data-v-c87803fe]{color:#505f79;font-size:13px;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:.09375rem;background-color:#f4f5f7;transition:all .2s}.manage-center .countent-box .list-wrapper .btn-link+.btn-link[data-v-c87803fe]{margin-left:.3125rem}.manage-center .countent-box .list-wrapper .btn-link[data-v-c87803fe]:hover{background-color:#ebecf0;color:#172b4d}.manage-center .countent-box .list-wrapper .btn-link[data-v-c87803fe]:active{background-color:#dfe1e6}.manage-center .countent-box .list-wrapper .pagination[data-v-c87803fe]{display:flex;justify-content:flex-end;align-items:center;padding:.5rem .75rem;border-top:.03125rem solid #ebecf0;background-color:#fafbfc}.manage-center .countent-box .list-wrapper .pagination .page-info[data-v-c87803fe]{margin-right:.75rem;font-size:13px;color:#6b778c}.manage-center .countent-box .list-wrapper .pagination .page-btns[data-v-c87803fe]{display:flex;align-items:center;gap:.25rem}.manage-center .countent-box .list-wrapper .pagination .page-btns .page-btn[data-v-c87803fe]{margin:0;height:1.5rem;line-height:1.4375rem;padding:0 .5rem;font-size:13px;background-color:#fff;border:.03125rem solid #dfe1e6;border-radius:.09375rem;color:#172b4d;cursor:pointer;transition:all .2s}.manage-center .countent-box .list-wrapper .pagination .page-btns .page-btn[data-v-c87803fe]:hover:not(:disabled){background-color:#f4f5f7;border-color:#c1c7d0}.manage-center .countent-box .list-wrapper .pagination .page-btns .page-btn[data-v-c87803fe]:active:not(:disabled){background-color:#e3e4e6}.manage-center .countent-box .list-wrapper .pagination .page-btns .page-btn[data-v-c87803fe]:disabled{background-color:#f4f5f7;color:#a5adba;cursor:not-allowed;border-color:#f4f5f7}.manage-center .countent-box .list-wrapper .pagination .page-btns .page-num[data-v-c87803fe]{min-width:1.5rem;text-align:center;font-size:13px;font-weight:600;color:#172b4d}