<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>403 Forbidden - Helmyx</title>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="<?= APP_URL ?>/assets/css/style.css">
    <style>
        body { display: flex; align-items: center; justify-content: center; height: 100vh; background: var(--page-bg); margin: 0; }
        .error-container { text-align: center; max-width: 500px; padding: 40px; }
        .error-code { font-size: 8rem; font-weight: 800; color: var(--danger); line-height: 1; margin-bottom: 20px; }
        .error-title { font-size: 1.5rem; font-weight: 600; margin-bottom: 12px; }
        .error-desc { color: var(--text-secondary); margin-bottom: 32px; }
    </style>
</head>
<body>
    <div class="error-container">
        <div class="error-code">403</div>
        <div class="error-title">Access Denied</div>
        <div class="error-desc">You do not have permission to access this resource. Please contact your administrator.</div>
        <a href="<?= APP_URL ?>/dashboard" class="btn btn-primary btn-lg">Return to Dashboard</a>
    </div>
</body>
</html>
