export default function AuthLayout({ children }: { children: React.ReactNode }) {
  return (
    <div className="min-h-screen bg-[#0f0f10] flex items-center justify-center p-4">
      <div className="w-full max-w-md">
        {/* Logo */}
        <div className="text-center mb-8">
          <div className="inline-flex items-center gap-3 mb-4">
            <div className="w-10 h-10 bg-brand-600 rounded-xl flex items-center justify-center text-xl">
              🐯
            </div>
            <span className="text-2xl font-semibold text-surface-100">KaplanOS</span>
          </div>
          <p className="text-sm text-surface-500">
            Kişisel iş ve yaşam yönetim sisteminiz
          </p>
        </div>
        {children}
      </div>
    </div>
  );
}