Corrige le rendu de la page mot de passe, masque la nav si non connecté,

réduit le score spam des emails, et rend le niveau de log configurable

- Les styles .login-* étaient définis uniquement dans login.html, donc
  set_password.html s'affichait sans aucun style. Déplacé dans base.html.
- La nav affichait les liens même sans session active.
- mail.py ajoute Message-ID/Date et encode en quoted-printable (au lieu
  de base64) pour réduire le score spam (MISSING_MID, MISSING_DATE,
  MIME_BASE64_TEXT).
- log_level devient une directive de config.json plutôt qu'une variable
  d'environnement.
- README: section démarrage rapide (copie de config.example.json,
  compose.override.yml pour les surcharges locales).

app/templates/base.html

@@ -840,6 +840,82 @@
       50%       { transform: scale(1.25); }
     }
 
+    /* ── Login / set-password ── */
+    .login-wrap {
+      display: flex;
+      justify-content: center;
+      align-items: flex-start;
+      padding-top: 4rem;
+    }
+    .login-card {
+      background: var(--surface);
+      border: 1.5px solid var(--rule);
+      padding: 2.5rem 3rem;
+      width: 380px;
+      max-width: 100%;
+      display: flex;
+      flex-direction: column;
+      gap: 1.5rem;
+    }
+    .login-header { display: flex; flex-direction: column; gap: .35rem; }
+    .login-eyebrow {
+      font-family: var(--mono);
+      font-size: 10px;
+      letter-spacing: .12em;
+      text-transform: uppercase;
+      color: var(--muted);
+    }
+    .login-title {
+      font-family: var(--mono);
+      font-size: 22px;
+      font-weight: 500;
+      color: var(--text);
+      letter-spacing: -.01em;
+    }
+    .login-error {
+      background: var(--neg-bg);
+      border-left: 3px solid var(--neg);
+      color: var(--neg);
+      font-size: 12px;
+      padding: .6rem .9rem;
+      font-family: var(--mono);
+    }
+    .login-form { display: flex; flex-direction: column; gap: .75rem; }
+    .login-label {
+      font-size: 11px;
+      font-weight: 500;
+      letter-spacing: .06em;
+      text-transform: uppercase;
+      color: var(--muted);
+    }
+    .login-input {
+      font-family: var(--mono);
+      font-size: 15px;
+      padding: .6rem .75rem;
+      border: 1.5px solid var(--rule);
+      background: var(--ground);
+      color: var(--text);
+      outline: none;
+      transition: border-color .15s;
+    }
+    .login-input:focus { border-color: var(--accent); }
+    .login-hint { font-size: 11px; color: var(--muted); }
+    .login-btn {
+      margin-top: .5rem;
+      font-family: var(--mono);
+      font-size: 13px;
+      font-weight: 500;
+      letter-spacing: .08em;
+      text-transform: uppercase;
+      padding: .7rem 1.5rem;
+      background: var(--text);
+      color: var(--surface);
+      border: none;
+      cursor: pointer;
+      transition: background .15s;
+    }
+    .login-btn:hover { background: var(--accent); }
+
     /* ── Chart zoom modal ── */
     .chart-modal {
       position: fixed;
@@ -928,11 +1004,11 @@
   <nav>
     <a href="/" class="nav-brand"><span class="nav-dot"></span>Décompte Horaire</a>
     <span class="spacer"></span>
+    {% if current_user is defined and current_user %}
     <a href="/" class="nav-link">Semaine courante</a>
     <a href="/stats" class="nav-link">Statistiques</a>
     <a href="/classement" class="nav-link">Classement</a>
     <a href="/settings" class="nav-link">Réglages</a>
-    {% if current_user is defined and current_user %}
     <span class="nav-user">{{ current_user }}</span>
     <a href="/logout" class="nav-link nav-logout">Déconnexion</a>
     {% endif %}