Correction CSS Swup, types WS et création fichier de suivi

- Extraction de tous les styles inline en css/pages.css (chargé globalement)
  pour corriger le CSS cassé lors des navigations Swup
- Correction types WebSocket : proxmox_resources → resources_update
  et msg.data → msg.payload (format réel du hub Go)
- Ajout d'un fetch HTTP immédiat dans dashboardPage/proxmoxPage
  pour éviter l'attente du premier tick (10s) du polling WS
- Correction msg.payload pour les updates (update_output/done/error)
- Ajout class terminal-wrapper sur .main-layout de terminal.html
  pour le fullscreen height sans affecter les autres pages
- Création SUIVI.md : état d'implémentation vs instruction.md

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

frontend/login.html

@@ -8,6 +8,7 @@
   <link rel="stylesheet" href="/css/neu.css" />
   <link rel="stylesheet" href="/css/dark.css" />
   <link rel="stylesheet" href="/css/light.css" />
+  <link rel="stylesheet" href="/css/pages.css" />
   <script src="/js/vendors/htmx.min.js"></script>
   <script src="/js/vendors/swup.iife.js"></script>
   <script src="/js/app.js"></script>
@@ -57,76 +58,5 @@
   </div>
 </div>
 
-<style>
-.auth-layout {
-  min-height: 100vh;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 1rem;
-}
-.auth-card {
-  width: 100%;
-  max-width: 400px;
-  padding: 2rem;
-}
-.auth-logo {
-  text-align: center;
-  margin-bottom: 2rem;
-}
-.logo-icon {
-  font-size: 3rem;
-  color: var(--neu-primary);
-}
-.auth-title {
-  font-size: 1.5rem;
-  font-weight: 700;
-  margin: 0.5rem 0 0.25rem;
-}
-.auth-subtitle {
-  font-size: 0.875rem;
-  color: var(--neu-text-muted);
-  margin: 0;
-}
-.auth-form {
-  display: flex;
-  flex-direction: column;
-  gap: 1.25rem;
-}
-.form-group {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-.form-label {
-  font-size: 0.875rem;
-  font-weight: 600;
-  color: var(--neu-text-muted);
-}
-.form-error {
-  background: rgba(239,68,68,0.1);
-  border: 1px solid var(--neu-danger);
-  border-radius: 0.5rem;
-  padding: 0.75rem;
-  font-size: 0.875rem;
-  color: var(--neu-danger);
-}
-.auth-submit {
-  width: 100%;
-  padding: 0.875rem;
-  margin-top: 0.5rem;
-}
-.spinner {
-  display: inline-block;
-  width: 1rem;
-  height: 1rem;
-  border: 2px solid transparent;
-  border-top-color: currentColor;
-  border-radius: 50%;
-  animation: spin 0.6s linear infinite;
-}
-@keyframes spin { to { transform: rotate(360deg); } }
-[x-cloak] { display: none !important; }
-</style>
 </body>
 </html>