.role-container[data-v-4d9e0b51]{padding:24px;background:#f5f7fa;height:calc(100vh - 100px)}.page-header[data-v-4d9e0b51]{margin-bottom:24px}.page-header .header-content .page-title[data-v-4d9e0b51]{font-size:24px;font-weight:600;color:#409eff;margin:0 0 8px 0;display:flex;align-items:center}.page-header .header-content .page-title i[data-v-4d9e0b51]{margin-right:8px;color:#409eff}.page-header .header-content .page-description[data-v-4d9e0b51]{color:#606266;margin:0;font-size:14px}.action-card[data-v-4d9e0b51]{margin-bottom:16px;border-radius:8px}.action-card .action-container[data-v-4d9e0b51]{justify-content:space-between}.action-card .action-container .action-left[data-v-4d9e0b51],.action-card .action-container[data-v-4d9e0b51]{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.action-card .action-container .action-right[data-v-4d9e0b51]{display:flex;align-items:center}.action-card .action-container .action-item[data-v-4d9e0b51]{margin:0}.table-card[data-v-4d9e0b51]{border-radius:8px}.table-card .table-header[data-v-4d9e0b51]{padding-bottom:16px;border-bottom:1px solid #ebeef5;margin-bottom:16px}.table-card .table-header .table-title[data-v-4d9e0b51]{display:flex;align-items:center;font-size:16px;font-weight:500;color:#303133}.table-card .table-header .table-title .count-tag[data-v-4d9e0b51]{margin-left:12px}.id-text[data-v-4d9e0b51]{font-weight:500;color:#909399}.role-info[data-v-4d9e0b51]{display:flex;align-items:center}.role-info .role-icon[data-v-4d9e0b51]{margin-right:12px}.role-info .role-details .role-name[data-v-4d9e0b51]{font-weight:500;color:#303133;margin-bottom:4px}.role-info .role-details .role-desc[data-v-4d9e0b51]{font-size:12px;color:#909399}.action-buttons[data-v-4d9e0b51]{display:flex;justify-content:center;gap:8px}[data-v-4d9e0b51] .el-dialog{border-radius:8px}[data-v-4d9e0b51] .el-dialog .el-dialog__header{padding:20px 20px 10px;border-bottom:1px solid #ebeef5}[data-v-4d9e0b51] .el-dialog .el-dialog__header .el-dialog__title{font-size:18px;font-weight:600;color:#303133}[data-v-4d9e0b51] .el-dialog .el-dialog__body{padding:20px}[data-v-4d9e0b51] .el-dialog .el-dialog__footer{padding:10px 20px 20px;text-align:right}[data-v-4d9e0b51] .el-form .el-form-item__label{font-weight:500;color:#606266}[data-v-4d9e0b51] .el-form .el-input__inner{border-radius:6px}[data-v-4d9e0b51] .el-form .el-input__inner:focus{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.1)}@media(max-width:768px){.role-container[data-v-4d9e0b51]{padding:16px}.action-container .action-left[data-v-4d9e0b51],.action-container .action-right[data-v-4d9e0b51]{width:100%;justify-content:flex-start}.action-container .action-right[data-v-4d9e0b51]{margin-top:12px}.table-card[data-v-4d9e0b51] .el-table{font-size:12px}}@media(max-width:480px){.page-header .header-content .page-title[data-v-4d9e0b51]{font-size:20px}.role-info .role-icon[data-v-4d9e0b51]{margin-right:8px}}