{% extends "common/base.html" %}

{% block title %}Page Not Found - 404{% endblock %}

{% block content %}
<div class="container mx-auto px-4 py-16 text-center">
    <h1 class="display-1 fw-bold" style="color: var(--primary-color);">404</h1>
    <h2 class="mb-4">Page Not Found</h2>
    <p class="mb-4 text-muted">Sorry, the page you are looking for does not exist or has been moved.</p>
    <p class="mb-4 text-muted">If you were trying to access a room, conversation, or file, it may have been deleted by an administrator.</p>
    <a href="{{ url_for('main.dashboard') }}" class="btn btn-primary">
        <i class="fas fa-home me-2"></i>Back to Dashboard
    </a>
</div>
{% endblock %}