Etapa 5 completa.

src/features/import/ImportPage.tsx

@@ -1,5 +1,5 @@
 import { useNavigate, useSearch } from '@tanstack/react-router'
-import { useCallback, useState } from 'react'
+import { useCallback, useEffect, useState } from 'react'
 import { UploadCloud, FileText, Loader2, FlaskConical } from 'lucide-react'
 import { v4 as uuidv4 } from 'uuid'
 import { Card, CardContent } from '@/components/ui/card'
@@ -43,6 +43,15 @@ export function ImportPage() {
   const [isProcessing, setIsProcessing] = useState(false)
   const [loadingSampleId, setLoadingSampleId] = useState<string | null>(null)
 
+  // Solo platform_admin y member pueden importar BPMN
+  useEffect(() => {
+    if (!user) return
+    const allowed = ['platform_admin', 'member']
+    if (!allowed.includes(user.platformRole)) {
+      void navigate({ to: '/' })
+    }
+  }, [user, navigate])
+
   // groupId viene de la URL cuando el usuario importa desde dentro de un grupo
   const search = useSearch({ from: '/import' })
   const targetGroupId = (search as { groupId?: string }).groupId ?? null
@@ -190,6 +199,9 @@ export function ImportPage() {
     }
   }
 
+  const isClientRole = user?.platformRole === 'client_editor' || user?.platformRole === 'client_viewer'
+  if (isClientRole) return null
+
   return (
     <div className="min-h-screen bg-gradient-to-br from-slate-50 to-slate-100 flex flex-col">
       <AppHeader />