<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>PWA not built</title>
    <style>
        body { font-family: -apple-system, "Segoe UI", Roboto, sans-serif; max-width:560px; margin:60px auto; padding:0 24px; color:#1e293b; }
        h1 { font-size:22px; margin-bottom:8px; }
        pre { background:#0f172a; color:#a3e635; padding:14px 18px; border-radius:10px; font-size:13px; line-height:1.6; overflow-x:auto; }
        code { background:#f1f5f9; padding:2px 6px; border-radius:4px; font-size:13px; }
        .hint { color:#64748b; font-size:14px; margin-top:18px; }
    </style>
</head>
<body>
    <h1>📦 Pet-owner PWA shell not built yet</h1>
    <p>The Laravel route is wired but <code>public/pwa-owner/index.html</code> doesn't exist.</p>
    <p>To build:</p>
    <pre>cd pwa-owner
npm install
npm run dev      # dev server on http://localhost:5173/app/
# or
npm run build    # outputs to public/pwa-owner/ → served at /app/</pre>
    <p class="hint">
        In <strong>development</strong>, use the Vite dev server URL above for hot-reload.
        In <strong>production</strong> run <code>npm run build</code> once, then the PWA is served by Laravel at <code>/app/</code>.
    </p>
</body>
</html>
