diff --git a/apps/web/src/lib/assets/wtasklogo.png b/apps/web/src/lib/assets/wtasklogo.png
new file mode 100644
index 0000000..5bb12db
Binary files /dev/null and b/apps/web/src/lib/assets/wtasklogo.png differ
diff --git a/apps/web/src/lib/assets/wtasklogo192.png b/apps/web/src/lib/assets/wtasklogo192.png
new file mode 100644
index 0000000..3d69f21
Binary files /dev/null and b/apps/web/src/lib/assets/wtasklogo192.png differ
diff --git a/apps/web/src/lib/ui/layout/AppShell.svelte b/apps/web/src/lib/ui/layout/AppShell.svelte
index a4976e5..dfd39ef 100644
--- a/apps/web/src/lib/ui/layout/AppShell.svelte
+++ b/apps/web/src/lib/ui/layout/AppShell.svelte
@@ -1,326 +1,335 @@
 <script lang="ts">
-  import { page } from "$app/stores";
-  import Toast from "$lib/ui/feedback/Toast.svelte";
-  $: pathname = $page.url.pathname;
-  $: currentTitle =
-    pathname === "/app"
-      ? "Tareas"
-      : pathname.startsWith("/app/groups")
-        ? "Grupos"
-        : pathname.startsWith("/app/preferences")
-          ? "Recordatorios"
-          : pathname.startsWith("/app/integrations")
-            ? "Calendarios"
-            : "Tareas";
+	import logo from "$lib/assets/wtasklogo192.png";
+	import { page } from "$app/stores";
+	import Toast from "$lib/ui/feedback/Toast.svelte";
+	$: pathname = $page.url.pathname;
+	$: currentTitle =
+		pathname === "/app"
+			? "Tareas"
+			: pathname.startsWith("/app/groups")
+				? "Grupos"
+				: pathname.startsWith("/app/preferences")
+					? "Recordatorios"
+					: pathname.startsWith("/app/integrations")
+						? "Calendarios"
+						: "Tareas";
 </script>
 
 <header class="app-header">
-  <div class="container row">
-    <a class="brand" href="/app" aria-label="Inicio">Tareas</a>
-    <nav class="nav">
-      <a href="/app" class:active={$page.url.pathname === "/app"}>Tareas</a>
-      <a
-        href="/app/groups"
-        class:active={$page.url.pathname.startsWith("/app/groups")}>Grupos</a
-      >
-      <a
-        href="/app/preferences"
-        class:active={$page.url.pathname.startsWith("/app/preferences")}
-        >Recordatorios</a
-      >
-      <a
-        href="/app/integrations"
-        class="calendar"
-        class:active={$page.url.pathname.startsWith("/app/integrations")}
-        >Calendarios</a
-      >
-    </nav>
-    <form method="POST" action="/api/logout">
-      <button type="submit" class="logout">Cerrar sesión</button>
-    </form>
-  </div>
+	<div class="container row">
+		<a class="brand" href="/app" aria-label="Inicio"
+			><img src={logo} alt="Wtask" /></a
+		>
+		<nav class="nav">
+			<a href="/app" class:active={$page.url.pathname === "/app"}>Tareas</a>
+			<a
+				href="/app/groups"
+				class:active={$page.url.pathname.startsWith("/app/groups")}>Grupos</a
+			>
+			<a
+				href="/app/preferences"
+				class:active={$page.url.pathname.startsWith("/app/preferences")}
+				>Recordatorios</a
+			>
+			<a
+				href="/app/integrations"
+				class="calendar"
+				class:active={$page.url.pathname.startsWith("/app/integrations")}
+				>Calendarios</a
+			>
+		</nav>
+		<form method="POST" action="/api/logout">
+			<button type="submit" class="logout">Cerrar sesión</button>
+		</form>
+	</div>
 </header>
 
 <!-- Barra superior móvil (solo título) -->
 <div class="mobile-topbar" aria-hidden="true">
-  <div class="container topbar-inner">{currentTitle}</div>
+	<div class="container topbar-inner">{currentTitle}</div>
 </div>
 
 <svelte:head>
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
 </svelte:head>
 
 <main class="container main">
-  <slot />
+	<slot />
 </main>
 
 <nav class="tabbar" aria-label="Navegación inferior">
