<!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
  <meta charset="UTF-8"/>
  <title>Page Not Found</title>
  {% load static %}
<link rel="stylesheet" href="{% static 'css/main.css' %}"/>
</head>
<body class="bg-base-200 min-h-screen flex items-center justify-center">
  <div class="text-center">
    <div class="text-8xl font-black text-primary mb-4">404</div>
    <div class="text-2xl font-bold mb-2">Page Not Found</div>
    <div class="text-base-content/50 mb-6">
      The page you're looking for doesn't exist.
    </div>
    <a href="/" class="btn btn-primary">Go to Dashboard</a>
  </div>
</body>
</html>