<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Invitation Expired · A&amp;B Hub</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
<link rel="stylesheet" href="<?= asset('css/style.css') ?>">
</head>
<body style="background:var(--ab-canvas);">
<div class="d-flex align-items-center justify-content-center" style="min-height:100vh;">
  <div class="text-center" style="max-width:420px;">
    <i class="bi bi-envelope-x" style="font-size:3rem; color:var(--ab-accent);"></i>
    <h1 class="fs-4 mt-3">This invitation link is invalid or has expired.</h1>
    <p class="ab-text-muted mb-4">Ask your administrator to send you a new invitation.</p>
    <a href="<?= base_url('login') ?>" class="btn btn-primary">Back to Sign In</a>
  </div>
</div>
</body>
</html>