-  <a
-    href="/app"
-    class:active={$page.url.pathname === "/app"}
-    aria-label="Tareas"
-  >
-    <span class="icon"
-      ><svg viewBox="0 0 117.45 122.88">
-        <path
-          class="tabbar-icon-svg"
-          d="M53.4,91.75c-1.96,0-3.54-1.59-3.54-3.54s1.59-3.54,3.54-3.54h19.85c1.96,0,3.54,1.59,3.54,3.54s-1.59,3.54-3.54,3.54H53.4 L53.4,91.75z M23.23,88.24c-0.8-1.2-0.48-2.82,0.72-3.63c1.2-0.8,2.82-0.48,3.63,0.72L29,87.45l5.65-6.88 c0.92-1.11,2.56-1.27,3.68-0.36c1.11,0.92,1.27,2.56,0.36,3.68l-7.82,9.51c-0.17,0.22-0.38,0.42-0.62,0.58 c-1.2,0.8-2.82,0.48-3.63-0.72L23.23,88.24L23.23,88.24z M23.23,63.34c-0.8-1.2-0.48-2.82,0.72-3.63c1.2-0.8,2.82-0.48,3.63,0.72 L29,62.55l5.65-6.88c0.92-1.11,2.56-1.27,3.68-0.36c1.11,0.92,1.27,2.56,0.36,3.68l-7.82,9.51c-0.17,0.22-0.38,0.42-0.62,0.58 c-1.2,0.8-2.82,0.48-3.63-0.72L23.23,63.34L23.23,63.34z M23.23,38.43c-0.8-1.2-0.48-2.82,0.72-3.63c1.2-0.8,2.82-0.48,3.63,0.72 L29,37.64l5.65-6.88c0.92-1.11,2.56-1.27,3.68-0.36c1.11,0.92,1.27,2.56,0.36,3.68l-7.82,9.51c-0.17,0.22-0.38,0.42-0.62,0.58 c-1.2,0.8-2.82,0.48-3.63-0.72L23.23,38.43L23.23,38.43z M53.4,39.03c-1.96,0-3.54-1.59-3.54-3.54s1.59-3.54,3.54-3.54h36.29 c1.96,0,3.54,1.59,3.54,3.54s-1.59,3.54-3.54,3.54H53.4L53.4,39.03z M8.22,0h101.02c2.27,0,4.33,0.92,5.81,2.4 c1.48,1.48,2.4,3.54,2.4,5.81v106.44c0,2.27-0.92,4.33-2.4,5.81c-1.48,1.48-3.54,2.4-5.81,2.4H8.22c-2.27,0-4.33-0.92-5.81-2.4 C0.92,119,0,116.93,0,114.66V8.22C0,5.95,0.92,3.88,2.4,2.4C3.88,0.92,5.95,0,8.22,0L8.22,0z M109.24,7.08H8.22 c-0.32,0-0.61,0.13-0.82,0.34c-0.21,0.21-0.34,0.5-0.34,0.82v106.44c0,0.32,0.13,0.61,0.34,0.82c0.21,0.21,0.5,0.34,0.82,0.34 h101.02c0.32,0,0.61-0.13,0.82-0.34c0.21-0.21,0.34-0.5,0.34-0.82V8.24c0-0.32-0.13-0.61-0.34-0.82 C109.84,7.21,109.55,7.08,109.24,7.08L109.24,7.08z M53.4,65.39c-1.96,0-3.54-1.59-3.54-3.54s1.59-3.54,3.54-3.54h36.29 c1.96,0,3.54,1.59,3.54,3.54s-1.59,3.54-3.54,3.54H53.4L53.4,65.39z"
-        />
-      </svg></span
-    >
-    <span class="label">Tareas</span>
-  </a>
-  <a
-    href="/app/groups"
-    class:active={$page.url.pathname.startsWith("/app/groups")}
-    aria-label="Grupos"
-  >
-    <span class="icon"
-      ><svg viewBox="0 0 122.88 91.99"
-        ><g
-          ><path
-            class="tabbar-icon-svg"
-            d="M45.13,35.29h-0.04c-7.01-0.79-16.42,0.01-20.78,0C17.04,35.6,9.47,41.91,5.02,51.3 c-2.61,5.51-3.3,9.66-3.73,15.55C0.42,72.79-0.03,78.67,0,84.47c1.43,9.03,12.88,6.35,13.85,0l1.39-18.2 c0.21-2.75,0.4-4.61,1.51-7.23c0.52-1.23,1.15-2.28,1.89-3.15l0.69,33.25l-0.39,2.78h31.49l-0.42-3.1l0.61-36.67 c3.2-1.29,5.96-1.89,8.39-1.99c-0.12,0.25-0.25,0.5-0.37,0.75c-2.61,5.51-3.3,9.66-3.73,15.55c-0.86,5.93-1.32,11.81-1.29,17.61 c1.43,9.03,12.88,6.35,13.85,0l1.39-18.2c0.21-2.75,0.4-4.61,1.51-7.23c0.52-1.23,1.15-2.28,1.89-3.15l0.69,33.25l-0.46,3.24h31.62 l-0.48-3.55l0.49-28.62v0.56l0.1-4.87c0.74,0.87,1.36,1.92,1.89,3.15c1.12,2.62,1.3,4.48,1.51,7.23l1.39,18.2 c1.34,8.68,13.85,8.85,13.85,0c0.03-5.81-0.42-11.68-1.29-17.61c-0.43-5.89-1.12-10.04-3.73-15.55 c-4.57-9.65-10.48-14.76-19.45-15.81c-5.53-0.45-14.82,0.06-20.36-0.1c-1.38,0.19-2.74,0.47-4.06,0.87 c-3.45-0.48-8.01-1.07-12.56-1.09C54.76,34.77,48.15,35.91,45.13,35.29L45.13,35.29z M88.3,0c9.01,0,16.32,7.31,16.32,16.32 c0,9.01-7.31,16.32-16.32,16.32c-9.01,0-16.32-7.31-16.32-16.32C71.98,7.31,79.29,0,88.3,0L88.3,0z M34.56,0 c9.01,0,16.32,7.31,16.32,16.32c0,9.01-7.31,16.32-16.32,16.32s-16.32-7.31-16.32-16.32C18.24,7.31,25.55,0,34.56,0L34.56,0z"
-          /></g
-        ></svg
-      ></span
-    >
-    <span class="label">Grupos</span>
-  </a>
-  <a
-    href="/app/preferences"
-    class:active={$page.url.pathname.startsWith("/app/preferences")}
-    aria-label="Recordatorios"
-  >
-    <span class="icon"
-      ><svg fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 493 511.92"
-        ><path
-          class="tabbar-icon-svg"
-          fill-rule="nonzero"
-          d="M277.16 41.75c49.87 6.77 94.55 29.88 128.47 63.79 40.67 40.67 65.83 96.87 65.83 158.93 0 62.08-25.15 118.28-65.83 158.96a227.22 227.22 0 0 1-25.34 21.83l27.24 38.33c5.68 8.18 3.65 19.42-4.54 25.11-8.19 5.68-19.44 3.65-25.12-4.54l-28.28-39.78c-30.84 15.91-65.83 24.89-102.92 24.89-37.7 0-73.23-9.28-104.43-25.69l-26.59 39.71c-5.54 8.28-16.76 10.5-25.04 4.95-8.29-5.54-10.5-16.75-4.95-25.03l26.07-38.95a225.636 225.636 0 0 1-24-20.83c-40.68-40.68-65.84-96.89-65.84-158.96 0-62.07 25.16-118.26 65.84-158.94 36.44-36.43 85.34-60.39 139.74-65.03 16.45-1.4 33.38-.96 49.69 1.25zm204.53 102.98c17.3-41.28 15.24-84.52-9.51-113.49-29.7-34.77-83.39-38.75-133.26-14.3 53.01 36.36 101.12 78.78 142.77 127.79zm-470.15 1.35C-6.1 104.02-4.01 59.97 21.21 30.45 51.47-4.97 106.18-9.03 156.99 15.88c-54 37.06-103.03 80.26-145.45 130.2zm269.3 101.47 67.65-1.18c9.97-.17 18.19 7.76 18.36 17.73.18 9.97-7.76 18.19-17.73 18.37l-69.51 1.21c-6.61 11.32-18.89 18.93-32.94 18.93-21.05 0-38.12-17.08-38.12-38.13 0-14.52 8.13-27.15 20.08-33.58v-87.35c0-9.97 8.07-18.05 18.04-18.05 9.97 0 18.06 8.08 18.06 18.05v87.35a38.324 38.324 0 0 1 16.11 16.65zm99.27-116.5c-34.14-34.14-81.32-55.26-133.43-55.26-52.1 0-99.28 21.12-133.42 55.26-34.15 34.14-55.27 81.32-55.27 133.43 0 52.11 21.12 99.28 55.27 133.43 34.14 34.14 81.31 55.26 133.41 55.26 52.12 0 99.29-21.12 133.43-55.26 34.14-34.15 55.28-81.32 55.28-133.44 0-52.1-21.13-99.27-55.27-133.42z"
-        /></svg
-      ></span
-    >
-    <span class="label">Alertas</span>
-  </a>
-  <a
-    href="/app/integrations"
-    class="calendar"
-    class:active={$page.url.pathname.startsWith("/app/integrations")}
-    aria-label="Calendarios"
-  >
-    <span class="icon"
-      ><svg viewBox="0 0 110.01 122.88"
-        ><g
-          ><path
-            class="tabbar-icon-svg"
-            d="M1.87,14.69h22.66L24.5,14.3V4.13C24.5,1.86,26.86,0,29.76,0c2.89,0,5.26,1.87,5.26,4.13V14.3l-0.03,0.39 h38.59l-0.03-0.39V4.13C73.55,1.86,75.91,0,78.8,0c2.89,0,5.26,1.87,5.26,4.13V14.3l-0.03,0.39h24.11c1.03,0,1.87,0.84,1.87,1.87 v19.46c0,1.03-0.84,1.87-1.87,1.87H1.87C0.84,37.88,0,37.04,0,36.01V16.55C0,15.52,0.84,14.69,1.87,14.69L1.87,14.69z M0.47,42.19 h109.08c0.26,0,0.46,0.21,0.46,0.46l0,0v79.76c0,0.25-0.21,0.46-0.46,0.46l-109.08,0c-0.25,0-0.47-0.21-0.47-0.46V42.66 C0,42.4,0.21,42.19,0.47,42.19L0.47,42.19L0.47,42.19z M97.27,52.76H83.57c-0.83,0-1.5,0.63-1.5,1.4V66.9c0,0.77,0.67,1.4,1.5,1.4 h13.71c0.83,0,1.51-0.63,1.51-1.4V54.16C98.78,53.39,98.1,52.76,97.27,52.76L97.27,52.76z M12.24,74.93h13.7 c0.83,0,1.51,0.63,1.51,1.4v12.74c0,0.77-0.68,1.4-1.51,1.4H12.71c-0.83,0-1.5-0.63-1.5-1.4V75.87c0-0.77,0.68-1.4,1.5-1.4 L12.24,74.93L12.24,74.93z M12.24,97.11h13.7c0.83,0,1.51,0.63,1.51,1.4v12.74c0,0.77-0.68,1.4-1.51,1.4l-13.24,0 c-0.83,0-1.5-0.63-1.5-1.4V98.51c0-0.77,0.68-1.4,1.5-1.4L12.24,97.11L12.24,97.11z M12.24,52.76h13.7c0.83,0,1.51,0.63,1.51,1.4 V66.9c0,0.77-0.68,1.4-1.51,1.4l-13.24,0c-0.83,0-1.5-0.63-1.5-1.4V54.16c0-0.77,0.68-1.4,1.5-1.4L12.24,52.76L12.24,52.76z M36.02,52.76h13.71c0.83,0,1.5,0.63,1.5,1.4V66.9c0,0.77-0.68,1.4-1.5,1.4l-13.71,0c-0.83,0-1.51-0.63-1.51-1.4V54.16 C34.51,53.39,35.19,52.76,36.02,52.76L36.02,52.76L36.02,52.76z M36.02,74.93h13.71c0.83,0,1.5,0.63,1.5,1.4v12.74 c0,0.77-0.68,1.4-1.5,1.4H36.02c-0.83,0-1.51-0.63-1.51-1.4V75.87c0-0.77,0.68-1.4,1.51-1.4V74.93L36.02,74.93z M36.02,97.11h13.71 c0.83,0,1.5,0.63,1.5,1.4v12.74c0,0.77-0.68,1.4-1.5,1.4l-13.71,0c-0.83,0-1.51-0.63-1.51-1.4V98.51 C34.51,97.74,35.19,97.11,36.02,97.11L36.02,97.11L36.02,97.11z M59.79,52.76H73.5c0.83,0,1.51,0.63,1.51,1.4V66.9 c0,0.77-0.68,1.4-1.51,1.4l-13.71,0c-0.83,0-1.51-0.63-1.51-1.4V54.16C58.29,53.39,58.96,52.76,59.79,52.76L59.79,52.76 L59.79,52.76z M59.79,74.93H73.5c0.83,0,1.51,0.63,1.51,1.4v12.74c0,0.77-0.68,1.4-1.51,1.4H59.79c-0.83,0-1.51-0.63-1.51-1.4 V75.87c0-0.77,0.68-1.4,1.51-1.4V74.93L59.79,74.93z M97.27,74.93H83.57c-0.83,0-1.5,0.63-1.5,1.4v12.74c0,0.77,0.67,1.4,1.5,1.4 h13.71c0.83,0,1.51-0.63,1.51-1.4l0-13.21c0-0.77-0.68-1.4-1.51-1.4L97.27,74.93L97.27,74.93z M97.27,97.11H83.57 c-0.83,0-1.5,0.63-1.5,1.4v12.74c0,0.77,0.67,1.4,1.5,1.4h13.71c0.83,0,1.51-0.63,1.51-1.4l0-13.21c0-0.77-0.68-1.4-1.51-1.4 L97.27,97.11L97.27,97.11z M59.79,97.11H73.5c0.83,0,1.51,0.63,1.51,1.4v12.74c0,0.77-0.68,1.4-1.51,1.4l-13.71,0 c-0.83,0-1.51-0.63-1.51-1.4V98.51C58.29,97.74,58.96,97.11,59.79,97.11L59.79,97.11L59.79,97.11z M7.01,47.71h96.92 c0.52,0,0.94,0.44,0.94,0.94v67.77c0,0.5-0.44,0.94-0.94,0.94H6.08c-0.5,0-0.94-0.42-0.94-0.94V49.58 C5.14,48.55,5.98,47.71,7.01,47.71L7.01,47.71L7.01,47.71z M78.8,29.4c2.89,0,5.26-1.87,5.26-4.13V15.11l-0.03-0.41H73.58 l-0.03,0.41v10.16C73.55,27.54,75.91,29.4,78.8,29.4L78.8,29.4L78.8,29.4z M29.76,29.4c2.89,0,5.26-1.87,5.26-4.13V15.11 l-0.03-0.41H24.53l-0.03,0.41v10.16C24.5,27.54,26.86,29.4,29.76,29.4L29.76,29.4z"
-          /></g
-        ></svg
-      ></span
-    >
-    <span class="label">Calendarios</span>
-  </a>
-  <form
-    method="POST"
-    action="/api/logout"
-    class="logout-tab"
-    aria-label="Salir"
-  >
-    <button type="submit">
-      <span class="icon"
-        ><svg viewBox="0 0 113.525 122.879"
-          ><g
-            ><path
-              class="tabbar-icon-svg"
-              d="M78.098,13.509l0.033,0.013h0.008c2.908,1.182,5.699,2.603,8.34,4.226c2.621,1.612,5.121,3.455,7.467,5.491 c11.992,10.408,19.58,25.764,19.58,42.879v0.016h-0.006c-0.006,15.668-6.361,29.861-16.633,40.127 c-10.256,10.256-24.434,16.605-40.09,16.613v0.006h-0.033h-0.015v-0.006c-15.666-0.004-29.855-6.357-40.123-16.627l-0.005,0.004 C6.365,95.994,0.015,81.814,0.006,66.15H0v-0.033v-0.039h0.006c0.004-6.898,1.239-13.511,3.492-19.615 c0.916-2.486,2.009-4.897,3.255-7.21C13.144,27.38,23.649,18.04,36.356,13.142l2.634-1.017v2.817v18.875v1.089l-0.947,0.569 l-0.007,0.004l-0.008,0.005l-0.007,0.004c-1.438,0.881-2.809,1.865-4.101,2.925l0.004,0.004c-1.304,1.079-2.532,2.242-3.659,3.477 h-0.007c-5.831,6.375-9.393,14.881-9.393,24.22v0.016h-0.007c0.002,9.9,4.028,18.877,10.527,25.375l-0.004,0.004 c6.492,6.488,15.457,10.506,25.349,10.512v-0.006h0.033h0.015v0.006c9.907-0.002,18.883-4.025,25.374-10.518 S92.66,76.045,92.668,66.148H92.66v-0.033V66.09h0.008c-0.002-6.295-1.633-12.221-4.484-17.362 c-0.451-0.811-0.953-1.634-1.496-2.453c-2.719-4.085-6.252-7.591-10.359-10.266l-0.885-0.577v-1.042V15.303v-2.857L78.098,13.509 L78.098,13.509z M47.509,0h18.507h1.938v1.937v49.969v1.937h-1.938H47.509h-1.937v-1.937V1.937V0H47.509L47.509,0z"
-            /></g
-          ></svg
-        ></span
-      >
-      <span class="label">Salir</span>
-    </button>
-  </form>
+	<a
+		href="/app"
+		class:active={$page.url.pathname === "/app"}
+		aria-label="Tareas"
+	>
+		<span class="icon"
+			><svg viewBox="0 0 117.45 122.88">
+				<path
+					class="tabbar-icon-svg"
+					d="M53.4,91.75c-1.96,0-3.54-1.59-3.54-3.54s1.59-3.54,3.54-3.54h19.85c1.96,0,3.54,1.59,3.54,3.54s-1.59,3.54-3.54,3.54H53.4 L53.4,91.75z M23.23,88.24c-0.8-1.2-0.48-2.82,0.72-3.63c1.2-0.8,2.82-0.48,3.63,0.72L29,87.45l5.65-6.88 c0.92-1.11,2.56-1.27,3.68-0.36c1.11,0.92,1.27,2.56,0.36,3.68l-7.82,9.51c-0.17,0.22-0.38,0.42-0.62,0.58 c-1.2,0.8-2.82,0.48-3.63-0.72L23.23,88.24L23.23,88.24z M23.23,63.34c-0.8-1.2-0.48-2.82,0.72-3.63c1.2-0.8,2.82-0.48,3.63,0.72 L29,62.55l5.65-6.88c0.92-1.11,2.56-1.27,3.68-0.36c1.11,0.92,1.27,2.56,0.36,3.68l-7.82,9.51c-0.17,0.22-0.38,0.42-0.62,0.58 c-1.2,0.8-2.82,0.48-3.63-0.72L23.23,63.34L23.23,63.34z M23.23,38.43c-0.8-1.2-0.48-2.82,0.72-3.63c1.2-0.8,2.82-0.48,3.63,0.72 L29,37.64l5.65-6.88c0.92-1.11,2.56-1.27,3.68-0.36c1.11,0.92,1.27,2.56,0.36,3.68l-7.82,9.51c-0.17,0.22-0.38,0.42-0.62,0.58 c-1.2,0.8-2.82,0.48-3.63-0.72L23.23,38.43L23.23,38.43z M53.4,39.03c-1.96,0-3.54-1.59-3.54-3.54s1.59-3.54,3.54-3.54h36.29 c1.96,0,3.54,1.59,3.54,3.54s-1.59,3.54-3.54,3.54H53.4L53.4,39.03z M8.22,0h101.02c2.27,0,4.33,0.92,5.81,2.4 c1.48,1.48,2.4,3.54,2.4,5.81v106.44c0,2.27-0.92,4.33-2.4,5.81c-1.48,1.48-3.54,2.4-5.81,2.4H8.22c-2.27,0-4.33-0.92-5.81-2.4 C0.92,119,0,116.93,0,114.66V8.22C0,5.95,0.92,3.88,2.4,2.4C3.88,0.92,5.95,0,8.22,0L8.22,0z M109.24,7.08H8.22 c-0.32,0-0.61,0.13-0.82,0.34c-0.21,0.21-0.34,0.5-0.34,0.82v106.44c0,0.32,0.13,0.61,0.34,0.82c0.21,0.21,0.5,0.34,0.82,0.34 h101.02c0.32,0,0.61-0.13,0.82-0.34c0.21-0.21,0.34-0.5,0.34-0.82V8.24c0-0.32-0.13-0.61-0.34-0.82 C109.84,7.21,109.55,7.08,109.24,7.08L109.24,7.08z M53.4,65.39c-1.96,0-3.54-1.59-3.54-3.54s1.59-3.54,3.54-3.54h36.29 c1.96,0,3.54,1.59,3.54,3.54s-1.59,3.54-3.54,3.54H53.4L53.4,65.39z"
+				/>
+			</svg></span
+		>
+		<span class="label">Tareas</span>
+	</a>
+	<a
+		href="/app/groups"
+		class:active={$page.url.pathname.startsWith("/app/groups")}
+		aria-label="Grupos"
+	>
+		<span class="icon"
+			><svg viewBox="0 0 122.88 91.99"
+				><g
+					><path
+						class="tabbar-icon-svg"
+						d="M45.13,35.29h-0.04c-7.01-0.79-16.42,0.01-20.78,0C17.04,35.6,9.47,41.91,5.02,51.3 c-2.61,5.51-3.3,9.66-3.73,15.55C0.42,72.79-0.03,78.67,0,84.47c1.43,9.03,12.88,6.35,13.85,0l1.39-18.2 c0.21-2.75,0.4-4.61,1.51-7.23c0.52-1.23,1.15-2.28,1.89-3.15l0.69,33.25l-0.39,2.78h31.49l-0.42-3.1l0.61-36.67 c3.2-1.29,5.96-1.89,8.39-1.99c-0.12,0.25-0.25,0.5-0.37,0.75c-2.61,5.51-3.3,9.66-3.73,15.55c-0.86,5.93-1.32,11.81-1.29,17.61 c1.43,9.03,12.88,6.35,13.85,0l1.39-18.2c0.21-2.75,0.4-4.61,1.51-7.23c0.52-1.23,1.15-2.28,1.89-3.15l0.69,33.25l-0.46,3.24h31.62 l-0.48-3.55l0.49-28.62v0.56l0.1-4.87c0.74,0.87,1.36,1.92,1.89,3.15c1.12,2.62,1.3,4.48,1.51,7.23l1.39,18.2 c1.34,8.68,13.85,8.85,13.85,0c0.03-5.81-0.42-11.68-1.29-17.61c-0.43-5.89-1.12-10.04-3.73-15.55 c-4.57-9.65-10.48-14.76-19.45-15.81c-5.53-0.45-14.82,0.06-20.36-0.1c-1.38,0.19-2.74,0.47-4.06,0.87 c-3.45-0.48-8.01-1.07-12.56-1.09C54.76,34.77,48.15,35.91,45.13,35.29L45.13,35.29z M88.3,0c9.01,0,16.32,7.31,16.32,16.32 c0,9.01-7.31,16.32-16.32,16.32c-9.01,0-16.32-7.31-16.32-16.32C71.98,7.31,79.29,0,88.3,0L88.3,0z M34.56,0 c9.01,0,16.32,7.31,16.32,16.32c0,9.01-7.31,16.32-16.32,16.32s-16.32-7.31-16.32-16.32C18.24,7.31,25.55,0,34.56,0L34.56,0z"
+					/></g
+				></svg
+			></span
+		>
+		<span class="label">Grupos</span>
+	</a>
+	<a
+		href="/app/preferences"
+		class:active={$page.url.pathname.startsWith("/app/preferences")}
+		aria-label="Recordatorios"
+	>
+		<span class="icon"
+			><svg fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 493 511.92"
+				><path
+					class="tabbar-icon-svg"
+					fill-rule="nonzero"
+					d="M277.16 41.75c49.87 6.77 94.55 29.88 128.47 63.79 40.67 40.67 65.83 96.87 65.83 158.93 0 62.08-25.15 118.28-65.83 158.96a227.22 227.22 0 0 1-25.34 21.83l27.24 38.33c5.68 8.18 3.65 19.42-4.54 25.11-8.19 5.68-19.44 3.65-25.12-4.54l-28.28-39.78c-30.84 15.91-65.83 24.89-102.92 24.89-37.7 0-73.23-9.28-104.43-25.69l-26.59 39.71c-5.54 8.28-16.76 10.5-25.04 4.95-8.29-5.54-10.5-16.75-4.95-25.03l26.07-38.95a225.636 225.636 0 0 1-24-20.83c-40.68-40.68-65.84-96.89-65.84-158.96 0-62.07 25.16-118.26 65.84-158.94 36.44-36.43 85.34-60.39 139.74-65.03 16.45-1.4 33.38-.96 49.69 1.25zm204.53 102.98c17.3-41.28 15.24-84.52-9.51-113.49-29.7-34.77-83.39-38.75-133.26-14.3 53.01 36.36 101.12 78.78 142.77 127.79zm-470.15 1.35C-6.1 104.02-4.01 59.97 21.21 30.45 51.47-4.97 106.18-9.03 156.99 15.88c-54 37.06-103.03 80.26-145.45 130.2zm269.3 101.47 67.65-1.18c9.97-.17 18.19 7.76 18.36 17.73.18 9.97-7.76 18.19-17.73 18.37l-69.51 1.21c-6.61 11.32-18.89 18.93-32.94 18.93-21.05 0-38.12-17.08-38.12-38.13 0-14.52 8.13-27.15 20.08-33.58v-87.35c0-9.97 8.07-18.05 18.04-18.05 9.97 0 18.06 8.08 18.06 18.05v87.35a38.324 38.324 0 0 1 16.11 16.65zm99.27-116.5c-34.14-34.14-81.32-55.26-133.43-55.26-52.1 0-99.28 21.12-133.42 55.26-34.15 34.14-55.27 81.32-55.27 133.43 0 52.11 21.12 99.28 55.27 133.43 34.14 34.14 81.31 55.26 133.41 55.26 52.12 0 99.29-21.12 133.43-55.26 34.14-34.15 55.28-81.32 55.28-133.44 0-52.1-21.13-99.27-55.27-133.42z"
+				/></svg
+			></span
+		>
+		<span class="label">Alertas</span>
+	</a>
+	<a
+		href="/app/integrations"
+		class="calendar"
+		class:active={$page.url.pathname.startsWith("/app/integrations")}
+		aria-label="Calendarios"
+	>
+		<span class="icon"
+			><svg viewBox="0 0 110.01 122.88"
+				><g
+					><path
+						class="tabbar-icon-svg"
+						d="M1.87,14.69h22.66L24.5,14.3V4.13C24.5,1.86,26.86,0,29.76,0c2.89,0,5.26,1.87,5.26,4.13V14.3l-0.03,0.39 h38.59l-0.03-0.39V4.13C73.55,1.86,75.91,0,78.8,0c2.89,0,5.26,1.87,5.26,4.13V14.3l-0.03,0.39h24.11c1.03,0,1.87,0.84,1.87,1.87 v19.46c0,1.03-0.84,1.87-1.87,1.87H1.87C0.84,37.88,0,37.04,0,36.01V16.55C0,15.52,0.84,14.69,1.87,14.69L1.87,14.69z M0.47,42.19 h109.08c0.26,0,0.46,0.21,0.46,0.46l0,0v79.76c0,0.25-0.21,0.46-0.46,0.46l-109.08,0c-0.25,0-0.47-0.21-0.47-0.46V42.66 C0,42.4,0.21,42.19,0.47,42.19L0.47,42.19L0.47,42.19z M97.27,52.76H83.57c-0.83,0-1.5,0.63-1.5,1.4V66.9c0,0.77,0.67,1.4,1.5,1.4 h13.71c0.83,0,1.51-0.63,1.51-1.4V54.16C98.78,53.39,98.1,52.76,97.27,52.76L97.27,52.76z M12.24,74.93h13.7 c0.83,0,1.51,0.63,1.51,1.4v12.74c0,0.77-0.68,1.4-1.51,1.4H12.71c-0.83,0-1.5-0.63-1.5-1.4V75.87c0-0.77,0.68-1.4,1.5-1.4 L12.24,74.93L12.24,74.93z M12.24,97.11h13.7c0.83,0,1.51,0.63,1.51,1.4v12.74c0,0.77-0.68,1.4-1.51,1.4l-13.24,0 c-0.83,0-1.5-0.63-1.5-1.4V98.51c0-0.77,0.68-1.4,1.5-1.4L12.24,97.11L12.24,97.11z M12.24,52.76h13.7c0.83,0,1.51,0.63,1.51,1.4 V66.9c0,0.77-0.68,1.4-1.51,1.4l-13.24,0c-0.83,0-1.5-0.63-1.5-1.4V54.16c0-0.77,0.68-1.4,1.5-1.4L12.24,52.76L12.24,52.76z M36.02,52.76h13.71c0.83,0,1.5,0.63,1.5,1.4V66.9c0,0.77-0.68,1.4-1.5,1.4l-13.71,0c-0.83,0-1.51-0.63-1.51-1.4V54.16 C34.51,53.39,35.19,52.76,36.02,52.76L36.02,52.76L36.02,52.76z M36.02,74.93h13.71c0.83,0,1.5,0.63,1.5,1.4v12.74 c0,0.77-0.68,1.4-1.5,1.4H36.02c-0.83,0-1.51-0.63-1.51-1.4V75.87c0-0.77,0.68-1.4,1.51-1.4V74.93L36.02,74.93z M36.02,97.11h13.71 c0.83,0,1.5,0.63,1.5,1.4v12.74c0,0.77-0.68,1.4-1.5,1.4l-13.71,0c-0.83,0-1.51-0.63-1.51-1.4V98.51 C34.51,97.74,35.19,97.11,36.02,97.11L36.02,97.11L36.02,97.11z M59.79,52.76H73.5c0.83,0,1.51,0.63,1.51,1.4V66.9 c0,0.77-0.68,1.4-1.51,1.4l-13.71,0c-0.83,0-1.51-0.63-1.51-1.4V54.16C58.29,53.39,58.96,52.76,59.79,52.76L59.79,52.76 L59.79,52.76z M59.79,74.93H73.5c0.83,0,1.51,0.63,1.51,1.4v12.74c0,0.77-0.68,1.4-1.51,1.4H59.79c-0.83,0-1.51-0.63-1.51-1.4 V75.87c0-0.77,0.68-1.4,1.51-1.4V74.93L59.79,74.93z M97.27,74.93H83.57c-0.83,0-1.5,0.63-1.5,1.4v12.74c0,0.77,0.67,1.4,1.5,1.4 h13.71c0.83,0,1.51-0.63,1.51-1.4l0-13.21c0-0.77-0.68-1.4-1.51-1.4L97.27,74.93L97.27,74.93z M97.27,97.11H83.57 c-0.83,0-1.5,0.63-1.5,1.4v12.74c0,0.77,0.67,1.4,1.5,1.4h13.71c0.83,0,1.51-0.63,1.51-1.4l0-13.21c0-0.77-0.68-1.4-1.51-1.4 L97.27,97.11L97.27,97.11z M59.79,97.11H73.5c0.83,0,1.51,0.63,1.51,1.4v12.74c0,0.77-0.68,1.4-1.51,1.4l-13.71,0 c-0.83,0-1.51-0.63-1.51-1.4V98.51C58.29,97.74,58.96,97.11,59.79,97.11L59.79,97.11L59.79,97.11z M7.01,47.71h96.92 c0.52,0,0.94,0.44,0.94,0.94v67.77c0,0.5-0.44,0.94-0.94,0.94H6.08c-0.5,0-0.94-0.42-0.94-0.94V49.58 C5.14,48.55,5.98,47.71,7.01,47.71L7.01,47.71L7.01,47.71z M78.8,29.4c2.89,0,5.26-1.87,5.26-4.13V15.11l-0.03-0.41H73.58 l-0.03,0.41v10.16C73.55,27.54,75.91,29.4,78.8,29.4L78.8,29.4L78.8,29.4z M29.76,29.4c2.89,0,5.26-1.87,5.26-4.13V15.11 l-0.03-0.41H24.53l-0.03,0.41v10.16C24.5,27.54,26.86,29.4,29.76,29.4L29.76,29.4z"
+					/></g
+				></svg
+			></span
+		>
+		<span class="label">Calendarios</span>
+	</a>
+	<form
+		method="POST"
+		action="/api/logout"
+		class="logout-tab"
+		aria-label="Salir"
+	>
+		<button type="submit">
+			<span class="icon"
+				><svg viewBox="0 0 113.525 122.879"
+					><g
+						><path
+							class="tabbar-icon-svg"
+							d="M78.098,13.509l0.033,0.013h0.008c2.908,1.182,5.699,2.603,8.34,4.226c2.621,1.612,5.121,3.455,7.467,5.491 c11.992,10.408,19.58,25.764,19.58,42.879v0.016h-0.006c-0.006,15.668-6.361,29.861-16.633,40.127 c-10.256,10.256-24.434,16.605-40.09,16.613v0.006h-0.033h-0.015v-0.006c-15.666-0.004-29.855-6.357-40.123-16.627l-0.005,0.004 C6.365,95.994,0.015,81.814,0.006,66.15H0v-0.033v-0.039h0.006c0.004-6.898,1.239-13.511,3.492-19.615 c0.916-2.486,2.009-4.897,3.255-7.21C13.144,27.38,23.649,18.04,36.356,13.142l2.634-1.017v2.817v18.875v1.089l-0.947,0.569 l-0.007,0.004l-0.008,0.005l-0.007,0.004c-1.438,0.881-2.809,1.865-4.101,2.925l0.004,0.004c-1.304,1.079-2.532,2.242-3.659,3.477 h-0.007c-5.831,6.375-9.393,14.881-9.393,24.22v0.016h-0.007c0.002,9.9,4.028,18.877,10.527,25.375l-0.004,0.004 c6.492,6.488,15.457,10.506,25.349,10.512v-0.006h0.033h0.015v0.006c9.907-0.002,18.883-4.025,25.374-10.518 S92.66,76.045,92.668,66.148H92.66v-0.033V66.09h0.008c-0.002-6.295-1.633-12.221-4.484-17.362 c-0.451-0.811-0.953-1.634-1.496-2.453c-2.719-4.085-6.252-7.591-10.359-10.266l-0.885-0.577v-1.042V15.303v-2.857L78.098,13.509 L78.098,13.509z M47.509,0h18.507h1.938v1.937v49.969v1.937h-1.938H47.509h-1.937v-1.937V1.937V0H47.509L47.509,0z"
+						/></g
+					></svg
+				></span
+			>
+			<span class="label">Salir</span>
+		</button>
+	</form>
 </nav>
 
 <Toast />
 
 <style>
