@{
    ViewData["Title"] = "Unavailable4";
    ViewData["SidebarVariant"] = "4";
}
@section Styles {
    <link rel="stylesheet" href="/css/style4.css" asp-append-version="true" />
}

        <div class="p-4 md:p-6 flex items-center justify-center" style="min-height: calc(100vh - 64px);">
            <div class="text-center">
                <p class="text-9xl font-bold text-gray-300">503</p>
                <h1 class="text-4xl font-bold text-gray-800 mt-4">Service Unavailable</h1>
                <p class="text-gray-500 mt-2">The server is temporarily unable to handle the request.</p>
                <a href="#" x-on:click.prevent="aktif = 'crmdashboard'" class="inline-flex items-center gap-2 mt-6 px-5 py-2.5 text-sm font-semibold rounded-lg text-white transition" style="background: linear-gradient(135deg, #6366f1, #4f46e5);">
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16l-4-4m0 0l4-4m-4 4h18"/></svg>
                    Go to Dashboard
                </a>
            </div>
        </div>