.role-page[data-v-361d41f0]{height:100%;min-height:calc(100vh - 60px);display:-ms-flexbox;display:flex;gap:16px;padding:24px 36px 18px;background:#f5f7fb;box-sizing:border-box;overflow:hidden}.role-sidebar[data-v-361d41f0]{width:270px;height:calc(100vh - 102px);-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:#fff;border:1px solid #edf0f6;border-radius:12px;box-shadow:0 8px 24px rgba(27,39,69,.05);overflow:hidden}.sidebar-header[data-v-361d41f0]{padding:18px 18px 12px;border-bottom:1px solid #eef1f6;background:linear-gradient(180deg,#fff,#fbfcff)}.sidebar-title[data-v-361d41f0]{color:#1f2937;font-size:17px;font-weight:700;line-height:24px}.sidebar-subtitle[data-v-361d41f0]{margin-top:4px;color:#8a94a6;font-size:12px;line-height:18px}.btnWrap[data-v-361d41f0]{padding:14px 16px;border-bottom:1px solid #f0f2f6}.create-role-btn[data-v-361d41f0]{width:100%;height:36px;border-radius:8px;font-weight:500}.create-popover-panel[data-v-361d41f0]{width:100%;box-sizing:border-box}.create-popover-head[data-v-361d41f0]{padding-bottom:14px;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #eef1f6}.create-popover-title[data-v-361d41f0]{color:#1f2937;font-size:16px;font-weight:700;line-height:24px}.create-popover-subtitle[data-v-361d41f0]{margin-top:3px;color:#8a94a6;font-size:12px;line-height:18px}.create-popover-close[data-v-361d41f0]{width:28px;height:28px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#8a94a6;border-radius:6px;cursor:pointer;transition:all .18s ease}.create-popover-close[data-v-361d41f0]:hover{color:#1f2937;background:#f2f4f8}.create-role-form[data-v-361d41f0]{padding:18px 0 2px}.create-role-footer[data-v-361d41f0]{padding-top:4px;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;gap:10px}.create-footer-btn[data-v-361d41f0]{min-width:76px;height:34px;border-radius:8px}.role-list-wrap[data-v-361d41f0]{-ms-flex:1;flex:1;min-height:0;padding:8px 10px 12px;overflow-y:auto}.role-menu[data-v-361d41f0]{border-right:none}.role-menu-item[data-v-361d41f0]{height:42px;line-height:42px;margin-bottom:6px;border-radius:8px;color:#384152;overflow:hidden}.role-menu-title[data-v-361d41f0]{width:100%;min-width:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.role-name[data-v-361d41f0]{-ms-flex:1;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-delete-icon[data-v-361d41f0]{width:26px;height:26px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;color:#b6bfcc;border-radius:6px;transition:all .2s}.role-delete-icon[data-v-361d41f0]:hover{color:#d93026;background:#fff1f0}.permission-card[data-v-361d41f0]{position:relative;height:calc(100vh - 102px);-ms-flex:1;flex:1;min-width:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:#fff;border:1px solid #edf0f6;border-radius:12px;box-shadow:0 8px 24px rgba(27,39,69,.05);overflow:hidden}.permission-header[data-v-361d41f0]{min-height:72px;padding:16px 20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;gap:16px;border-bottom:1px solid #eef1f6;background:linear-gradient(180deg,#fff,#fbfcff);box-sizing:border-box;z-index:2}.permission-title[data-v-361d41f0]{color:#1f2937;font-size:18px;font-weight:700;line-height:26px}.permission-subtitle[data-v-361d41f0]{margin-top:3px;color:#8a94a6;font-size:12px;line-height:18px}.permission-state[data-v-361d41f0]{height:28px;padding:0 12px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#64748b;background:#f2f4f8;border:1px solid #e5e9f0;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap}.permission-state.is-editing[data-v-361d41f0]{color:#1f5eff;background:#eef4ff;border-color:#d9e6ff}.permission-content[data-v-361d41f0]{position:relative;-ms-flex:1;flex:1;min-height:0;padding:16px 18px 112px;overflow-y:auto;box-sizing:border-box;background:#fff}.permission-section[data-v-361d41f0]{margin-bottom:16px;background:#fff;border:1px solid #edf0f6;border-radius:10px;overflow:hidden}.permission-section[data-v-361d41f0]:last-child{margin-bottom:0}.section-head[data-v-361d41f0]{height:42px;padding:0 14px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;background:#f8fafd;border-bottom:1px solid #edf0f6;box-sizing:border-box}.section-name[data-v-361d41f0]{color:#1f2937;font-size:14px;font-weight:700}.section-count[data-v-361d41f0]{color:#8a94a6;font-size:12px}.permission-table[data-v-361d41f0]{width:100%}.module-name[data-v-361d41f0]{color:#303846;font-weight:500}.function-check-group[data-v-361d41f0]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px 16px;padding:2px 0}.function-checkbox[data-v-361d41f0]{margin-right:0!important;line-height:24px}.empty-permission[data-v-361d41f0]{height:100%;min-height:260px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:10px;color:#9aa4b2;font-size:13px}.empty-permission i[data-v-361d41f0]{font-size:28px;color:#c1c8d4}.roleFooter[data-v-361d41f0]{position:absolute;left:0;right:0;bottom:0;z-index:20;min-height:78px;padding:14px 20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#fff;border-top:1px solid #e7ebf2;box-shadow:0 -10px 24px rgba(27,39,69,.08);box-sizing:border-box}.roleFooter[data-v-361d41f0]:before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px;pointer-events:none;background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff)}.footer-action-wrap[data-v-361d41f0]{position:relative;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:10px}.footer-main-btn[data-v-361d41f0]{min-width:96px;height:36px;border-radius:8px;font-weight:500}[data-v-361d41f0] .role-menu .el-menu-item{position:relative;color:#384152;transition:all .18s ease}[data-v-361d41f0] .role-menu .el-menu-item.is-active{color:#fff;background:linear-gradient(135deg,#1f5eff,#2f6bff);font-weight:700;box-shadow:0 8px 18px rgba(31,94,255,.22)}[data-v-361d41f0] .role-menu .el-menu-item.is-active:before{content:"";position:absolute;left:0;top:8px;width:4px;height:26px;border-radius:0 4px 4px 0;background:#fff}[data-v-361d41f0] .role-menu .el-menu-item.is-active .role-menu-title,[data-v-361d41f0] .role-menu .el-menu-item.is-active .role-name{color:#fff}[data-v-361d41f0] .role-menu .el-menu-item.is-active .role-delete-icon{color:hsla(0,0%,100%,.88)}[data-v-361d41f0] .role-menu .el-menu-item.is-active .role-delete-icon:hover{color:#fff;background:hsla(0,0%,100%,.16)}[data-v-361d41f0] .role-menu .el-menu-item:hover:not(.is-active){color:#1f5eff;background:#f0f5ff}[data-v-361d41f0] .tableHeader{height:42px;background:#f7f9fc!important;color:#303846;font-weight:600}[data-v-361d41f0] .el-table{color:#303846;border-radius:0}[data-v-361d41f0] .el-table th.el-table__cell{background:#f7f9fc}[data-v-361d41f0] .el-table td.el-table__cell,[data-v-361d41f0] .el-table th.el-table__cell{border-bottom:1px solid #edf0f6}[data-v-361d41f0] .el-table__body tr:hover>td.el-table__cell{background:#f6f9ff}[data-v-361d41f0] .el-checkbox__label{color:#384152;font-size:13px}[data-v-361d41f0] .el-checkbox.is-disabled .el-checkbox__label{color:#a8b0bd}[data-v-361d41f0] .el-checkbox__input.is-checked+.el-checkbox__label{color:#1f5eff}[data-v-361d41f0] .el-input__inner{border-radius:8px}[data-v-361d41f0] .create-role-form .el-form-item{margin-bottom:16px}[data-v-361d41f0] .create-role-form .el-form-item__label{padding-bottom:7px;color:#374151;font-size:13px;font-weight:600;line-height:18px}@media screen and (max-width:1280px){.role-page[data-v-361d41f0]{padding:18px 20px}.role-sidebar[data-v-361d41f0]{width:250px}}.role-create-popover.el-popover{padding:18px;border:1px solid #e7ebf2;border-radius:12px;box-shadow:0 16px 42px rgba(18,32,64,.16);box-sizing:border-box}.role-create-popover.el-popover[x-placement^=bottom]{margin-top:10px}.role-create-popover .popper__arrow{border-bottom-color:#e7ebf2!important}.role-create-popover .popper__arrow:after{border-bottom-color:#fff!important}.role-create-popover .el-input__inner{height:36px;line-height:36px;border-radius:8px;border-color:#dfe5ef}.role-create-popover .el-input__inner:focus{border-color:#2f6bff}.role-create-popover .el-input .el-input__count .el-input__count-inner{background:transparent;color:#a8b0bd}.role-create-popover .el-button{border-radius:8px}