.role-page[data-v-0a21e25c]{--aptus-primary:#2563eb;--aptus-primary-light:#3b82f6;--aptus-primary-bg:#eff6ff;--aptus-accent:#ff6f00;--aptus-accent-bg:#fff5eb;--aptus-success:#2e7d32;--aptus-success-bg:#edf7ed;--aptus-danger:#c62828;--aptus-danger-bg:#fdecec;--aptus-warning:#f57f17;--aptus-surface:#fff;--aptus-surface-muted:#f5f6f8;--aptus-border:#e2e6ec;--aptus-border-light:#eff1f5;--aptus-text:#1a1d21;--aptus-text-secondary:#5e6670;--aptus-text-muted:#9aa3b0;width:100%;height:calc(100vh - 88px);max-height:calc(100vh - 88px)}.main_r[data-v-0a21e25c],.role-page[data-v-0a21e25c]{overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}.main_r[data-v-0a21e25c]{height:100%;padding:16px 20px 14px;min-height:0}.page-top[data-v-0a21e25c]{flex-shrink:0;margin-bottom:12px}.title_line[data-v-0a21e25c]{margin-bottom:0;font-size:18px;font-weight:700;color:var(--aptus-text);display:flex;align-items:center;gap:10px}.title_line[data-v-0a21e25c]:before{content:"";width:4px;height:22px;background:linear-gradient(180deg,var(--aptus-primary),var(--aptus-primary-light));border-radius:2px}.role-body[data-v-0a21e25c]{flex:1;min-height:0;display:flex;gap:16px;overflow:hidden}.role-panel[data-v-0a21e25c]{display:flex;flex-direction:column;background:var(--aptus-surface);border:1px solid var(--aptus-border);border-radius:10px;box-shadow:0 1px 4px rgba(15,26,46,.06);overflow:hidden}.role-panel--left[data-v-0a21e25c]{width:320px;flex-shrink:0}.role-panel--right[data-v-0a21e25c]{flex:1;min-width:0}.panel-header[data-v-0a21e25c]{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--aptus-border-light);background:var(--aptus-surface-muted)}.panel-title[data-v-0a21e25c]{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--aptus-text)}.panel-title i[data-v-0a21e25c]{font-size:16px;color:var(--aptus-primary)}.panel-content[data-v-0a21e25c]{flex:1;min-height:0;padding:12px;overflow-y:auto}.panel-footer[data-v-0a21e25c]{padding:12px 18px;border-top:1px solid var(--aptus-border-light);background:var(--aptus-surface-muted);display:flex;justify-content:flex-end}.role-list[data-v-0a21e25c]{list-style:none;margin:0;padding:0}.role-list li[data-v-0a21e25c]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:6px;border:1px solid transparent}.role-list li[data-v-0a21e25c]:last-child{margin-bottom:0}.role-list li[data-v-0a21e25c]:hover{background:var(--aptus-primary-bg);border-color:#a8d0f5}.role-list li.is-active[data-v-0a21e25c]{background:var(--aptus-primary);border-color:var(--aptus-primary);box-shadow:0 2px 8px rgba(21,101,192,.25)}.role-list li.is-active .role-icon[data-v-0a21e25c]{color:hsla(0,0%,100%,.9)}.role-list li.is-active .role-name[data-v-0a21e25c]{color:#fff;font-weight:600}.role-list li.is-active .role-action-btn[data-v-0a21e25c]{color:hsla(0,0%,100%,.85)}.role-list li.is-active .role-action-btn.el-link--danger[data-v-0a21e25c]:hover,.role-list li.is-active .role-action-btn.el-link--primary[data-v-0a21e25c]:hover{color:#fff;background:hsla(0,0%,100%,.15)}.role-info[data-v-0a21e25c]{display:flex;align-items:center;gap:8px;overflow:hidden;flex:1;min-width:0}.role-icon[data-v-0a21e25c]{font-size:16px;color:var(--aptus-text-muted);flex-shrink:0}.role-name[data-v-0a21e25c]{font-size:14px;color:var(--aptus-text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-actions[data-v-0a21e25c]{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;margin-left:8px}.role-action-btn[data-v-0a21e25c]{font-size:14px;padding:4px 5px;border-radius:5px;transition:all .2s ease;line-height:1}.role-action-btn[data-v-0a21e25c]:hover{background-color:var(--aptus-primary-bg)}.role-action-btn.el-link--danger[data-v-0a21e25c]:hover{background-color:var(--aptus-danger-bg)}.role-empty[data-v-0a21e25c]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--aptus-text-muted)}.role-empty i[data-v-0a21e25c]{font-size:40px;margin-bottom:12px;opacity:.5}.role-empty p[data-v-0a21e25c]{font-size:13px;margin:0}.permission-tree-wrap[data-v-0a21e25c]{height:100%;overflow-y:auto}.permission-tree[data-v-0a21e25c]{background:none}.permission-tree[data-v-0a21e25c] .el-tree-node__expand-icon{color:var(--aptus-primary)}.permission-tree[data-v-0a21e25c] .el-tree-node__content{height:34px;border-radius:4px;transition:background .2s ease}.permission-tree[data-v-0a21e25c] .el-tree-node__content:hover{background:var(--aptus-primary-bg)}.permission-tree[data-v-0a21e25c] .el-tree-node__label{font-size:13px;color:var(--aptus-text)}.permission-tree[data-v-0a21e25c] .el-checkbox__input.is-checked .el-checkbox__inner,.permission-tree[data-v-0a21e25c] .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:var(--aptus-primary);border-color:var(--aptus-primary)}.permission-tree[data-v-0a21e25c] .el-checkbox__inner:hover{border-color:var(--aptus-primary)}.permission-tree[data-v-0a21e25c] .el-tree-node__children .el-tree-node__expand-icon{visibility:hidden;width:0;margin:0}.permission-tree[data-v-0a21e25c] .el-tree-node__children .el-tree-node__content{padding-left:24px!important}.tree-empty[data-v-0a21e25c]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--aptus-text-muted)}.tree-empty i[data-v-0a21e25c]{font-size:40px;margin-bottom:12px;opacity:.5}.tree-empty p[data-v-0a21e25c]{font-size:13px;margin:0}.confirmDel[data-v-0a21e25c] .el-dialog{margin-top:0!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.confirmDel[data-v-0a21e25c] .el-dialog__body{padding:20px 24px}.confirmDel[data-v-0a21e25c] .el-dialog__footer{padding:16px 24px;text-align:right;border-top:1px solid var(--aptus-border-light)}.confirmDel[data-v-0a21e25c] .el-dialog__header{padding:18px 24px;background:var(--aptus-surface-muted);border-bottom:1px solid var(--aptus-border-light)}.confirmDel[data-v-0a21e25c] .el-dialog__headerbtn{top:20px;right:20px}.confirmDel[data-v-0a21e25c] .el-dialog__title{font-size:16px;font-weight:600;color:var(--aptus-text)}.confirmMsg[data-v-0a21e25c]{font-size:15px;color:var(--aptus-text);text-align:center;padding:10px 0}.confirm-icon[data-v-0a21e25c]{font-size:48px;color:var(--aptus-warning);display:block;margin-bottom:12px}.confirm-tip[data-v-0a21e25c]{font-size:12px;color:var(--aptus-text-muted);margin-top:6px}.newAdd[data-v-0a21e25c] .el-dialog__footer{padding:16px 24px;text-align:right;border-top:1px solid var(--aptus-border-light)}.newAdd[data-v-0a21e25c] .el-dialog__header{padding:18px 24px;background:var(--aptus-surface-muted);border-bottom:1px solid var(--aptus-border-light)}.newAdd[data-v-0a21e25c] .el-dialog__headerbtn{top:20px;right:20px}.newAdd[data-v-0a21e25c] .el-dialog__title{font-size:16px;font-weight:600;color:var(--aptus-text)}.addUser_body[data-v-0a21e25c]{padding:24px 30px 8px}[data-v-0a21e25c] .el-button--primary{color:#fff;background-color:var(--aptus-primary);border-color:var(--aptus-primary);font-weight:500;border-radius:6px}[data-v-0a21e25c] .el-button--primary:hover{background-color:var(--aptus-primary-light);border-color:var(--aptus-primary-light);box-shadow:0 2px 8px rgba(21,101,192,.25)}[data-v-0a21e25c] .el-button--danger{color:#fff;background-color:var(--aptus-danger);border-color:var(--aptus-danger);font-weight:500;border-radius:6px}[data-v-0a21e25c] .el-button--danger:hover{background-color:#b71c1c;border-color:#b71c1c;box-shadow:0 2px 8px rgba(198,40,40,.25)}@media (max-width:992px){.role-body[data-v-0a21e25c]{flex-direction:column}.role-panel--left[data-v-0a21e25c]{width:100%;max-height:320px}}@media (max-width:768px){.role-page[data-v-0a21e25c]{height:calc(100vh - 72px)}.main_r[data-v-0a21e25c]{padding:10px}}