<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Ba Zhi Dashboard access</title> <style> body { margin: 0; min-height: 100vh; display: grid; place-items: center; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #f6f8fb; color: #172127; } main { width: min(420px, calc(100vw - 32px)); background: #fff; border: 1px solid #d9e1eb; border-radius: 8px; padding: 24px; box-shadow: 0 16px 42px rgba(28, 37, 46, .10); } h1 { margin: 0 0 8px; font-size: 22px; line-height: 1.2; } p { margin: 0 0 18px; color: #627086; } form { display: flex; gap: 8px; } input { min-width: 0; flex: 1; border: 1px solid #c9d3df; border-radius: 6px; padding: 11px 12px; font: inherit; } button { border: 0; border-radius: 6px; padding: 11px 14px; font: inherit; color: #fff; background: #1f7a72; cursor: pointer; } </style> </head> <body> <main> <h1>Access PIN required</h1> <p>Enter the project PIN to continue</p> <form method="get" action="/"> <input name="token" inputmode="numeric" autocomplete="one-time-code" placeholder="6 digit PIN" autofocus> <button type="submit">Open</button> </form> </main> </body> </html>