diff --git a/app/layout.tsx b/app/layout.tsx
index 9f6c937..eb9e0ba 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,4 +1,4 @@
-import type { Metadata } from "next";
+import type { Metadata, Viewport } from "next";
 import { IBM_Plex_Sans, IBM_Plex_Mono } from "next/font/google";
 import "./globals.css";
 import { ThemeProvider } from "@/components/theme-provider";
@@ -28,6 +28,7 @@ const plexMono = IBM_Plex_Mono({
 export const metadata: Metadata = {
   title: "Pulse · Operations console",
   description: "Wulf Consulting operations console — tickets, RMM, IT Glue, backups, and analytics in one place.",
+  manifest: "/manifest.json",
   icons: {
     icon: [
       { url: "/favicon.png", sizes: "any" },
@@ -38,6 +39,16 @@ export const metadata: Metadata = {
   },
 };
 
+export const viewport: Viewport = {
+  width: "device-width",
+  initialScale: 1,
+  viewportFit: "cover",
+  themeColor: [
+    { media: "(prefers-color-scheme: light)", color: "#FFFFFF" },
+    { media: "(prefers-color-scheme: dark)", color: "#0A0A0A" },
+  ],
+};
+
 export default function RootLayout({
   children,
 }: Readonly<{