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/test-panel.js

@@ -51,16 +51,13 @@ class TestPanel extends HTMLElement {
     this.shadowRoot.innerHTML = `
       <style>
         :host {
-          --bg: #0b0f14;
-          --panel: #121823;
-          --muted: #8aa0b5;
-          --text: #e7eef7;
-          --line: #1e2a3a;
-          --blue: #1f6feb;
-          --green: #238636;
-          --red: #da3633;
+          /* Aliases locales que apuntan a las globals del theme */
+          --line: var(--border);
+          --blue: var(--accent);
+          --green: var(--ok);
+          --red: var(--err);
         }
-        * { box-sizing: border-box; font-family: system-ui, Segoe UI, Roboto, Arial; }
+        * { box-sizing: border-box; font-family: var(--font-sans); }
         .container {
           height: 100%;
           background: var(--bg);