{% extends "base.html" %}
{% block title %}Not Found{% endblock %}
{% block breadcrumb %}Not Found{% endblock %}
{% block content %}
<div style="display:flex;align-items:center;justify-content:center;min-height:60vh">
  <div style="text-align:center">
    <div style="font-size:72px;font-weight:800;color:var(--green-100);letter-spacing:-4px;line-height:1">404</div>
    <div style="font-size:20px;font-weight:700;color:var(--gray-800);margin:12px 0 8px">Incident not found</div>
    <div style="font-size:13px;color:var(--gray-500);margin-bottom:28px">The incident you're looking for doesn't exist or may have been deleted.</div>
    <div style="display:flex;gap:10px;justify-content:center">
      <a href="/" class="btn btn-outline">← Dashboard</a>
      <a href="/incidents" class="btn btn-primary">View all incidents</a>
    </div>
  </div>
</div>
{% endblock %}