<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>404 - Page introuvable</title>
    <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-slate-100 min-h-screen flex items-center justify-center p-4">
    <div class="text-center">
        <p class="text-6xl font-bold text-slate-300 mb-4">404</p>
        <h1 class="text-xl font-semibold text-slate-800 mb-2">Page introuvable</h1>
        <p class="text-slate-500 mb-6">Cette page d'administration n'existe pas.</p>
        <a href="{{ url('/admin') }}" class="inline-block px-6 py-2.5 bg-slate-800 text-white rounded-lg font-medium hover:bg-slate-700 transition">
            Retour au tableau de bord
        </a>
    </div>
</body>
</html>
