<script lang="ts">
	import { goto } from '$app/navigation';
	import { onMount } from 'svelte';

	/**
	 * Root page redirects to /overview.
	 * The layout shell handles auth guards.
	 */
	onMount(() => {
		goto('/overview', { replaceState: true });
	});
</script>

<div class="redirect">
	<p>Loading...</p>
</div>

<style>
	.redirect {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 50dvh;
		color: var(--color-text-muted);
	}
</style>
