diff --git a/src/App.tsx b/src/App.tsx
index 6cc1a7d..a168b61 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -65,6 +65,8 @@ import CRMDashboard from "./pages/dashboard/crm/CRMDashboard";
 import CRMContacts from "./pages/dashboard/crm/Contacts";
 import CRMCampaigns from "./pages/dashboard/crm/Campaigns";
 import CRMAnalytics from "./pages/dashboard/crm/Analytics";
+// Roles & Permissions
+import RolesPermissions from "./pages/dashboard/RolesPermissions";
 // Tourist App
 import TouristApp from "./pages/TouristApp";
 // Commerce pages (for retail stores)
@@ -350,6 +352,14 @@ const AppRouter = () => (
         </ProtectedRoute>
       } />
       
+      <Route path="/dashboard/roles-permissions" element={
+        <ProtectedRoute>
+          <DashboardLayout>
+            <RolesPermissions />
+          </DashboardLayout>
+        </ProtectedRoute>
+      } />
+      
       {/* Commerce Routes */}
       <Route path="/dashboard/commerce/store" element={
         <ProtectedRoute>
diff --git a/src/components/DashboardLayout.tsx b/src/components/DashboardLayout.tsx
index f6c19e5..689227a 100644
--- a/src/components/DashboardLayout.tsx
+++ b/src/components/DashboardLayout.tsx
@@ -119,6 +119,7 @@ const DashboardLayout = ({ children }: { children: React.ReactNode }) => {
         },
         { icon: AlertTriangle, label: 'Emergencias', path: '/dashboard/admin?tab=emergency' },
         { icon: MessageSquare, label: 'Soporte', path: '/dashboard/admin?tab=support' },
+        { icon: Shield, label: 'Roles & Permisos', path: '/dashboard/roles-permissions' },
         { 
           icon: DollarSign, 
           label: 'Comisiones',