.app-container[data-v-643feec9]{padding:20px}.filter-container[data-v-643feec9]{padding-bottom:10px;display:flex;flex-wrap:wrap;gap:10px}.filter-item[data-v-643feec9]{margin-right:10px}.permission-container .role-info[data-v-643feec9]{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #ebeef5}.permission-container .role-info .role-header[data-v-643feec9]{display:flex;justify-content:space-between;align-items:flex-start}.permission-container .role-info .role-header h3[data-v-643feec9]{margin:0 0 10px 0;font-size:16px;color:#303133}.permission-container .role-info .role-header p[data-v-643feec9]{margin:0;color:#606266;font-size:14px}.permission-container .role-info .role-header .role-stats[data-v-643feec9]{display:flex;gap:8px;align-items:center}.permission-container .permission-toolbar[data-v-643feec9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px;background-color:#f5f7fa;border-radius:4px}.permission-container .permission-toolbar .toolbar-left[data-v-643feec9]{display:flex;gap:8px}.permission-container .permission-toolbar .toolbar-right[data-v-643feec9]{display:flex;align-items:center}.permission-container .permission-stats[data-v-643feec9]{display:flex;gap:20px;margin-bottom:15px;padding:8px 12px;background-color:#ecf5ff;border-radius:4px;border-left:4px solid #409eff}.permission-container .permission-stats .stat-item[data-v-643feec9]{display:flex;align-items:center;color:#606266;font-size:14px}.permission-container .permission-stats .stat-item i[data-v-643feec9]{margin-right:5px;color:#409eff}.permission-container .permission-stats .stat-item strong[data-v-643feec9]{color:#303133;margin-left:3px}.permission-container .permission-tree-container[data-v-643feec9]{max-height:400px;overflow-y:auto;border:1px solid #dcdfe6;border-radius:4px;padding:10px}.permission-container .permission-tree-container .el-tree[data-v-643feec9]{background-color:transparent}@media(max-width:768px){.permission-container .role-info .role-header[data-v-643feec9]{flex-direction:column;gap:10px}.permission-container .permission-toolbar[data-v-643feec9]{flex-direction:column;gap:10px;align-items:stretch}.permission-container .permission-toolbar .toolbar-left[data-v-643feec9],.permission-container .permission-toolbar .toolbar-right[data-v-643feec9]{justify-content:center}.permission-container .permission-stats[data-v-643feec9]{flex-direction:column;gap:8px}}