<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Erişim Hatası</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />

 <link rel="icon" href="https://serversistemleri.com/design/images/icons/favicons/apple-icon-180x180.png" />
 <link rel="apple-touch-icon" sizes="57x57" href="https://serversistemleri.com/design/images/icons/favicons/apple-icon-57x57.png">
 <link rel="apple-touch-icon" sizes="60x60" href="https://serversistemleri.com/design/images/icons/favicons/apple-icon-60x60.png">
 <link rel="apple-touch-icon" sizes="72x72" href="https://serversistemleri.com/design/images/icons/favicons/apple-icon-72x72.png">
 <link rel="apple-touch-icon" sizes="76x76" href="https://serversistemleri.com/design/images/icons/favicons/apple-icon-76x76.png">
 <link rel="apple-touch-icon" sizes="114x114" href="https://serversistemleri.com/design/images/icons/favicons/apple-icon-114x114.png">
 <link rel="apple-touch-icon" sizes="120x120" href="https://serversistemleri.com/design/images/icons/favicons/apple-icon-120x120.png">
 <link rel="apple-touch-icon" sizes="144x144" href="https://serversistemleri.com/design/images/icons/favicons/apple-icon-144x144.png">
 <link rel="apple-touch-icon" sizes="152x152" href="https://serversistemleri.com/design/images/icons/favicons/apple-icon-152x152.png">
 <link rel="apple-touch-icon" sizes="180x180" href="https://serversistemleri.com/design/images/icons/favicons/apple-icon-180x180.png">
 <link rel="icon" type="image/png" sizes="192x192" href="https://serversistemleri.com/design/images/icons/favicons/android-icon-192x192.png">
 <link rel="icon" type="image/png" sizes="32x32" href="https://serversistemleri.com/design/images/icons/favicons/favicon-32x32.png">
 <link rel="icon" type="image/png" sizes="96x96" href="https://serversistemleri.com/design/images/icons/favicons/favicon-96x96.png">
 <link rel="icon" type="image/png" sizes="16x16" href="https://serversistemleri.com/design/images/icons/favicons/favicon-16x16.png">
 <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
 <script>
     // Dark mod tercihini otomatik uygula (istemci düzeyinde)
     if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
         document.documentElement.classList.add('dark')
     } else {
         document.documentElement.classList.remove('dark')
     }
 </script>
</head>
<body class="bg-white dark:bg-gray-900 flex items-center justify-center min-h-screen p-4">
 <div class="max-w-xl w-full bg-gray-100 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 p-8 rounded-2xl shadow-xl text-center transition-all">
     <div class="flex justify-center mb-6">

         <svg class="w-16 h-16 text-red-600 dark:text-red-400 animate-pulse" fill="none" stroke="currentColor" width="800px" height="800px" viewBox="0 0 24 24">
    <path
        d="M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z"
    />
</svg>

     </div>
     <h1 class="text-3xl font-bold text-gray-900 dark:text-white mb-4">Erişim Hatası</h1>
     <p class="text-gray-700 dark:text-gray-300 mb-6 text-base sm:text-lg leading-relaxed">
         {{ $message ?? 'Üzgünüz, bu bağlantının süresi dolmuş veya erişim yetkiniz bulunmamaktadır.' }}
     </p>
     <a href="https://sspanel.serversistemleri.com/dashboard"
        class="inline-flex items-center justify-center px-5 py-2.5 text-sm font-semibold text-white bg-red-600 hover:bg-red-500 dark:bg-red-500 dark:hover:bg-red-400 rounded-lg transition focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-400 dark:focus:ring-offset-gray-900">
         ← Geri Dön
     </a>
 </div>
</body>
</body>
</html>
