.role-manager[data-v-177c55f6]{padding:20px;background:#f5f7fa;min-height:100vh}.role-manager .page-header[data-v-177c55f6]{margin-bottom:30px;text-align:center}.role-manager .page-header .page-title[data-v-177c55f6]{font-size:28px;font-weight:600;color:#2c3e50;margin-bottom:10px}.role-manager .page-header .page-description[data-v-177c55f6]{font-size:16px;color:#7f8c8d;margin:0}.role-manager .roles-container[data-v-177c55f6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:40px}.role-manager .role-card[data-v-177c55f6]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.1);cursor:pointer;transition:all .3s ease;border:2px solid transparent}.role-manager .role-card[data-v-177c55f6]:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.15)}.role-manager .role-card.active[data-v-177c55f6]{border-color:var(--el-color-primary);box-shadow:0 4px 20px rgba(64,158,255,.2)}.role-manager .role-card .role-header[data-v-177c55f6]{display:flex;align-items:flex-start}.role-manager .role-card .role-header .role-icon[data-v-177c55f6]{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;margin-right:16px;flex-shrink:0}.role-manager .role-card .role-header .role-info[data-v-177c55f6]{flex:1}.role-manager .role-card .role-header .role-info .role-name[data-v-177c55f6]{font-size:20px;font-weight:600;color:#2c3e50;margin:0 0 8px 0}.role-manager .role-card .role-header .role-info .role-description[data-v-177c55f6]{font-size:14px;color:#7f8c8d;margin:0;line-height:1.5}.role-manager .role-card .role-header .role-badge[data-v-177c55f6]{flex-shrink:0}.role-manager .role-card .role-stats[data-v-177c55f6]{display:flex;justify-content:space-around;padding-top:20px;border-top:1px solid #ecf0f1}.role-manager .role-card .role-stats .stat-item[data-v-177c55f6]{text-align:center}.role-manager .role-card .role-stats .stat-item .stat-number[data-v-177c55f6]{display:block;font-size:24px;font-weight:600;color:var(--el-color-primary);margin-bottom:4px}.role-manager .role-card .role-stats .stat-item .stat-label[data-v-177c55f6]{font-size:12px;color:#95a5a6;text-transform:uppercase;letter-spacing:.5px}.role-manager .menu-details[data-v-177c55f6]{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.role-manager .menu-details .menu-header[data-v-177c55f6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:2px solid #ecf0f1}.role-manager .menu-details .menu-header h2[data-v-177c55f6]{font-size:18px;font-weight:600;color:#2c3e50;margin:0}.role-manager .menu-details .menu-section[data-v-177c55f6]{margin-bottom:40px}.role-manager .menu-details .menu-section .section-title[data-v-177c55f6]{display:flex;align-items:center;font-size:18px;font-weight:600;color:#34495e;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #ecf0f1}.role-manager .menu-details .menu-section .section-title .el-icon[data-v-177c55f6]{margin-right:8px;color:var(--el-color-primary)}.role-manager .menu-details .menu-section .menu-list[data-v-177c55f6]{display:grid;gap:12px}.role-manager .menu-details .menu-section .menu-item[data-v-177c55f6]{background:#f8f9fa;border-radius:8px;padding:16px;border-left:4px solid #e9ecef;transition:all .2s ease}.role-manager .menu-details .menu-section .menu-item[data-v-177c55f6]:hover{background:#e9ecef;transform:translateX(4px)}.role-manager .menu-details .menu-section .menu-item.tab-item[data-v-177c55f6]{border-left-color:var(--el-color-primary)}.role-manager .menu-details .menu-section .menu-item.page-item[data-v-177c55f6]{border-left-color:var(--el-color-success)}.role-manager .menu-details .menu-section .menu-item.dir-item[data-v-177c55f6]{border-left-color:var(--el-color-warning)}.role-manager .menu-details .menu-section .menu-item .menu-item-header[data-v-177c55f6]{display:flex;align-items:center;margin-bottom:8px}.role-manager .menu-details .menu-section .menu-item .menu-item-header .menu-icon[data-v-177c55f6]{margin-right:8px;color:var(--el-color-primary)}.role-manager .menu-details .menu-section .menu-item .menu-item-header .menu-title[data-v-177c55f6]{font-weight:600;color:#2c3e50;margin-right:12px}.role-manager .menu-details .menu-section .menu-item .menu-meta[data-v-177c55f6]{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:#7f8c8d}.role-manager .menu-details .menu-section .menu-item .menu-meta span[data-v-177c55f6]{background:#fff;padding:4px 8px;border-radius:4px;border:1px solid #e9ecef}.role-manager .menu-details .menu-section .menu-item .submenu-list[data-v-177c55f6]{margin-top:12px;padding-left:20px}.role-manager .menu-details .menu-section .menu-item .submenu-list .submenu-item[data-v-177c55f6]{display:flex;align-items:center;padding:8px 0;font-size:14px;color:#6c757d}.role-manager .menu-details .menu-section .menu-item .submenu-list .submenu-item .submenu-icon[data-v-177c55f6]{margin-right:8px;color:#adb5bd}.role-manager .menu-details .menu-section .menu-item .submenu-list .submenu-item .submenu-title[data-v-177c55f6]{font-weight:500;margin-right:12px}.role-manager .menu-details .menu-section .menu-item .submenu-list .submenu-item .submenu-path[data-v-177c55f6]{color:#adb5bd;font-size:12px}@media (max-width:768px){.role-manager[data-v-177c55f6]{padding:15px}.role-manager .roles-container[data-v-177c55f6]{grid-template-columns:1fr}.role-manager .menu-details[data-v-177c55f6],.role-manager .role-card[data-v-177c55f6]{padding:20px}.role-manager .menu-details .menu-header[data-v-177c55f6]{flex-direction:column;align-items:flex-start;gap:15px}}