<template>
  <div class="min-h-screen flex items-center justify-center bg-surface-gray-2 py-12 px-4">
    <div class="text-center">
      <h1 class="text-9xl font-bold text-ink-gray-2">404</h1>
      <h2 class="mt-4 text-2xl font-semibold text-ink-gray-9">
        Page Not Found
      </h2>
      <p class="mt-2 text-ink-gray-5">
        The page you're looking for doesn't exist.
      </p>
      <Button
        variant="solid"
        class="mt-6"
        @click="$router.push('/dashboard')"
      >
        Go to Dashboard
      </Button>
    </div>
  </div>
</template>

<script setup>
import { Button } from 'frappe-ui'
</script>
