.assign-permission-page[data-v-61f8cb30]{display:flex;gap:12px;padding:12px;height:calc(100vh - 110px);min-height:500px;box-sizing:border-box}.panel[data-v-61f8cb30]{display:flex;flex-direction:column;background:var(--content-az-bg,#fff);border:var(--content-az-border,1px solid #f0f0f0);border-radius:12px;box-shadow:var(--content-az-shadow,0 4px 20px rgba(2,132,199,.08));overflow:hidden;transition:all .3s ease}.roles-panel[data-v-61f8cb30]{width:320px;min-width:260px;flex-shrink:0}.perms-panel[data-v-61f8cb30]{flex:1;min-width:500px}.panel-header[data-v-61f8cb30]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid hsla(0,0%,50.2%,.15);background:linear-gradient(135deg,rgba(64,158,255,.06),rgba(64,158,255,.02))}.panel-title[data-v-61f8cb30]{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--body-color,#303133)}.panel-icon[data-v-61f8cb30]{font-size:18px;color:#409eff}.role-tag[data-v-61f8cb30]{margin-left:8px;font-weight:400}.header-btn[data-v-61f8cb30]{border-radius:6px}.save-btn[data-v-61f8cb30]{background:linear-gradient(135deg,#409eff,#66b1ff);border-color:transparent;color:#fff}.save-btn[data-v-61f8cb30]:hover{background:linear-gradient(135deg,#3a8ee6,#5cadff);color:#fff}.panel-body[data-v-61f8cb30]{flex:1;padding:16px;overflow:auto}.tree-body[data-v-61f8cb30]{padding:12px 20px}.role-list[data-v-61f8cb30]{display:flex;flex-direction:column;gap:8px}.role-item[data-v-61f8cb30]{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;cursor:pointer;transition:all .25s ease;border:1px solid transparent;background:transparent}.role-dot[data-v-61f8cb30]{width:8px;height:8px;border-radius:50%;background:#c0c4cc;transition:all .25s ease;flex-shrink:0}.role-name[data-v-61f8cb30]{font-size:14px;color:var(--body-color,#606266);transition:color .25s ease}.role-item[data-v-61f8cb30]:hover{background:rgba(64,158,255,.08);border-color:rgba(64,158,255,.2);transform:translateX(2px)}.role-item:hover .role-dot[data-v-61f8cb30]{background:#409eff}.role-item:hover .role-name[data-v-61f8cb30]{color:#409eff}.role-item.active[data-v-61f8cb30]{background:linear-gradient(135deg,rgba(64,158,255,.12),rgba(64,158,255,.06));border-color:rgba(64,158,255,.35)}.role-item.active .role-dot[data-v-61f8cb30]{background:#409eff;box-shadow:0 0 8px rgba(64,158,255,.5)}.role-item.active .role-name[data-v-61f8cb30]{color:#409eff;font-weight:600}.role-empty[data-v-61f8cb30]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;color:#909399;gap:12px}.role-empty i[data-v-61f8cb30]{font-size:48px;opacity:.4}.role-empty p[data-v-61f8cb30]{margin:0;font-size:14px}.block[data-v-61f8cb30]{height:100%}.custom-tree-node[data-v-61f8cb30]{flex:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;font-size:14px;padding:10px 0;min-height:44px}.tree-label-wrap[data-v-61f8cb30]{display:flex;align-items:center;gap:8px;flex-shrink:0}.tree-node-icon[data-v-61f8cb30]{font-size:16px;color:#409eff;opacity:.85}.tree-label[data-v-61f8cb30]{font-weight:500;color:var(--body-color,#303133)}.reverse-btn[data-v-61f8cb30]{margin-left:4px;padding:2px 8px;font-size:12px;color:#909399}.reverse-btn[data-v-61f8cb30]:hover{color:#409eff}.tree-actions[data-v-61f8cb30]{display:flex;flex-wrap:wrap;gap:6px 12px;margin-left:auto}.perm-checkbox[data-v-61f8cb30]{margin-right:0!important;padding:4px 8px;border-radius:6px;transition:background .2s ease}.perm-checkbox[data-v-61f8cb30]:hover{background:rgba(64,158,255,.06)}.assign-permission-page[data-v-61f8cb30] .el-tree-node__content{height:auto!important;min-height:44px;align-items:center;padding-top:2px;padding-bottom:2px;border-radius:8px;transition:background .2s ease}.assign-permission-page[data-v-61f8cb30] .el-tree-node__content:hover{background:rgba(64,158,255,.06)}body[data-theme=dark] .panel-icon[data-v-61f8cb30]{color:#22d3ee}body[data-theme=dark] .role-item[data-v-61f8cb30]:hover{background:rgba(34,211,238,.08);border-color:rgba(34,211,238,.2)}body[data-theme=dark] .role-item.active .role-dot[data-v-61f8cb30],body[data-theme=dark] .role-item:hover .role-dot[data-v-61f8cb30]{background:#22d3ee;box-shadow:0 0 8px rgba(34,211,238,.55)}body[data-theme=dark] .role-item.active .role-name[data-v-61f8cb30],body[data-theme=dark] .role-item:hover .role-name[data-v-61f8cb30]{color:#22d3ee}body[data-theme=dark] .role-item.active[data-v-61f8cb30]{background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(34,211,238,.05));border-color:rgba(34,211,238,.35)}body[data-theme=dark] .tree-node-icon[data-v-61f8cb30]{color:#22d3ee;opacity:.9}body[data-theme=dark] .reverse-btn[data-v-61f8cb30]:hover{color:#22d3ee}body[data-theme=dark] .perm-checkbox[data-v-61f8cb30]:hover{background:rgba(34,211,238,.08)}body[data-theme=dark] .save-btn[data-v-61f8cb30]{background:linear-gradient(135deg,#0ea5e9,#06b6d4);box-shadow:0 4px 14px rgba(6,182,212,.35)}body[data-theme=dark] .save-btn[data-v-61f8cb30]:hover{background:linear-gradient(135deg,#0284c7,#0891b2);box-shadow:0 6px 18px rgba(6,182,212,.45)}body[data-theme=dark] .assign-permission-page[data-v-61f8cb30] .el-tree-node__content:hover{background:rgba(34,211,238,.08)}@media (max-width:992px){.assign-permission-page[data-v-61f8cb30]{flex-direction:column;height:auto}.roles-panel[data-v-61f8cb30]{width:100%;min-width:auto;max-height:320px}.perms-panel[data-v-61f8cb30]{min-width:auto;min-height:400px}}