<?php http_response_code(403); ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Access Denied</title>
<style>
    * { box-sizing:border-box; }
    body { background:#f0f2f5; font-family:'Segoe UI',system-ui,sans-serif; margin:0;
        min-height:100vh; display:flex; align-items:center; justify-content:center; }
    .card { background:#fff; border-radius:14px; box-shadow:0 1px 3px rgba(0,0,0,.08),0 8px 28px rgba(0,0,0,.08);
        padding:40px 44px; text-align:center; max-width:380px; }
    .icon { width:56px; height:56px; border-radius:50%; background:#fee2e2; color:#dc2626;
        display:flex; align-items:center; justify-content:center; font-size:24px; margin:0 auto 16px; }
    h1 { font-size:17px; font-weight:700; color:#1e293b; margin:0 0 8px; }
    p { font-size:13px; color:#64748b; margin:0 0 22px; line-height:1.5; }
    a { display:inline-flex; align-items:center; gap:7px; padding:9px 20px; background:#2563eb; color:#fff;
        border-radius:8px; text-decoration:none; font-size:12.5px; font-weight:600; }
    a:hover { background:#1d4ed8; }
</style>
</head>
<body>
    <div class="card">
        <div class="icon"><i class="fa fa-lock"></i></div>
        <h1>Access Denied</h1>
        <p>You don't have permission to access this module. Contact your administrator if you believe this is a mistake.</p>
        <a href="mainmenu.php" target="_top"><i class="fa fa-arrow-left"></i> Back to Main Menu</a>
    </div>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</body>
</html>
