// src\app\admin\login\layout.tsx
import "@/app/admin/admin-globals.css"

export default function AuthLayout({ children }: { children: React.ReactNode }) {
  return (
    <div
      className="min-h-screen flex items-center justify-center relative"
      style={{ 
        backgroundImage: "url('/images/login-bg-light.jpg')",
        backgroundSize: "cover",
        backgroundPosition: "center",
        backgroundRepeat: "no-repeat"
      }}
    >
      {/* Dark overlay for better text readability */}
      <div className="absolute inset-0 bg-black/30"></div>
      <div className="relative z-10 w-full max-w-lg px-4">
        {children}
      </div>
    </div>
  );
}