-  .app-header {
-    position: sticky;
-    top: 0;
-    z-index: 10;
-    background: var(--color-surface);
-    border-bottom: 1px solid var(--color-border);
-    backdrop-filter: saturate(180%) blur(8px);
-    -webkit-backdrop-filter: saturate(180%) blur(8px);
-  }
-  .row {
-    display: grid;
-    grid-template-columns: auto 1fr auto;
-    align-items: center;
-    gap: var(--space-3);
-    min-height: 58px;
-  }
-  .brand {
-    font-weight: 700;
-    color: var(--color-primary);
-    text-decoration: none;
-    letter-spacing: 0.2px;
-    font-size: 1.05rem;
-  }
-  .nav {
-    display: flex;
-    gap: var(--space-2);
-    margin-left: auto;
-  }
-  .nav a {
-    position: relative;
-    padding: 8px 12px;
-    border-radius: var(--radius-sm);
-    text-decoration: none;
-    color: inherit;
-  }
-  .nav a:hover,
-  .nav a:focus-visible {
-    background: rgba(0, 0, 0, 0.04);
-  }
-  .nav a.active {
-    background: rgba(37, 99, 235, 0.12);
-    color: var(--color-primary);
-    font-weight: 600;
-  }
-  .nav a.active::after {
-    content: "";
-    position: absolute;
-    left: 8px;
-    right: 8px;
-    bottom: 3px;
-    height: 2px;
-    background: var(--color-primary);
-    border-radius: 1px;
-    opacity: 0.9;
-  }
-  @media (prefers-color-scheme: dark) {
-    .nav a:hover,
-    .nav a:focus-visible {
-      background: rgba(255, 255, 255, 0.06);
-    }
-    .nav a.active {
-      background: rgba(96, 165, 250, 0.14);
-    }
-  }
-  .logout {
-    margin-left: var(--space-2);
-    min-height: 36px;
-    padding: 0 10px;
-  }
-  .main {
-    padding-top: var(--space-4);
-    padding-bottom: var(--space-4);
-  }
+	.app-header {
+		position: sticky;
+		top: 0;
+		z-index: 10;
+		background: var(--color-surface);
+		border-bottom: 1px solid var(--color-border);
+		backdrop-filter: saturate(180%) blur(8px);
+		-webkit-backdrop-filter: saturate(180%) blur(8px);
+	}
+	.row {
+		display: grid;
+		grid-template-columns: auto 1fr auto;
+		align-items: center;
+		gap: var(--space-3);
+		min-height: 58px;
+	}
+	.brand {
+		font-weight: 700;
+		color: var(--color-primary);
+		text-decoration: none;
+		letter-spacing: 0.2px;
+		font-size: 1.05rem;
+	}
+	.brand img {
+		display: block;
+		height: 48px;
+		border: 1px solid transparent;
+		border-radius: 50%;
+	}
+	.nav {
+		display: flex;
+		gap: var(--space-2);
+		margin-left: auto;
+	}
+	.nav a {
+		position: relative;
+		padding: 8px 12px;
+		border-radius: var(--radius-sm);
+		text-decoration: none;
+		color: inherit;
+	}
+	.nav a:hover,
+	.nav a:focus-visible {
+		background: rgba(0, 0, 0, 0.04);
+	}
+	.nav a.active {
+		background: rgba(37, 99, 235, 0.12);
+		color: var(--color-primary);
+		font-weight: 600;
+	}
+	.nav a.active::after {
+		content: "";
+		position: absolute;
+		left: 8px;
+		right: 8px;
+		bottom: 3px;
+		height: 2px;
+		background: var(--color-primary);
+		border-radius: 1px;
+		opacity: 0.9;
+	}
+	@media (prefers-color-scheme: dark) {
+		.nav a:hover,
+		.nav a:focus-visible {
+			background: rgba(255, 255, 255, 0.06);
+		}
+		.nav a.active {
+			background: rgba(96, 165, 250, 0.14);
+		}
+	}
+	.logout {
+		margin-left: var(--space-2);
+		min-height: 36px;
+		padding: 0 10px;
+	}
+	.main {
+		padding-top: var(--space-4);
+		padding-bottom: var(--space-4);
+	}
 
