D0 Part 3: deploy + backups + monitoring in v2

- deploy.html: stacked memory bar -> meter track with two segments
  (committed solid blue, new app 35%-opacity blue), neutral threshold
  ticks; integration status badges -> tags; meta pills -> metarows;
  3-step deploy progress icons -> sprite (check/x/triangle-alert/
  spinning rotate-cw); emoji -> icons or plain text incl. the JS
  confirm string.
- backups.html: storage bars -> meters, disconnected drives render an
  empty track with a neutral 'Leválasztva' (no red), drive-state badges
  -> warn tags, checkmark/warning glyphs -> sprite icons, JS flash/info
  strings de-emojified.
- monitoring.html: bars -> meters in both template and JS-generated
  host-storage markup (usageColorClass now emits nominal/warn/crit);
  Chart.js palette per spec (cpu #2EA8F5, memory #8E7CE8, temp #E0A93E,
  load #5EC4B6 — categorical data series keep distinct hues); tooltip/
  grid/tick colors moved to v2 literals; mem-dist palette rebalanced.
- Templates repo-wide: legacy var(--*) names in inline styles and JS
  string literals renamed to v2 tokens (old names no longer resolve).
- style.css: memory-bar family rewritten for the two-segment meter,
  .ico-spin animation added (reduced-motion respected).

controller/internal/web/templates/app_import.html

@@ -10,8 +10,8 @@
 
 {{if not .Bundles}}
 <div class="card" style="max-width:700px">
-    <p style="color:var(--text-muted)">Nem található .fab csomag a regisztrált tárolókon.</p>
-    <p style="color:var(--text-muted);font-size:.85rem">Exportálj egy alkalmazást az alkalmazás oldaláról, vagy másolj egy .fab fájlt a <code>{tároló}/felhom-data/exports/</code> könyvtárba.</p>
+    <p style="color:var(--text-3)">Nem található .fab csomag a regisztrált tárolókon.</p>
+    <p style="color:var(--text-3);font-size:.85rem">Exportálj egy alkalmazást az alkalmazás oldaláról, vagy másolj egy .fab fájlt a <code>{tároló}/felhom-data/exports/</code> könyvtárba.</p>
 </div>
 {{else}}
 <div class="card" style="max-width:900px">
@@ -52,11 +52,11 @@
             <input type="password" id="importPassword" placeholder="Jelszó" style="flex:1;padding:.5rem">
             <button class="btn btn-primary" onclick="loadManifest()">Megnyitás</button>
         </div>
-        <div id="passwordError" style="display:none;color:var(--danger);margin-top:.5rem"></div>
+        <div id="passwordError" style="display:none;color:var(--crit);margin-top:.5rem"></div>
     </div>
 
     <div id="manifestInfo" style="display:none">
-        <div style="background:var(--bg-secondary);border-radius:8px;padding:1rem;margin-bottom:1rem">
+        <div style="background:var(--bg-2);border-radius:8px;padding:1rem;margin-bottom:1rem">
             <div style="display:flex;justify-content:space-between;margin-bottom:.25rem">
                 <span>Alkalmazás:</span>
                 <strong id="mfName">-</strong>
@@ -97,11 +97,11 @@
 <div id="progressCard" class="card" style="max-width:700px;display:none">
     <h3>Importálás folyamata</h3>
     <div id="progressSteps"></div>
-    <div id="progressError" style="display:none;color:var(--danger);margin-top:1rem;font-weight:600"></div>
+    <div id="progressError" style="display:none;color:var(--crit);margin-top:1rem;font-weight:600"></div>
 </div>
 
 <div id="doneCard" class="card" style="max-width:700px;display:none">
-    <h3 style="color:var(--success)">Importálás kész!</h3>
+    <h3 style="color:var(--blue)">Importálás kész!</h3>
     <p>Az alkalmazás sikeresen visszaállítva.</p>
     <a id="doneLink" href="/stacks" class="btn btn-primary">Alkalmazások megtekintése</a>
 </div>
@@ -267,7 +267,7 @@ function renderSteps(steps) {
         if (s.status === 'running') icon = '&#10227;';
         if (s.status === 'done') icon = '&#10003;';
         if (s.status === 'failed') icon = '&#10007;';
-        var cls = s.status === 'failed' ? 'color:var(--danger)' : s.status === 'done' ? 'color:var(--success)' : s.status === 'running' ? 'color:var(--primary)' : '';
+        var cls = s.status === 'failed' ? 'color:var(--crit)' : s.status === 'done' ? 'color:var(--blue)' : s.status === 'running' ? 'color:var(--blue)' : '';
         html += '<div style="padding:.25rem 0;' + cls + '">' + icon + ' ' + s.label;
         if (s.error) html += ' <span style="font-size:.85rem">(' + s.error + ')</span>';
         html += '</div>';