templates/errors/401.html

{% extends "base.html" %}

{% block title %}Unauthorized - Chatty{% endblock %}

{% block content %}
<div class="error-container">
    <div class="error-content">
        <h1 class="error-code">401</h1>
        <h2 class="error-title">Session Expired</h2>
        <p class="error-message">
            Your session has expired or you don't have permission to access this page. Please log in again.
        </p>
        <div class="error-actions">
            <a href="{{ url_for('login') }}" class="error-button">Login</a>
            <a href="{{ url_for('register') }}" class="error-button secondary">Register</a>
        </div>
    </div>
</div>
{% endblock %}