chore: import maquina-comercial-pessoal history via subtree

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

git-subtree-dir: maquina-comercial-pessoal
git-subtree-mainline: f5af038e19
git-subtree-split: a9ef4d776d

maquina-comercial-pessoal/public/login.html

@@ -0,0 +1,35 @@
+<!doctype html>
+<html lang="pt-BR">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Máquina Comercial Pessoal - Login</title>
+<link rel="stylesheet" href="/css/app.css">
+<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22><rect width=%2264%22 height=%2264%22 rx=%2216%22 fill=%22%23f06a25%22/><text x=%2232%22 y=%2241%22 text-anchor=%22middle%22 font-family=%22Arial%22 font-size=%2226%22 font-weight=%22700%22 fill=%22white%22>MC</text></svg>">
+</head>
+<body class="login-body">
+
+<main class="login-wrap">
+  <form class="card login-card" id="form-login">
+    <div class="brand login-brand">
+      <span class="brand-mark brand-mark-lg brand-monogram" aria-hidden="true">MC</span>
+      <span class="brand-name">Máquina Comercial Pessoal</span>
+    </div>
+    <div class="field">
+      <label for="login-username">Usuário</label>
+      <input type="text" id="login-username" autocomplete="username" required>
+    </div>
+    <div class="field">
+      <label for="login-password">Senha</label>
+      <input type="password" id="login-password" autocomplete="current-password" required>
+    </div>
+    <p class="muted login-erro" id="login-erro"></p>
+    <button class="btn btn-primary btn-lg" type="submit">Entrar</button>
+  </form>
+</main>
+
+<div id="toast" class="toast hidden"></div>
+<script src="/js/api.js"></script>
+<script src="/js/login.js"></script>
+</body>
+</html>