error pages

templates/common/400.html

@@ -0,0 +1,19 @@
+{% extends "common/base.html" %}
+
+{% block title %}Bad Request - 400{% 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);">400</h1>
+    <h2 class="mb-4">Bad Request</h2>
+    <p class="mb-4 text-muted">Sorry, the request could not be processed. Please check your input and try again.</p>
+    <div class="d-flex justify-content-center gap-3">
+        <a href="{{ url_for('main.dashboard') }}" class="btn btn-primary">
+            <i class="fas fa-home me-2"></i>Back to Dashboard
+        </a>
+        <button onclick="window.history.back()" class="btn btn-outline-primary">
+            <i class="fas fa-arrow-left me-2"></i>Go Back
+        </button>
+    </div>
+</div>
+{% endblock %}