style(ui): polimento visual — tema, cards, dark mode e landing page

Raio de borda global 0.625rem → 0.7rem; ajustes finos em --card e --border.
DotPattern removido do layout, tela de auth e landing page.
Account-card redesenhado (cores de saldo, tooltip de flags de exclusão).
Budget-card, card-item, calendário (day-cell, event-modal) com layout revisado.
Auth-card-shell simplificado (sem glassmorphism/blob). Landing page com
mainFeatures + extraFeatures em grid único e dark mode nos botões de CTA.
Imagens de preview da landing atualizadas. CSS --data-7..10 removidas.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/features/accounts/components/account-card.tsx

@@ -1,4 +1,5 @@
 "use client";
+
 import {
 	RiArrowLeftRightLine,
 	RiDeleteBin5Line,
@@ -47,6 +48,13 @@ export function AccountCard({
 }: AccountCardProps) {
 	const isInactive = status?.toLowerCase() === "inativa";
 
+	const balanceColor =
+		balance > 0
+			? "text-success"
+			: balance < 0
+				? "text-destructive"
+				: "text-foreground";
+
 	const actions = [
 		{
 			label: "editar",
@@ -75,78 +83,90 @@ export function AccountCard({
 	].filter((action) => typeof action.onClick === "function");
 
 	return (
-		<Card className={cn("h-full w-full gap-0", className)}>
-			<CardContent className="flex flex-1 flex-col gap-4">
-				<div className="flex items-center gap-2">
-					{icon ? (
-						<div
-							className={cn(
-								"flex items-center justify-center",
-								isInactive && "[&_img]:grayscale [&_img]:opacity-40",
-							)}
-						>
-							{icon}
+		<Card className={cn("flex w-full flex-col p-6", className)}>
+			<div className="flex items-start justify-between gap-2">
+				<div className="flex min-w-0 items-center gap-2">
+					<div
+						className={cn(
+							"flex shrink-0 items-center justify-center",
+							isInactive && "grayscale opacity-40",
+						)}
+					>
+						{icon}
+					</div>
+					<div className="min-w-0">
+						<div className="flex items-center gap-1">
+							<h3 className="truncate font-semibold text-foreground">
+								{accountName}
+							</h3>
+							{excludeFromBalance || excludeInitialBalanceFromIncome ? (
+								<Tooltip>
+									<TooltipTrigger asChild>
+										<button
+											type="button"
+											className="shrink-0 text-muted-foreground/70 transition-colors hover:text-foreground"
+											aria-label="Informações da conta"
+										>
+											<RiInformationLine className="size-3.5" />
+										</button>
+									</TooltipTrigger>
+									<TooltipContent side="top" align="start" className="max-w-xs">
+										<div className="space-y-1">
+											{excludeFromBalance && (
+												<p className="text-xs">
+													<strong>Desconsiderado do saldo total:</strong> Esta
+													conta não é incluída no cálculo do saldo total geral.
+												</p>
+											)}
+											{excludeInitialBalanceFromIncome && (
+												<p className="text-xs">
+													<strong>
+														Saldo inicial desconsiderado das receitas:
+													</strong>{" "}
+													O saldo inicial desta conta não é contabilizado como
+													receita nas métricas.
+												</p>
+											)}
+										</div>
+									</TooltipContent>
+								</Tooltip>
+							) : null}
 						</div>
-					) : null}
-					<h2 className="text-lg font-semibold text-foreground">
-						{accountName}
-					</h2>
 
-					{(excludeFromBalance || excludeInitialBalanceFromIncome) && (
-						<Tooltip>
-							<TooltipTrigger asChild>
-								<div className="flex items-center">
-									<RiInformationLine className="size-5 text-muted-foreground hover:text-foreground transition-colors cursor-help" />
-								</div>
-							</TooltipTrigger>
-							<TooltipContent side="right" className="max-w-xs">
-								<div className="space-y-1">
-									{excludeFromBalance && (
-										<p className="text-xs">
-											<strong>Desconsiderado do saldo total:</strong> Esta conta
-											não é incluída no cálculo do saldo total geral.
-										</p>
-									)}
-									{excludeInitialBalanceFromIncome && (
-										<p className="text-xs">
-											<strong>
-												Saldo inicial desconsiderado das receitas:
-											</strong>{" "}
-											O saldo inicial desta conta não é contabilizado como
-											receita nas métricas.
-										</p>
-									)}
-								</div>
-							</TooltipContent>
-						</Tooltip>
-					)}
+						<p className="text-xs text-muted-foreground">{status}</p>
+					</div>
 				</div>
 
-				<div className="space-y-2">
-					<MoneyValues amount={balance} className="text-3xl" />
-					<p className="text-sm text-muted-foreground">{accountType}</p>
+				<p className="text-xs text-muted-foreground">{accountType}</p>
+			</div>
+
+			<CardContent className="flex flex-1 flex-col gap-2 px-0 pb-2">
+				<div className="flex flex-col gap-0.5">
+					<span className="text-xs text-muted-foreground">Saldo</span>
+					<MoneyValues
+						amount={balance}
+						className={cn("text-2xl font-semibold", balanceColor)}
+					/>
 				</div>
 			</CardContent>
 
-			{actions.length > 0 ? (
-				<CardFooter className="flex flex-wrap gap-3 px-6 pt-6 text-sm">
-					{actions.map(({ label, icon, onClick, variant }) => (
-						<button
-							key={label}
-							type="button"
-							onClick={onClick}
-							className={cn(
-								"flex items-center gap-1 font-medium transition-opacity hover:opacity-80",
-								variant === "destructive" ? "text-destructive" : "text-primary",
-							)}
-							aria-label={`${label} conta`}
-						>
-							{icon}
-							{label}
-						</button>
-					))}
-				</CardFooter>
-			) : null}
+			<CardFooter className="flex flex-wrap gap-4 p-0 text-sm">
+				{actions.map(({ label, icon, onClick, variant }) => (
+					<button
+						key={label}
+						type="button"
+						onClick={onClick}
+						className={cn(
+							"flex items-center gap-1 font-medium transition-opacity hover:opacity-80",
+							variant === "destructive" ? "text-destructive" : "text-primary",
+						)}
+						aria-label={`${label} conta`}
+					>
+						{icon}
+						{label}
+					</button>
+				))}
+			</CardFooter>
 		</Card>
 	);
 }

src/features/accounts/components/account-statement-card.tsx

@@ -86,7 +86,7 @@ export function AccountStatementCard({
 						</p>
 						<MoneyValues
 							amount={currentBalance}
-							className="text-3xl leading-none tracking-tighter sm:text-[2rem]"
+							className="text-3xl leading-none tracking-tighter sm:text-2xl"
 						/>
 						<div className="flex items-center gap-2">
 							<Badge