{% extends 'base.html' %}
{% block title %}Page Not Found — Rapha-Bethel BNPS{% endblock %}
{% block content %}
<div style="display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem">
    <div style="font-size:4rem;font-weight:900;color:#ede8e3;line-height:1;margin-bottom:.5rem">404</div>
    <h1 style="font-size:1.4rem;font-weight:700;margin-bottom:.5rem">Page Not Found</h1>
    <p style="color:#777;max-width:380px;margin-bottom:2rem;font-size:.9rem">
        The page you're looking for doesn't exist or has been moved.
    </p>
    <div style="display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center">
        <a href="javascript:history.back()" class="btn btn-outline-secondary">
            <i class="fas fa-arrow-left me-1"></i> Go Back
        </a>
        <a href="{% url 'dashboard' %}" class="btn btn-rb-primary">
            <i class="fas fa-th-large me-1"></i> Dashboard
        </a>
    </div>
</div>
{% endblock %}