FlotillasGPS - Sistema completo de monitoreo de flotillas GPS

Sistema completo para monitoreo y gestion de flotas de vehiculos con:
- Backend FastAPI con PostgreSQL/TimescaleDB
- Frontend React con TypeScript y TailwindCSS
- App movil React Native con Expo
- Soporte para dispositivos GPS, Meshtastic y celulares
- Video streaming en vivo con MediaMTX
- Geocercas, alertas, viajes y reportes
- Autenticacion JWT y WebSockets en tiempo real

Documentacion completa y guias de usuario incluidas.

frontend/src/pages/NotFound.tsx

@@ -0,0 +1,97 @@
+import { Link } from 'react-router-dom'
+import { HomeIcon, ArrowLeftIcon } from '@heroicons/react/24/outline'
+import Button from '@/components/ui/Button'
+
+export default function NotFound() {
+  return (
+    <div className="min-h-screen bg-slate-900 flex items-center justify-center px-4">
+      <div className="text-center">
+        {/* 404 Graphic */}
+        <div className="relative">
+          <h1 className="text-[200px] font-bold text-slate-800 select-none leading-none">
+            404
+          </h1>
+          <div className="absolute inset-0 flex items-center justify-center">
+            <div className="text-center">
+              <div className="w-24 h-24 bg-accent-500/20 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg
+                  className="w-12 h-12 text-accent-400"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                >
+                  <path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth={1.5}
+                    d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7"
+                  />
+                </svg>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        {/* Message */}
+        <div className="mt-8 space-y-4">
+          <h2 className="text-2xl font-bold text-white">
+            Pagina no encontrada
+          </h2>
+          <p className="text-slate-400 max-w-md mx-auto">
+            Lo sentimos, la pagina que buscas no existe o ha sido movida.
+            Verifica la URL o regresa al inicio.
+          </p>
+        </div>
+
+        {/* Actions */}
+        <div className="mt-8 flex items-center justify-center gap-4">
+          <Button
+            variant="ghost"
+            leftIcon={<ArrowLeftIcon className="w-5 h-5" />}
+            onClick={() => window.history.back()}
+          >
+            Volver atras
+          </Button>
+          <Link to="/">
+            <Button leftIcon={<HomeIcon className="w-5 h-5" />}>
+              Ir al inicio
+            </Button>
+          </Link>
+        </div>
+
+        {/* Quick links */}
+        <div className="mt-12 pt-8 border-t border-slate-800">
+          <p className="text-sm text-slate-500 mb-4">
+            O visita alguna de estas secciones:
+          </p>
+          <div className="flex items-center justify-center gap-6">
+            <Link
+              to="/mapa"
+              className="text-accent-400 hover:text-accent-300 text-sm"
+            >
+              Mapa
+            </Link>
+            <Link
+              to="/vehiculos"
+              className="text-accent-400 hover:text-accent-300 text-sm"
+            >
+              Vehiculos
+            </Link>
+            <Link
+              to="/alertas"
+              className="text-accent-400 hover:text-accent-300 text-sm"
+            >
+              Alertas
+            </Link>
+            <Link
+              to="/viajes"
+              className="text-accent-400 hover:text-accent-300 text-sm"
+            >
+              Viajes
+            </Link>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}