<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Staff App — not built yet</title>
    <style>
        body { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; background:#0f172a; color:#e2e8f0; display:flex; min-height:100vh; align-items:center; justify-content:center; margin:0; }
        .card { max-width:560px; padding:2rem 2.25rem; background:#1e293b; border-radius:16px; box-shadow:0 20px 60px rgba(0,0,0,.4); }
        h1 { margin:0 0 .5rem; font-size:1.25rem; }
        code { background:#334155; padding:.15rem .4rem; border-radius:6px; font-size:.9em; }
        pre { background:#0b1220; padding:1rem; border-radius:10px; overflow:auto; }
        .muted { color:#94a3b8; }
    </style>
</head>
<body>
    <div class="card">
        <h1>🩺 Staff App isn't built yet</h1>
        <p class="muted">The PWA shell at <code>public/staff-app/index.html</code> hasn't been produced.</p>
        <p>Build it once from the Vite project:</p>
        <pre>cd pwa-staff
npm install      # first time only
npm run build    # outputs to public/staff-app</pre>
        <p class="muted">Or, from the app root: <code>php artisan staff-portal:build-pwa</code> (if the build command is installed).</p>
    </div>
</body>
</html>
