// app/(auth)/layout.tsx
export default function AuthLayout({ children }: { children: React.ReactNode }) {
  return (
    <div className="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-[#f3f4f6] antialiased">
      <div className="mb-8">
        <div className="flex flex-col items-center">
          <span className="text-3xl font-extrabold tracking-tight text-gray-900">
            OMUGWOR<span className="text-indigo-600">ADMIN</span>
          </span>
          <p className="text-xs uppercase tracking-widest text-gray-500 font-semibold mt-1">
            Management Portal
          </p>
        </div>
      </div>
      <div className="w-full sm:max-w-md px-6 py-8 bg-white shadow-md overflow-hidden sm:rounded-lg border border-gray-200">
        {children}
      </div>
    </div>
  );
}