.role-management[data-v-b919570a]{width:280px;background:#fff;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08)}.panel-header[data-v-b919570a]{padding:16px 20px;border-bottom:1px solid #e8e8e8}.panel-header .panel-title[data-v-b919570a]{font-weight:600;font-size:16px;color:#282828}.role-operations[data-v-b919570a]{padding:15px;display:flex;gap:8px;background:#fff;border-bottom:1px solid #e8e8e8}.role-operations .el-button[data-v-b919570a]{flex:1;font-size:13px}.role-list[data-v-b919570a]{flex:1;overflow-y:auto;padding:10px}.role-list[data-v-b919570a]::-webkit-scrollbar{width:6px}.role-list[data-v-b919570a]::-webkit-scrollbar-thumb{background:#dcdcdc;border-radius:3px}.role-list[data-v-b919570a]::-webkit-scrollbar-thumb:hover{background:silver}.role-item[data-v-b919570a]{padding:14px 16px;margin-bottom:8px;border:1px solid #e8e8e8;border-radius:6px;cursor:pointer;transition:all .3s;display:flex;justify-content:space-between;align-items:center;background:#fff}.role-item[data-v-b919570a]:hover{border-color:#3d8dfc;background-color:#f5f9ff;box-shadow:0 2px 8px rgba(61,141,252,.15);transform:translateY(-1px)}.role-item.active[data-v-b919570a]{border-color:#3d8dfc;background:linear-gradient(135deg,rgba(61,141,252,.08),rgba(61,141,252,.08));box-shadow:0 2px 12px rgba(61,141,252,.25)}.role-item.active .role-title[data-v-b919570a]{color:#3d8dfc;font-weight:600}.role-item .role-info[data-v-b919570a]{display:flex;align-items:center;gap:8px}.role-item .role-info i[data-v-b919570a]{color:#3d8dfc;font-size:16px}.role-item .role-info .role-title[data-v-b919570a]{font-weight:500;font-size:14px;color:#333}.drawer-footer[data-v-b919570a]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #e8e8e8}.account-list[data-v-cc66362e]{height:100%;display:flex;flex-direction:column;overflow:hidden}.filter-bar[data-v-cc66362e]{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid #f0f0f0}.filter-bar .filter-fields[data-v-cc66362e]{display:flex;align-items:center;margin-left:20px}.filter-bar .filter-fields[data-v-cc66362e] .el-form{display:flex;align-items:center}.filter-bar .filter-fields[data-v-cc66362e] .el-form-item{margin-bottom:0;margin-right:20px}.filter-bar .filter-fields[data-v-cc66362e] .el-form-item .el-input__inner{width:180px}.filter-bar .filter-fields .filter-search-btn[data-v-cc66362e]{flex-shrink:0;margin-left:4px}.filter-bar .filter-fields .filter-add-btn[data-v-cc66362e]{flex-shrink:0;margin-left:12px}.account-cards[data-v-cc66362e]{flex:1;overflow-y:auto;padding:16px 20px}.account-cards[data-v-cc66362e]::-webkit-scrollbar{width:6px}.account-cards[data-v-cc66362e]::-webkit-scrollbar-thumb{background:#dcdcdc;border-radius:3px}.account-cards[data-v-cc66362e]::-webkit-scrollbar-thumb:hover{background:silver}.account-card[data-v-cc66362e]{display:flex;align-items:center;padding:14px 16px;margin-bottom:12px;border:1px solid #ebeef5;border-radius:8px;background:#fff;transition:box-shadow .2s,border-color .2s}.account-card[data-v-cc66362e]:hover{border-color:#d9e4ff;box-shadow:0 2px 12px rgba(61,141,252,.12)}.account-card .account-avatar[data-v-cc66362e]{flex-shrink:0;background:#3d8dfc;border-radius:8px}.account-card .account-info[data-v-cc66362e]{flex:1;min-width:0;margin-left:14px}.account-card .account-info .account-title[data-v-cc66362e]{display:flex;align-items:center;margin-bottom:8px}.account-card .account-info .account-title .account-name[data-v-cc66362e]{font-size:15px;font-weight:600;color:#1d2129}.account-card .account-info .account-title .account-role[data-v-cc66362e]{font-size:14px;font-weight:600;color:#1d2129}.account-card .account-info .account-meta[data-v-cc66362e]{display:flex;align-items:center;flex-wrap:wrap;font-size:13px;color:#86909c}.account-card .account-info .account-meta .meta-status[data-v-cc66362e]{display:inline-flex;align-items:center;margin-right:16px}.account-card .account-info .account-meta .meta-status .status-dot[data-v-cc66362e]{width:6px;height:6px;border-radius:50%;margin-right:5px}.account-card .account-info .account-meta .meta-status.is-normal[data-v-cc66362e]{color:#00b42a}.account-card .account-info .account-meta .meta-status.is-normal .status-dot[data-v-cc66362e]{background:#00b42a}.account-card .account-info .account-meta .meta-status.is-disabled[data-v-cc66362e]{color:#f53f3f}.account-card .account-info .account-meta .meta-status.is-disabled .status-dot[data-v-cc66362e]{background:#f53f3f}.account-card .account-info .account-meta .meta-item[data-v-cc66362e]{margin-right:20px}.account-card .account-actions[data-v-cc66362e]{flex-shrink:0;margin-left:16px}.account-card .account-actions .action-edit[data-v-cc66362e]{color:#3d8dfc;padding:0}.account-card .account-actions .action-delete[data-v-cc66362e]{color:#f53f3f;padding:0;margin-left:16px}.empty-tip[data-v-cc66362e]{text-align:center;padding:60px 0;color:#c0c4cc}.empty-tip i[data-v-cc66362e]{font-size:48px}.empty-tip p[data-v-cc66362e]{margin-top:10px;font-size:14px}.pagination-wrap[data-v-cc66362e]{flex-shrink:0;padding:12px 20px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end}.drawer-footer[data-v-cc66362e]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #e8e8e8}.role-permission[data-v-041ea49a]{height:100%;display:flex;flex-direction:column;overflow:hidden}.empty-tip[data-v-041ea49a]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#86909c}.empty-tip i[data-v-041ea49a]{font-size:72px;margin-bottom:16px;color:#e4e7ed}.empty-tip p[data-v-041ea49a]{font-size:15px;margin:0;letter-spacing:.5px}.permission-content[data-v-041ea49a]{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.permission-body[data-v-041ea49a]{flex:1;min-height:0;overflow-y:auto;padding:20px 20px 24px}.permission-body[data-v-041ea49a]::-webkit-scrollbar{width:8px}.permission-body[data-v-041ea49a]::-webkit-scrollbar-thumb{background:#dcdcdc;border-radius:4px}.permission-body[data-v-041ea49a]::-webkit-scrollbar-thumb:hover{background:silver}.role-info-section[data-v-041ea49a]{display:flex;align-items:center;gap:20px;padding:20px;background:#fff;border:1px solid #eef0f3;border-radius:8px;box-shadow:0 1px 3px rgba(17,24,39,.04)}.role-avatar[data-v-041ea49a]{flex-shrink:0;width:56px;height:56px;border-radius:8px;background:linear-gradient(135deg,#3d8dfc,#6a8dff);box-shadow:0 4px 12px rgba(61,141,252,.28);display:flex;align-items:center;justify-content:center}.role-avatar i[data-v-041ea49a]{color:#fff;font-size:28px}.role-form[data-v-041ea49a]{flex:1;min-width:0}.role-form[data-v-041ea49a] .el-form-item{margin-bottom:0}.role-form[data-v-041ea49a] .el-form-item__label{font-size:15px;font-weight:600;color:#282828;line-height:28px;padding-bottom:6px}.role-form[data-v-041ea49a] .el-input__inner{height:42px;line-height:42px;border-radius:6px}.perm-section[data-v-041ea49a]{margin-top:28px}.perm-section__title[data-v-041ea49a]{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.perm-section__title .perm-section__title-left[data-v-041ea49a]{display:flex;align-items:center;gap:18px}.perm-section__title .perm-section__title-right[data-v-041ea49a]{display:flex;align-items:center;gap:12px}.perm-section__title .perm-count[data-v-041ea49a]{font-size:13px;color:#86909c}.perm-section__title .perm-all-btn[data-v-041ea49a]{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;font-size:13px;line-height:1;color:#4e5969;background:#fff;border:1px solid #e5e6eb;border-radius:6px;cursor:pointer;transition:all .2s}.perm-section__title .perm-all-btn[data-v-041ea49a]:hover{color:#3d8dfc;border-color:#bcd4ff;background:#f2f7ff}.perm-section__title .perm-all-btn.is-active[data-v-041ea49a]{color:#3d8dfc;border-color:#3d8dfc;background:#eef4ff}.perm-section__title .perm-all-btn i[data-v-041ea49a]{font-size:12px}.perm-section__title .perm-section__title-text[data-v-041ea49a]{position:relative;display:flex;align-items:center;gap:8px;font-size:17px;font-weight:700;color:#1d2129}.perm-section__title .perm-section__title-text i[data-v-041ea49a]{font-size:18px;color:#3d8dfc}.perm-group[data-v-041ea49a]{margin-bottom:12px;background:#fff;border:1px solid #eef0f3;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(17,24,39,.04);transition:border-color .2s,box-shadow .2s}.perm-group[data-v-041ea49a]:hover{border-color:#d6e4ff;box-shadow:0 4px 14px rgba(61,141,252,.1)}.perm-group__bar[data-v-041ea49a]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f7f9fc;border-bottom:1px solid #eef0f3;transition:background .2s}.perm-group__bar .perm-group__bar-left[data-v-041ea49a]{display:flex;align-items:center}.perm-group__bar .perm-group__bar-left .group-icon[data-v-041ea49a]{flex-shrink:0;font-size:16px;color:#9aa3b2;margin-right:8px;transition:color .2s}.perm-group__bar .perm-group__bar-left[data-v-041ea49a] .el-checkbox{display:flex;align-items:center}.perm-group__bar .perm-group__bar-left[data-v-041ea49a] .el-checkbox .el-checkbox__label{font-size:14px;font-weight:600;color:#282828;white-space:nowrap}.perm-group__bar .perm-group__count[data-v-041ea49a]{flex-shrink:0;font-size:12px;color:#a9b0bd;background:#fff;border:1px solid #eef0f3;border-radius:10px;padding:1px 9px;transition:all .2s}.perm-group__bar.is-checked[data-v-041ea49a]{background:#eef4ff}.perm-group__bar.is-checked .group-icon[data-v-041ea49a]{color:#3d8dfc}.perm-group__bar.is-checked[data-v-041ea49a] .el-checkbox__label{color:#3d8dfc}.perm-group__bar.is-checked .perm-group__count[data-v-041ea49a]{color:#3d8dfc;border-color:#cfe0ff}.perm-group__items[data-v-041ea49a]{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:14px 16px}.perm-group__items .perm-item[data-v-041ea49a]{margin:0;display:flex;align-items:center}.perm-group__items .perm-item[data-v-041ea49a] .el-checkbox{margin-right:0;height:auto;border:1px solid #e6e8eb;border-radius:16px;padding:6px 14px 6px 10px;background:#f7f8fa;cursor:pointer;transition:all .2s}.perm-group__items .perm-item[data-v-041ea49a] .el-checkbox:hover{border-color:#bcd4ff;background:#f2f7ff}.perm-group__items .perm-item[data-v-041ea49a] .el-checkbox__label{font-size:14px;color:#4e5969;padding-left:8px}.perm-group__items .perm-item[data-v-041ea49a] .el-checkbox.is-checked{background:#eef4ff;border-color:#3d8dfc}.perm-group__items .perm-item[data-v-041ea49a] .el-checkbox.is-checked:hover{background:#e3eeff}.perm-group__items .perm-item[data-v-041ea49a] .el-checkbox.is-checked .el-checkbox__label{color:#3d8dfc}.user-management-page[data-v-9dec72f6]{width:100%;height:100%;padding:0}.main-container[data-v-9dec72f6]{display:flex;height:100%;gap:10px}.right-panel[data-v-9dec72f6]{flex:1;background:#fff;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08)}.right-panel[data-v-9dec72f6] .el-tabs{display:flex;flex-direction:column;height:100%}.right-panel[data-v-9dec72f6] .el-tabs .el-tabs__header{margin:0;padding:0 20px;background:#fafafa;border-bottom:1px solid #e8e8e8}.right-panel[data-v-9dec72f6] .el-tabs .el-tabs__nav-wrap{padding:8px 0 0}.right-panel[data-v-9dec72f6] .el-tabs .el-tabs__item{font-size:15px;font-weight:500;height:42px;line-height:42px}.right-panel[data-v-9dec72f6] .el-tabs .el-tabs__item.is-active{color:#3d8dfc}.right-panel[data-v-9dec72f6] .el-tabs .el-tabs__active-bar{background-color:#3d8dfc;height:3px;pointer-events:none}.right-panel[data-v-9dec72f6] .el-tabs .el-tabs__content{flex:1;overflow:hidden}.right-panel[data-v-9dec72f6] .el-tabs .el-tab-pane{height:100%;overflow:hidden}