<!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
  <meta charset="UTF-8"/>
  <title>Access Denied</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-error mb-4">403</div>
    <div class="text-2xl font-bold mb-2">Access Denied</div>
    <div class="text-base-content/50 mb-6">
      You don't have permission to view this page.
    </div>
    <a href="/" class="btn btn-primary">Go to Dashboard</a>
  </div>
</body>
</html>