<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Page Not Found — OlaInvoice</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        body { background:#f0fdf4; font-family:'Segoe UI',system-ui,sans-serif; margin:0; min-height:100vh; display:flex; align-items:center; justify-content:center; padding:1.5rem; }
        .card-box { background:white; border-radius:16px; box-shadow:0 4px 32px rgba(0,0,0,0.08); max-width:440px; width:100%; padding:3rem 2rem; text-align:center; }
        .err-code { font-size:5.5rem; font-weight:900; color:#e2e8f0; line-height:1; margin-bottom:0.5rem; }
        .brand { color:#00a651; font-size:1rem; font-weight:700; margin-bottom:2rem; }
        .btn-home { background:#00a651; color:white; border:none; border-radius:8px; font-weight:600; padding:0.6rem 1.25rem; text-decoration:none; display:inline-block; }
        .btn-home:hover { background:#007a3d; color:white; }
        .page-footer { text-align:center; margin-top:1.5rem; font-size:0.72rem; color:#94a3b8; }
        .page-footer a { color:#00a651; text-decoration:none; }
    </style>
</head>
<body>
<div>
    <div class="card-box">
        <div class="brand">₦ OlaInvoice</div>
        <div class="err-code">404</div>
        <h4 class="fw-700 mb-2" style="color:#1e293b;">Page Not Found</h4>
        <p class="text-muted mb-4" style="font-size:0.875rem;">
            The page you're looking for doesn't exist or has been moved.
        </p>
        <div class="d-flex gap-2 justify-content-center">
            <a href="{{ url('/') }}" class="btn-home">
                Go to Dashboard
            </a>
            <button onclick="history.back()"
                    class="btn btn-outline-secondary fw-600"
                    style="border-radius:8px;">
                Go Back
            </button>
        </div>
    </div>
    <div class="page-footer mt-3">
        <a href="https://adeyemoportfolio.armitech.com.ng/about.php"
           target="_blank" rel="noopener">
            Adeyemo Olamilekan
        </a>
        &nbsp;·&nbsp; OlaInvoice
    </div>
</div>
</body>
</html>
