{% extends "base.html" %}
{% block content %}
<div class="min-h-[70vh] flex flex-col items-center justify-center text-center px-4">
    <div class="bg-blue-50 p-6 rounded-full mb-6">
        <i class="fas fa-search-location text-6xl text-minhaj-blue"></i>
    </div>
    <h1 class="text-4xl font-bold text-gray-800 mb-2">404 - Halaman Tidak Ditemukan</h1>
    <p class="text-gray-600 text-lg mb-8 max-w-md">
        Halaman atau data yang Anda cari tidak ditemukan di sistem Minhaj Pustaka. Periksa kembali URL atau ID data.
    </p>
    <a href="/" class="bg-minhaj-teal text-white px-6 py-3 rounded-lg hover:bg-teal-700 transition shadow-md font-semibold">
        <i class="fas fa-compass mr-2"></i> Kembali ke Dashboard
    </a>
</div>
{% endblock %}