{% extends "base_content.html" %}

{% block title %}Authorization Error{% endblock %}

{% block page_content %}
<div class="max-w-md mx-auto px-6 py-8">
    <div class="bg-white rounded-lg shadow-sm p-6">
        <h1 class="text-2xl font-bold mb-4 text-red-600">Authorization Error</h1>
        <div class="bg-red-50 border border-red-200 rounded p-4">
            <p class="font-medium text-red-800">{{ error }}</p>
            {% if error_description %}
            <p class="mt-2 text-red-700">{{ error_description }}</p>
            {% endif %}
        </div>
        <p class="mt-4 text-muted-foreground text-sm">
            Please close this window and try again, or contact the application developer
            if the problem persists.
        </p>
    </div>
</div>
{% endblock %}