<!doctype html>
<html lang="en" class="{% if theme_mode == "dark" %}dark{% endif %}">
{{ head_html|safe }}
<body class="kg-page kg-dotted-paper min-h-screen flex flex-col antialiased">
	{{ admin_banner_html|safe }}
	<header class="w-full" style="border-bottom: 3px solid hsl(var(--primary) / 0.25);">{{ slots.header|safe }}</header>
	<main class="flex-grow w-full flex items-center justify-center px-4 py-16">
		<div class="w-full max-w-md">{% if slots.main %}{{ slots.main|safe }}{% else %}<p class="kg-body text-center text-muted-foreground">Sign-in form goes here.</p>{% endif %}</div>
	</main>
	<footer class="w-full mt-auto">{{ slots.footer|safe }}</footer>
	{{ body_end_html|safe }}
</body>
</html>
