{% extends "site/site_base.html" %}

{% block title %}Access Denied - {{ product_name }}{% endblock %}

{% block body %}
{% include "site/includes/nav.html" %}

<main>
  <section class="dz-section dz-section-hero">
    <div class="dz-section-content dz-404-section">
      <h1 class="dz-404-headline">403</h1>
      <p class="dz-subhead">{{ message | default("You don't have permission to access this page.") }}</p>
      <div class="dz-cta-group dz-404-cta">
        <a href="/app" class="inline-flex items-center h-9 px-4 rounded-[4px] bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))] text-[14px] font-medium hover:brightness-110 transition-[filter] duration-[80ms]">Go to Dashboard</a>
        <a href="/" class="inline-flex items-center h-9 px-4 rounded-[4px] border border-[hsl(var(--border))] text-[hsl(var(--foreground))] text-[14px] font-medium hover:bg-[hsl(var(--muted))] transition-colors duration-[80ms]">Go Home</a>
      </div>
    </div>
  </section>
</main>

{% include "site/includes/footer.html" %}
{% endblock %}