<template>
  <div class="min-h-screen bg-gradient-to-br from-indigo-50 via-white to-violet-50 flex items-center justify-center px-4">
    <div class="w-full max-w-md">
      <!-- Logo -->
      <div class="text-center mb-8">
        <div class="w-12 h-12 rounded-2xl bg-gradient-to-br from-indigo-500 to-violet-600 flex items-center justify-center mx-auto mb-4">
          <span class="text-white font-bold text-xl">S</span>
        </div>
        <h1 class="text-2xl font-bold text-gray-900">ShiftCraft</h1>
        <p class="text-gray-500 text-sm mt-1">Schichtplanung, die Ihre Sprache spricht</p>
      </div>
      <slot />
    </div>
  </div>
</template>
