Restyling light pastel: tema blanco/azul/verde + Inter self-hosted

- theme.css reescrito: paleta light (sky/emerald accents, slate neutrals),
  tokens de spacing/typography/radii/shadows, @font-face Inter +
  JetBrains Mono variable woff2 self-hosted.
- ops-shell: header blanco con nav active=accent-soft + status pill pastel.
- run-timeline: bubbles emerald-100 (user) / blue-100 (bot) sobre blanco.
- home-dashboard: helpers cssVar + withAlpha, 6 charts coordinados a
  paleta pastel (--chart-blue/green/purple/orange/pink/gray).
- 8 CRUDs (users, products, orders, conversations, aliases,
  recommendations, quantities, takeovers, settings, debug) migrados
  de hex hardcoded oscuros a var(--*).
- modal.js + toast.js refactor a vars con fallbacks; modal blanco
  con shadow-lg y soft icon backgrounds.
- test-panel: aliases :host apuntan a globals en vez de override dark.

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

public/components/debug-panel.js

@@ -9,12 +9,12 @@ class DebugPanel extends HTMLElement {
     this.shadowRoot.innerHTML = `
       <style>
         :host { display:block; padding:12px; }
-        .box { background:#121823; border:1px solid #1e2a3a; border-radius:10px; padding:10px; }
-        .muted { color:#8aa0b5; font-size:12px; }
+        .box { background:var(--panel); border:1px solid var(--border); border-radius:10px; padding:10px; }
+        .muted { color:var(--text-muted); font-size:12px; }
         .kv { display:grid; grid-template-columns:90px 1fr; gap:6px 10px; margin:10px 0 12px; }
-        .k { color:#8aa0b5; font-size:12px; letter-spacing:.4px; text-transform:uppercase; }
-        .v { font-size:13px; font-weight:800; color:#e7eef7; }
-        pre { white-space:pre-wrap; word-break:break-word; background:#0f1520; border:1px solid #253245; border-radius:10px; padding:10px; margin:0; font-size:12px; color:#d7e2ef; }
+        .k { color:var(--text-muted); font-size:12px; letter-spacing:.4px; text-transform:uppercase; }
+        .v { font-size:13px; font-weight:800; color:var(--text); }
+        pre { white-space:pre-wrap; word-break:break-word; background:var(--panel-2); border:1px solid var(--border-hi); border-radius:10px; padding:10px; margin:0; font-size:12px; color:var(--text-dim); }
       </style>
 
       <div class="box">