:root {
	--ft-color-bg-page: #e8ecf1;
	--ft-color-bg-app: #f5f7fa;
	--ft-color-bg-surface: #ffffff;
	--ft-color-bg-muted: #f1f5f9;
	--ft-color-text-primary: #1e293b;
	--ft-color-text-secondary: #64748b;
	--ft-color-border: #e2e8f0;
	--ft-color-accent: #2563eb;
	--ft-color-danger: #ef4444;
	--ft-radius-card: 12px;
	--ft-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.08);
}

* {
	box-sizing: border-box;
}
body {
	margin: 0;
	background: var(--ft-color-bg-page);
	color: var(--ft-color-text-primary);
}
a {
	color: inherit;
	text-decoration: none;
}
.app-header {
	align-items: center;
	display: flex;
	padding: 0 1rem;
}
.bottom-nav {
	display: none;
}
.breadcrumbs {
	display: flex;
	gap: 0.5rem;
	margin-bottom: 1rem;
}
.breadcrumbs-entry {
	display: contents;
}
.breadcrumbs a {
	color: var(--ft-color-accent);
}
.auth-page {
	align-items: center;
	display: flex;
	justify-content: center;
	min-height: 100dvh;
	padding: 1.5rem;
}
.auth-card {
	box-shadow: 0 12px 32px rgba(30, 41, 59, 0.1);
	width: min(100%, 26rem);
}
.auth-card fieldset {
	border: 0;
	padding: 0;
}
@media (max-width: 47.99375em) {
	.bottom-nav {
		background: var(--ft-color-bg-surface);
		border-top: 1px solid var(--ft-color-border);
		bottom: 0;
		display: flex;
		justify-content: space-around;
		left: 0;
		padding: 0.75rem;
		position: fixed;
		right: 0;
		z-index: 200;
	}
	.bottom-nav .active {
		color: var(--ft-color-accent);
		font-weight: 600;
	}
	.breadcrumbs[data-depth="3"] .breadcrumbs-item-0,
	.breadcrumbs[data-depth="3"] .breadcrumbs-separator-1 {
		display: none;
	}
	.mantine-AppShell-main {
		padding-bottom: 5rem;
	}
}