.role-management-page{display:flex;flex-direction:column;gap:var(--sp-3);box-sizing:border-box;width:100%;min-width:0;height:calc(100vh - 80px)}.role-management-filter{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex:0 0 auto}.role-management-title{margin:0;color:var(--text);font-size:var(--fs-20);font-weight:600;line-height:32px}.role-management-filter__controls{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2);min-width:0}.role-management-filter__input{width:280px}.role-management-table-panel{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:0}.role-management-table-region{flex:1 1 auto;min-height:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius)}.role-management-pagination{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;min-height:32px;margin-top:var(--sp-3)}.role-management-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);min-height:120px;padding:var(--sp-6);color:var(--text-3);font-size:var(--fs-14)}.role-management-empty .el-icon-user-solid{font-size:var(--fs-30)}.role-management-empty p{margin:0}.role-management-empty-value{color:var(--text-3)}.role-management-action-danger{color:var(--danger)}.role-management-action-danger:focus,.role-management-action-danger:hover{color:var(--danger);background:var(--brand-tint)}.role-management-confirm__icon{color:var(--warning);font-size:var(--fs-30)}.role-management-confirm__title{margin-left:var(--sp-2);color:var(--text);font-size:var(--fs-16);font-weight:600;line-height:30px;vertical-align:top}.role-management-confirm__message{margin:var(--sp-3) 0 var(--sp-6) 38px;color:var(--text-2);font-size:var(--fs-14)}.role-management-tooltip{max-width:360px;line-height:1.6;word-break:break-word}.role-management-dialog{max-width:calc(100% - var(--sp-5) - var(--sp-5));border-radius:var(--radius-lg)}.role-management-dialog .el-dialog__header{padding:var(--sp-5);border-bottom:1px solid var(--border)}.role-management-dialog .el-dialog__title{color:var(--text);font-size:var(--fs-16);font-weight:600}.role-management-dialog .el-dialog__body{max-height:60vh;padding:var(--sp-5);overflow:auto}.role-management-dialog .el-dialog__footer{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border)}.role-management-form-control{width:100%}@media (max-width:1024px){.role-management-filter{align-items:flex-start;flex-direction:column}.role-management-filter__controls{justify-content:flex-start;flex-wrap:wrap;width:100%}}