-  /* Barra superior móvil oculta por defecto */
-  .mobile-topbar {
-    display: none;
-  }
+	/* Barra superior móvil oculta por defecto */
+	.mobile-topbar {
+		display: none;
+	}
 
-  /* Barra de pestañas inferior (solo móvil) */
-  .tabbar {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    background: var(--color-surface);
-    border-top: 1px solid var(--color-border);
-    display: none;
-    z-index: 20;
-    min-height: 48px;
-    padding-bottom: env(safe-area-inset-bottom);
-  }
-  @media (max-width: 768px) {
-    .tabbar {
-      display: grid;
-      grid-template-columns: repeat(5, 1fr);
-      align-items: center;
-    }
-    .tabbar a,
-    .tabbar button {
-      display: grid;
-      align-items: center;
-      justify-content: center;
-      gap: 6px;
-      padding: 6px 8px;
-      color: inherit;
-      text-decoration: none;
-      background: transparent;
-      border: 1px solid var(--color-surface);
-      box-shadow: 0 0 8px 4px var(--color-border);
-    }
-    .tabbar form.logout-tab {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      margin: 0;
-      padding: 0;
-    }
-    .tabbar a.active {
-      color: var(--color-primary);
-      font-weight: 600;
-    }
-    /* Atenuar la pestaña de Calendarios cuando está inactiva */
-    .tabbar a.calendar {
-      opacity: 0.8;
-    }
-    .tabbar a.calendar.active {
-      opacity: 1;
-    }
-    .tabbar .icon {
-      font-size: 16px;
-      line-height: 1;
-      justify-self: center;
-    }
-    .tabbar .label {
-      font-size: 12px;
-      line-height: 1;
-      font-family: monospace;
-      font-size: 0.6rem;
-    }
-    .tabbar-icon-svg {
-      fill: var(--color-text);
-    }
-    /* Reservar espacio en el main para no tapar contenido y la barra superior */
-    .main {
-      padding-top: calc(var(--space-4) + 24px + env(safe-area-inset-top));
-      padding-bottom: calc(var(--space-4) + 48px + env(safe-area-inset-bottom));
-    }
-  }
-  @media (max-width: 480px) {
-    .tabbar .label {
-      display: auto;
-    }
-  }
+	/* Barra de pestañas inferior (solo móvil) */
+	.tabbar {
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		background: var(--color-surface);
+		border-top: 1px solid var(--color-border);
+		display: none;
+		z-index: 20;
+		min-height: 48px;
+		padding-bottom: env(safe-area-inset-bottom);
+	}
+	@media (max-width: 768px) {
+		.tabbar {
+			display: grid;
+			grid-template-columns: repeat(5, 1fr);
+			align-items: center;
+		}
+		.tabbar a,
+		.tabbar button {
+			display: grid;
+			align-items: center;
+			justify-content: center;
+			gap: 6px;
+			padding: 6px 8px;
+			color: inherit;
+			text-decoration: none;
+			background: transparent;
+			border: 1px solid var(--color-surface);
+			box-shadow: 0 0 8px 4px var(--color-border);
+		}
+		.tabbar form.logout-tab {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			margin: 0;
+			padding: 0;
+		}
+		.tabbar a.active {
+			color: var(--color-primary);
+			font-weight: 600;
+		}
+		/* Atenuar la pestaña de Calendarios cuando está inactiva */
+		.tabbar a.calendar {
+			opacity: 0.8;
+		}
+		.tabbar a.calendar.active {
+			opacity: 1;
+		}
+		.tabbar .icon {
+			font-size: 16px;
+			line-height: 1;
+			justify-self: center;
+		}
+		.tabbar .label {
+			font-size: 12px;
+			line-height: 1;
+			font-family: monospace;
+			font-size: 0.6rem;
+		}
+		.tabbar-icon-svg {
+			fill: var(--color-text);
+		}
+		/* Reservar espacio en el main para no tapar contenido y la barra superior */
+		.main {
+			padding-top: calc(var(--space-4) + 24px + env(safe-area-inset-top));
+			padding-bottom: calc(var(--space-4) + 48px + env(safe-area-inset-bottom));
+		}
+	}
+	@media (max-width: 480px) {
+		.tabbar .label {
+			display: auto;
+		}
+	}
 
-  /* Ocultar header y mostrar topbar en móvil */
-  @media (max-width: 768px) {
-    .app-header {
-      display: none;
-    }
-    .mobile-topbar {
-      display: block;
-      position: sticky;
-      top: 0;
-      z-index: 12;
-      background: var(--color-surface);
-      border-bottom: 1px solid var(--color-border);
-      min-height: 24px;
-      padding-top: env(safe-area-inset-top);
-    }
-    .mobile-topbar .topbar-inner {
-      display: flex;
-      align-items: center;
-      min-height: 24px;
-      font-weight: 600;
-    }
-  }
+	/* Ocultar header y mostrar topbar en móvil */
+	@media (max-width: 768px) {
+		.app-header {
+			display: none;
+		}
+		.mobile-topbar {
+			display: block;
+			position: sticky;
+			top: 0;
+			z-index: 12;
+			background: var(--color-surface);
+			border-bottom: 1px solid var(--color-border);
+			min-height: 24px;
+			padding-top: env(safe-area-inset-top);
+		}
+		.mobile-topbar .topbar-inner {
+			display: flex;
+			align-items: center;
+			min-height: 24px;
+			font-weight: 600;
+		}
+	}
 </style>