.role-management-container[data-v-cdc4dbcc]{display:flex;height:100%;background-color:#f5f7fa;padding:16px;box-sizing:border-box;gap:16px}.role-management-container .role-aside[data-v-cdc4dbcc]{width:280px;background:#fff;border-radius:8px;display:flex;flex-direction:column;box-shadow:0 2px 12px 0 rgba(0,0,0,.05)}.role-management-container .role-aside .aside-header[data-v-cdc4dbcc]{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0}.role-management-container .role-aside .aside-header .title[data-v-cdc4dbcc]{font-size:16px;font-weight:700;color:#303133}.role-management-container .role-aside .aside-search[data-v-cdc4dbcc]{padding:12px 16px;display:flex;gap:10px;flex-direction:column}.role-management-container .role-aside .aside-search .aside-search-btn[data-v-cdc4dbcc]{display:flex;justify-content:flex-end}.role-management-container .role-aside .role-list-wrapper[data-v-cdc4dbcc]{flex:1;overflow-y:auto;padding:0 8px 16px;font-size:14px}.role-management-container .role-aside .role-list-wrapper .role-item[data-v-cdc4dbcc]{padding:12px 16px;margin-bottom:4px;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s;color:#606266}.role-management-container .role-aside .role-list-wrapper .role-item[data-v-cdc4dbcc]:hover{background-color:#f0f7ff;color:#409eff}.role-management-container .role-aside .role-list-wrapper .role-item:hover .role-actions[data-v-cdc4dbcc]{opacity:1}.role-management-container .role-aside .role-list-wrapper .role-item.active[data-v-cdc4dbcc]{background-color:#e6f1fc;color:#409eff;font-weight:500}.role-management-container .role-aside .role-list-wrapper .role-item .role-actions[data-v-cdc4dbcc]{opacity:0;display:flex;gap:8px}.role-management-container .role-aside .role-list-wrapper .role-item .role-actions i[data-v-cdc4dbcc]:hover{color:#409eff}.role-management-container .role-aside .role-list-wrapper .role-item .role-actions .el-icon-delete[data-v-cdc4dbcc]:hover{color:#f56c6c}.role-management-container .role-aside .role-list-wrapper .role-item .role-actions .disabled[data-v-cdc4dbcc],.role-management-container .role-aside .role-list-wrapper .role-item .role-actions .disabled[data-v-cdc4dbcc]:hover{cursor:not-allowed;color:#c0c4cc}.role-management-container .role-main[data-v-cdc4dbcc]{flex:1;background:#fff;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.05);display:flex;flex-direction:column;overflow:hidden}.role-management-container .role-main .main-content[data-v-cdc4dbcc]{height:100%;display:flex;flex-direction:column;padding:0 20px 20px}.role-management-container .role-main .main-content[data-v-cdc4dbcc] .el-tabs{height:100%;display:flex;flex-direction:column}.role-management-container .role-main .main-content[data-v-cdc4dbcc] .el-tabs .el-tabs__item.is-active{color:#061427;font-weight:700}.role-management-container .role-main .main-content[data-v-cdc4dbcc] .el-tabs .el-tabs__item:hover{color:#061427}.role-management-container .role-main .main-content[data-v-cdc4dbcc] .el-tabs .el-tabs__content{flex:1;overflow:hidden}.role-management-container .role-main .main-content[data-v-cdc4dbcc] .el-tabs .el-tabs__content .el-tab-pane{height:100%;display:flex;flex-direction:column}.role-management-container .role-main .permission-header[data-v-cdc4dbcc]{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f0f0f0;margin-bottom:20px}.role-management-container .role-main .permission-header .tip[data-v-cdc4dbcc]{color:#909399;font-size:13px}.role-management-container .role-main .permission-content-layout[data-v-cdc4dbcc]{flex:1;overflow-y:auto;padding-right:10px}.role-management-container .role-main .permission-content-layout .role-base-form[data-v-cdc4dbcc]{padding:20px;background:#fbfdff;border:1px solid #edf2fc;border-radius:8px;margin-bottom:24px}.role-management-container .role-main .permission-content-layout .permission-custom-wrapper[data-v-cdc4dbcc]{background:#fff;padding:0}.role-management-container .role-main .permission-content-layout .permission-custom-wrapper .permission-title[data-v-cdc4dbcc]{font-size:16px;font-weight:700;color:#303133;margin-bottom:20px;padding-left:10px;border-left:4px solid #409eff}.role-management-container .role-main .permission-content-layout .permission-custom-wrapper .permission-group[data-v-cdc4dbcc]{margin-bottom:24px;border:1px solid #ebeef5;border-radius:8px;padding:0;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.02)}.role-management-container .role-main .permission-content-layout .permission-custom-wrapper .permission-group .group-header[data-v-cdc4dbcc]{background-color:#f8faff;padding:12px 20px;margin-bottom:0;border-bottom:1px solid #ebeef5}.role-management-container .role-main .permission-content-layout .permission-custom-wrapper .permission-group .group-header .group-name[data-v-cdc4dbcc]{font-size:15px;font-weight:700;color:#303133}.role-management-container .role-main .permission-content-layout .permission-custom-wrapper .permission-group .group-body[data-v-cdc4dbcc]{padding:0;display:flex;flex-direction:row;flex-wrap:wrap}.role-management-container .role-main .permission-content-layout .permission-custom-wrapper .permission-group .module-item[data-v-cdc4dbcc]{display:flex;align-items:flex-start;border-bottom:1px solid #f0f2f5;padding:16px 20px;transition:background-color .2s}.role-management-container .role-main .permission-content-layout .permission-custom-wrapper .permission-group .module-item[data-v-cdc4dbcc]:hover{background-color:#fafafa}.role-management-container .role-main .permission-content-layout .permission-custom-wrapper .permission-group .module-item[data-v-cdc4dbcc]:last-child{border-bottom:none}.role-management-container .role-main .permission-content-layout .permission-custom-wrapper .permission-group .module-item .module-row[data-v-cdc4dbcc]{display:flex}.role-management-container .role-main .permission-content-layout .permission-custom-wrapper .permission-group .module-item .module-header[data-v-cdc4dbcc]{flex-shrink:0;padding-right:20px;margin-right:24px}.role-management-container .role-main .permission-content-layout .permission-custom-wrapper .permission-group .module-item .module-header .module-name[data-v-cdc4dbcc]{font-weight:600;color:#409eff;font-size:14px}.role-management-container .role-main .permission-content-layout .permission-custom-wrapper .permission-group .module-item .module-actions[data-v-cdc4dbcc]{flex:1;display:flex;flex-wrap:wrap;padding:0 24px;align-content:center;min-height:32px;border-right:1px dashed #dcdfe6}.role-management-container .role-main .permission-content-layout .permission-custom-wrapper .permission-group .module-item .module-actions .action-name[data-v-cdc4dbcc]{color:#606266;font-size:13px}.role-management-container .role-main .user-list-header[data-v-cdc4dbcc]{padding:16px 0}.role-management-container .role-main .user-table-wrapper[data-v-cdc4dbcc]{flex:1;overflow:hidden}.role-management-container .role-main .add-role[data-v-cdc4dbcc]{height:100%;display:flex;flex-direction:column;padding:0 20px 20px}.role-management-container .role-main .add-role .permission-header[data-v-cdc4dbcc]{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f0f0f0;margin-bottom:20px}.role-management-container .role-main .add-role .permission-header .tip[data-v-cdc4dbcc]{color:#909399;font-size:13px}.role-management-container .role-main .add-role .permission-content-layout[data-v-cdc4dbcc]{flex:1;overflow-y:auto;padding-right:10px}.role-management-container .role-main .add-role .permission-content-layout .role-base-form[data-v-cdc4dbcc]{padding:20px;background:#fbfdff;border:1px solid #edf2fc;border-radius:8px;margin-bottom:24px}.role-management-container .role-main .add-role .permission-content-layout .permission-custom-wrapper[data-v-cdc4dbcc]{background:#fff;padding:0}.role-management-container .role-main .add-role .permission-content-layout .permission-custom-wrapper .permission-title[data-v-cdc4dbcc]{font-size:16px;font-weight:700;color:#303133;margin-bottom:20px;padding-left:10px;border-left:4px solid #409eff}.role-management-container .role-main .add-role .permission-content-layout .permission-custom-wrapper .permission-group[data-v-cdc4dbcc]{margin-bottom:24px;border:1px solid #ebeef5;border-radius:8px;padding:0;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.02)}.role-management-container .role-main .add-role .permission-content-layout .permission-custom-wrapper .permission-group .group-header[data-v-cdc4dbcc]{background-color:#f8faff;padding:12px 20px;margin-bottom:0;border-bottom:1px solid #ebeef5}.role-management-container .role-main .add-role .permission-content-layout .permission-custom-wrapper .permission-group .group-header .group-name[data-v-cdc4dbcc]{font-size:15px;font-weight:700;color:#303133}.role-management-container .role-main .add-role .permission-content-layout .permission-custom-wrapper .permission-group .group-body[data-v-cdc4dbcc]{padding:0;display:flex;flex-direction:row;flex-wrap:wrap}.role-management-container .role-main .add-role .permission-content-layout .permission-custom-wrapper .permission-group .module-item[data-v-cdc4dbcc]{display:flex;align-items:flex-start;border-bottom:1px solid #f0f2f5;padding:16px 20px;transition:background-color .2s}.role-management-container .role-main .add-role .permission-content-layout .permission-custom-wrapper .permission-group .module-item[data-v-cdc4dbcc]:hover{background-color:#fafafa}.role-management-container .role-main .add-role .permission-content-layout .permission-custom-wrapper .permission-group .module-item[data-v-cdc4dbcc]:last-child{border-bottom:none}.role-management-container .role-main .add-role .permission-content-layout .permission-custom-wrapper .permission-group .module-item .module-header[data-v-cdc4dbcc]{flex-shrink:0;padding-right:20px;margin-right:24px}.role-management-container .role-main .add-role .permission-content-layout .permission-custom-wrapper .permission-group .module-item .module-header .module-name[data-v-cdc4dbcc]{font-weight:600;color:#409eff;font-size:14px}.role-management-container .role-main .add-role .permission-content-layout .permission-custom-wrapper .permission-group .module-item .module-actions[data-v-cdc4dbcc]{flex:1;display:flex;flex-wrap:wrap;gap:12px 24px;align-content:center;min-height:32px}.role-management-container .role-main .add-role .permission-content-layout .permission-custom-wrapper .permission-group .module-item .module-actions .action-name[data-v-cdc4dbcc]{color:#606266;font-size:13px}.role-management-container .danger-btn[data-v-cdc4dbcc]{color:#f56c6c}.pagination-container[data-v-cdc4dbcc]{padding-top:16px;display:flex;justify-content:center}.empty-state[data-v-cdc4dbcc]{height:100%;display:flex;justify-content:center;align-items:center}.scroll[data-v-cdc4dbcc]::-webkit-scrollbar{width:6px}.scroll[data-v-cdc4dbcc]::-webkit-scrollbar-thumb{background:#dbdbdb;border-radius:3px}.permission-content[data-v-cdc4dbcc]{max-height:200px;overflow-y:auto}.readonly-warning[data-v-cdc4dbcc]{color:#f56c6c;font-weight:700;font-size:12px}