# F-157 — Diseño

## Decisión
Usar un layout anidado de Next.js en `app/(dashboard)/reporting/layout.tsx` para alojar navegación local persistente, siguiendo el patrón visual de las pestañas internas de Ajustes.

## Cambios
1. `permissions.ts`: el modelo del sidebar vuelve a ser plano; solo existe la entrada principal `/reporting`.
2. Dashboard layout: renderiza únicamente entradas del menú principal, sin subitems.
3. Reporting nested layout: lista local Dashboard, Ventas y Productos con estado activo según `usePathname`.
4. `/reporting`: redirige a `/reporting/dashboard`, que actúa como apartado inicial.

## Riesgos
- Evitar que `/reporting` se marque distinto: el sidebar usa `pathname.startsWith('/reporting')`.
- Evitar duplicar paddings: el layout local solo añade estructura flex y deja a cada página su contenido.
- Mantener RBAC existente; no se introducen rutas ni permisos nuevos.