.role-management-container[data-v-03af10c2]{padding:20px;background-color:#f5f7fa;min-height:100vh}.page-header[data-v-03af10c2]{margin-bottom:24px}.title-section[data-v-03af10c2]{display:flex;align-items:center;margin-bottom:16px}.title-icon[data-v-03af10c2]{height:20px;width:20px;margin-right:8px}.page-title[data-v-03af10c2]{font-size:18px;font-weight:600;color:#303133;margin:0}.action-section[data-v-03af10c2]{margin-bottom:24px}.action-card[data-v-03af10c2]{border-radius:12px;border:1px solid #e8e8e8}.action-content[data-v-03af10c2]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.action-buttons[data-v-03af10c2]{display:flex;gap:8px;flex-wrap:wrap}.search-content[data-v-03af10c2]{display:flex;gap:8px;align-items:center}.search-input[data-v-03af10c2]{width:300px}.table-section[data-v-03af10c2]{margin-bottom:24px}.data-table[data-v-03af10c2]{border-radius:8px;overflow:hidden;width:100%}.pagination-section[data-v-03af10c2]{margin-top:20px;display:flex;justify-content:center}.table-actions[data-v-03af10c2]{display:flex;gap:4px;justify-content:center}@media (max-width:1200px){.role-management-container[data-v-03af10c2]{padding:16px}.action-content[data-v-03af10c2]{flex-direction:column;align-items:stretch}.search-input[data-v-03af10c2]{width:100%}}@media (max-width:992px){.action-buttons[data-v-03af10c2]{justify-content:center}.search-content[data-v-03af10c2]{width:100%}}@media (max-width:768px){.role-management-container[data-v-03af10c2]{padding:12px}.title-section[data-v-03af10c2]{flex-direction:column;align-items:flex-start}.title-icon[data-v-03af10c2]{margin-bottom:8px}.table-actions[data-v-03af10c2]{flex-direction:column;width:100%}.table-actions .el-button[data-v-03af10c2]{width:100%;margin-bottom:4px}}@media (max-width:576px){.role-management-container[data-v-03af10c2]{padding:8px}.action-buttons[data-v-03af10c2]{flex-direction:column;width:100%}.action-buttons .el-button[data-v-03af10c2]{width:100%;margin-bottom:8px}}.role-management-container[data-v-03af10c2]{scrollbar-width:thin;scrollbar-color:transparent transparent}.role-management-container[data-v-03af10c2]:active,.role-management-container[data-v-03af10c2]:focus,.role-management-container[data-v-03af10c2]:hover{scrollbar-color:#c1c1c1 #f1f1f1}.role-management-container[data-v-03af10c2]::-webkit-scrollbar{width:6px;height:6px}.role-management-container[data-v-03af10c2]::-webkit-scrollbar-track{background:transparent;border-radius:3px}.role-management-container[data-v-03af10c2]::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.role-management-container[data-v-03af10c2]:active::-webkit-scrollbar-track,.role-management-container[data-v-03af10c2]:focus::-webkit-scrollbar-track,.role-management-container[data-v-03af10c2]:hover::-webkit-scrollbar-track{background:#f1f1f1}.role-management-container[data-v-03af10c2]:active::-webkit-scrollbar-thumb,.role-management-container[data-v-03af10c2]:focus::-webkit-scrollbar-thumb,.role-management-container[data-v-03af10c2]:hover::-webkit-scrollbar-thumb{background:#c1c1c1}.role-management-container[data-v-03af10c2]:active::-webkit-scrollbar-thumb:hover,.role-management-container[data-v-03af10c2]:focus::-webkit-scrollbar-thumb:hover,.role-management-container[data-v-03af10c2]:hover::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.data-table[data-v-03af10c2] .el-table__body-wrapper{scrollbar-width:thin;scrollbar-color:transparent transparent}.data-table[data-v-03af10c2] .el-table__body-wrapper:active,.data-table[data-v-03af10c2] .el-table__body-wrapper:focus,.data-table[data-v-03af10c2] .el-table__body-wrapper:hover{scrollbar-color:#c1c1c1 #f1f1f1}.data-table[data-v-03af10c2] .el-table__body-wrapper::-webkit-scrollbar{width:6px;height:6px}.data-table[data-v-03af10c2] .el-table__body-wrapper::-webkit-scrollbar-track{background:transparent;border-radius:3px}.data-table[data-v-03af10c2] .el-table__body-wrapper::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.data-table[data-v-03af10c2] .el-table__body-wrapper:active::-webkit-scrollbar-track,.data-table[data-v-03af10c2] .el-table__body-wrapper:focus::-webkit-scrollbar-track,.data-table[data-v-03af10c2] .el-table__body-wrapper:hover::-webkit-scrollbar-track{background:#f1f1f1}.data-table[data-v-03af10c2] .el-table__body-wrapper:active::-webkit-scrollbar-thumb,.data-table[data-v-03af10c2] .el-table__body-wrapper:focus::-webkit-scrollbar-thumb,.data-table[data-v-03af10c2] .el-table__body-wrapper:hover::-webkit-scrollbar-thumb{background:#c1c1c1}.data-table[data-v-03af10c2] .el-table{font-size:14px;table-layout:auto}.data-table[data-v-03af10c2] .el-table .el-table__header-wrapper{background-color:#f5f7fa}.data-table[data-v-03af10c2] .el-table .el-table__body tr:hover>td{background-color:#f5f7fa!important}.data-table[data-v-03af10c2] .el-table th{background-color:#f5f7fa;color:#606266;font-weight:600;font-size:14px;white-space:nowrap}.data-table[data-v-03af10c2] .el-table td{font-size:14px;padding:8px 0;white-space:nowrap}.data-table[data-v-03af10c2] .el-table .cell{font-size:14px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-table[data-v-03af10c2] .el-table .el-button{font-size:12px;padding:5px 10px}[data-v-03af10c2] .role-form-dialog .el-dialog{border-radius:8px;overflow:hidden}[data-v-03af10c2] .role-form-dialog .el-dialog__header{padding:15px 20px;background-color:#f5f7fa;border-bottom:1px solid #e4e7ed}[data-v-03af10c2] .role-form-dialog .el-dialog__body{padding:20px;max-height:70vh;overflow-y:auto}[data-v-03af10c2] .role-form-dialog .el-dialog__footer{padding:10px 20px;border-top:1px solid #e4e7ed}[data-v-03af10c2] .el-form-item{margin-bottom:16px}[data-v-03af10c2] .el-form-item__label{font-weight:500}[data-v-03af10c2] .el-pagination{scrollbar-width:thin;scrollbar-color:transparent transparent;font-size:14px}[data-v-03af10c2] .el-pagination:active,[data-v-03af10c2] .el-pagination:focus,[data-v-03af10c2] .el-pagination:hover{scrollbar-color:#c1c1c1 #f1f1f1}[data-v-03af10c2] .el-pagination::-webkit-scrollbar{width:6px;height:6px}[data-v-03af10c2] .el-pagination::-webkit-scrollbar-track{background:transparent;border-radius:3px}[data-v-03af10c2] .el-pagination::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}[data-v-03af10c2] .el-pagination:active::-webkit-scrollbar-track,[data-v-03af10c2] .el-pagination:focus::-webkit-scrollbar-track,[data-v-03af10c2] .el-pagination:hover::-webkit-scrollbar-track{background:#f1f1f1}[data-v-03af10c2] .el-pagination:active::-webkit-scrollbar-thumb,[data-v-03af10c2] .el-pagination:focus::-webkit-scrollbar-thumb,[data-v-03af10c2] .el-pagination:hover::-webkit-scrollbar-thumb{background:#c1c1c1}[data-v-03af10c2] .el-pagination:active::-webkit-scrollbar-thumb:hover,[data-v-03af10c2] .el-pagination:focus::-webkit-scrollbar-thumb:hover,[data-v-03af10c2] .el-pagination:hover::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.data-table[data-v-03af10c2] .el-table__body,.data-table[data-v-03af10c2] .el-table__empty-block,.data-table[data-v-03af10c2] .el-table__header{width:100%!important}#div1[data-v-03af10c2]{border:1px solid #dcdfe6;border-radius:4px}#div1[data-v-03af10c2] .w-e-text-container{min-height:300px}@media (max-width:768px){.table-actions[data-v-03af10c2]{flex-direction:column}.table-actions .el-button[data-v-03af10c2]{width:100%;margin-bottom:4px}[data-v-03af10c2] .role-form-dialog .el-dialog{width:95%!important}}