{% extends "base.html" %}

{% block title %}403 — Access Denied | AppManager{% endblock %}

{% block content %}
<div style="display:flex; justify-content:center; align-items:center; min-height:60vh;">
    <div class="card boot-item" style="max-width:500px; text-align:center; padding:2.5rem;">
        <div class="mono" style="font-size:4rem; font-weight:700; color:var(--danger); line-height:1; margin-bottom:0.5rem;">403</div>
        <h1 style="font-size:1.4rem; font-weight:600; margin-bottom:1rem;">Access Denied</h1>
        <p class="text-muted" style="margin-bottom:2rem; line-height:1.6;">
            You do not have permission to access this resource or application. Please contact your administrator if you believe this is an error.
        </p>
        <div class="flex-center" style="justify-content:center; gap:1rem;">
            <a href="/" class="btn btn-primary">Return to Home</a>
            <a href="/auth/profile" class="btn btn-secondary">My Profile</a>
        </div>
    </div>
</div>
{% endblock %}