feat(web): dashboard ergonomic cu tab-uri, stepper import si microcopy uman (3.4)

Reorganizeaza interfata web pe trei principii, fara a atinge backend-ul de
trimitere (worker, mapping, idempotency, masina de stari neatinse):

- US-001 app/web/labels.py: modul pur stari tehnice -> text uman + clasa CSS
- US-002 bara status /_fragments/status: microcopy uman, defalcare blocate, scoped cont
- US-003 shell 6 tab-uri (Acasa/Import/Coada/Mapari/Cont/Nomenclator): deep-link
  ?tab=, panou activ randat server-side, fragmente inactive lazy, ARIA real
- US-004 stepper import 4 pasi (pur vizual; hx-target + csrf pastrate)
- US-005 Acasa onboarding checklist auto-bifat + colaps + empty states prietenoase

Reparat in cursul VERIFY/CLOSE: izolare teste (reset ratelimit._hits in fixturi),
regresie avertisment "cont in asteptare de activare" (re-introdus in bara status),
culori hardcodate -> variabile paleta. 434 teste pass.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

app/web/templates/_acasa.html

@@ -0,0 +1,81 @@
+<div id="acasa-section">
+
+{% set toti_esentiali = are_creds and are_trimiteri %}
+
+{% if toti_esentiali %}
+{# Ghid colapsat/discret cand toti pasii esentiali sunt gata #}
+<div class="ghid-complet" style="margin-bottom:12px; font-size:13px; color:var(--muted);">
+  Totul e configurat —
+  <a href="/?tab=coada">vezi coada</a>
+</div>
+{% else %}
+{# Card ghid de pornire vizibil cand nu toti pasii sunt finalizati #}
+<div class="card" style="margin-bottom:16px;">
+  <h2 style="font-size:15px; margin:0 0 12px;">Primii pasi</h2>
+  <ul style="list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px;">
+
+    {# Pas 1: Conecteaza contul RAR (esential) #}
+    <li style="display:flex; align-items:flex-start; gap:10px;">
+      {% if are_creds %}
+      <span class="pas-bifat" style="color:var(--ok); font-weight:bold; flex-shrink:0;">&#10003;</span>
+      {% else %}
+      <span class="pas-nebifat" style="color:var(--muted); flex-shrink:0;">&#9675;</span>
+      {% endif %}
+      <span>
+        <a href="/?tab=cont">Conecteaza-ti contul RAR</a>
+        <span class="muted" style="font-size:12px; display:block;">
+          Email + parola portal AUTOPASS RAR
+        </span>
+      </span>
+    </li>
+
+    {# Pas 2: Cheie API (optional) #}
+    <li style="display:flex; align-items:flex-start; gap:10px;">
+      {% if are_cheie_folosita %}
+      <span class="pas-bifat" style="color:var(--ok); font-weight:bold; flex-shrink:0;">&#10003;</span>
+      {% else %}
+      <span class="pas-nebifat" style="color:var(--muted); flex-shrink:0;">&#9675;</span>
+      {% endif %}
+      <span>
+        <a href="/?tab=cont">Ia-ti cheia API</a>
+        <span class="muted" style="font-size:12px; display:block;">
+          <em>Optional</em> — doar daca trimiti din soft propriu prin API
+        </span>
+      </span>
+    </li>
+
+    {# Pas 3: Import primul fisier (esential) #}
+    <li style="display:flex; align-items:flex-start; gap:10px;">
+      {% if are_trimiteri %}
+      <span class="pas-bifat" style="color:var(--ok); font-weight:bold; flex-shrink:0;">&#10003;</span>
+      {% else %}
+      <span class="pas-nebifat" style="color:var(--muted); flex-shrink:0;">&#9675;</span>
+      {% endif %}
+      <span>
+        <a href="/?tab=import">Importa primul fisier</a>
+        <span class="muted" style="font-size:12px; display:block;">
+          Incarca un fisier xlsx/csv cu prezentarile de declarat la RAR
+        </span>
+      </span>
+    </li>
+
+  </ul>
+</div>
+{% endif %}
+
+{# Rezumat si scurtaturi rapide (mereu vizibile) #}
+<div class="card">
+  <h2 style="font-size:15px; margin:0 0 8px;">Bun venit la Gateway RAR AUTOPASS</h2>
+  <p class="muted" style="margin:0 0 10px; font-size:13px;">
+    Importa fisiere din tab-ul <strong><a href="/?tab=import">Import</a></strong>,
+    urmareste coada in tab-ul <strong><a href="/?tab=coada">Coada</a></strong>
+    si rezolva mapari lipsa in tab-ul <strong><a href="/?tab=mapari">Mapari</a></strong>.
+  </p>
+  <div style="display:flex; gap:12px; flex-wrap:wrap; font-size:13px;">
+    <a href="/?tab=coada" class="cardlink">Coada submissions</a>
+    <a href="/?tab=import" class="cardlink">Import fisier nou</a>
+    <a href="/?tab=mapari" class="cardlink">Mapari operatii</a>
+  </div>
+</div>
+
+</div>