{% extends "base.html" %}

{% block head %}
  <style>
    body {
      overflow: hidden !important;
      height: 100vh !important;
    }
  </style>
{% endblock %}

{% block title %}403 - Forbidden{% endblock %}

{% block content %}
  <div class="flex flex-col items-center justify-center h-full text-center px-4 pt-38 mt-20">
  <h1 class="text-6xl font-bold text-red-500 mb-4">403</h1>
  <h2 class="text-2xl font-semibold mb-2">Page is Forbidden</h2>
  <p class="text-gray-400 mb-6">You don’t have permission to access this page.</p>
  <a href="{{ url_for('main.index') }}" class="inline-block bg-red-600 hover:bg-red-700 px-6 py-3 rounded-lg font-medium text-white transition">
    Go to Dashboard
  </a>
</body>
{% endblock %}