/**
 * Tailwind CSS v4 Syntax
 *
 * This template uses the new @import syntax introduced in Tailwind v4
 * Compatible with: Tailwind CSS >=4.0.0
 *
 * Breaking changes from v3:
 * - @tailwind directives replaced with single @import
 * - PostCSS plugin changed to @tailwindcss/postcss
 * - Improved performance and smaller bundle size
 *
 * Migration guide: https://tailwindcss.com/docs/upgrade-guide
 * Generated by: playwright-e2e-automation skill
 */

/* Import Tailwind CSS (base, components, utilities all included) */
@import "tailwindcss";

/* ========== CUSTOM STYLES ========== */
/* Add your custom CSS below this line */

/* Example: Custom utility classes using @layer */
/*
@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
}
*/

/* Example: Custom components using @layer */
/*
@layer components {
  .btn-primary {
    @apply px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700;
  }
}
*/