{% extends "base.html" %}

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

{% block content %}
<div class="container" style="max-width: 600px; margin-top: 100px; text-align: center;">
    <h1 style="font-size: 72px; color: #dc3545;">404</h1>
    <h2>Page Not Found</h2>
    <p style="color: #6c757d; margin: 20px 0;">The page you're looking for doesn't exist.</p>
    <a href="{{ url_for('main.dashboard') }}" class="btn btn-primary">Go to Dashboard</a>
</div>
{% endblock %}