<!doctype html>
<html lang="en" class="{% if theme_mode == "dark" %}dark{% endif %}">
{{ head_html|safe }}
<body class="terminal-page bg-background text-foreground antialiased min-h-screen flex flex-col">
	{{ admin_banner_html|safe }}
	<div aria-hidden="true" class="tty-scanlines pointer-events-none fixed inset-0 z-50"></div>
	<header class="w-full">{{ 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">
			<div class="tty-window">
				<div class="tty-titlebar"><span class="tty-dot"></span><span class="tty-dot"></span><span class="tty-dot"></span><span class="ml-1 terminal-mono">login</span></div>
				<div class="p-6 md:p-8">
					{% if slots.main %}{{ slots.main|safe }}{% else %}<p class="terminal-mono text-center text-muted-foreground">// auth console</p>{% endif %}
				</div>
			</div>
		</div>
	</main>
	<footer class="w-full mt-auto">{{ slots.footer|safe }}</footer>
	{{ body_end_html|safe }}
</body>
</html>
