feat(studio): rediseño con design tokens, pantalla de consumo y rename a Studio

El SPA pasa a llamarse uMind Studio y vive en /studio (el nombre
"Orquestador" no le decía nada al cliente final, que ahora es quien lo usa).

Diseño:
- Los colores viven una sola vez como variables CSS + clases semánticas
  (.card, .input, .btn-*, .badge-*). Antes cada elemento repetía el par
  claro/oscuro a mano en cientos de lugares y cambiar un tono era buscar
  y reemplazar.
- darkMode pasa de 'media' a 'class' con toggle propio persistido: el
  usuario elige, no el sistema operativo. Se aplica antes de montar la
  app para que no parpadee.
- Componentes compartidos (UiModal, UiBadge, UiEmptyState) donde antes
  había markup duplicado inline.

Nueva pantalla de consumo (/tenants/:id/uso): filtros por fecha con
atajos, total del período, pendiente de facturar, barra contra el tope
del plan, desglose por tipo y gráfico por día. El gráfico son divs con
altura porcentual — no vale traer una librería de charts para esto.

Rename:
- /studio y /portal/studio; /orchestrator redirige 301 conservando la
  ruta interna, así los enlaces guardados siguen funcionando. Los assets
  del bundle quedan exentos (el `base` de Vite sigue en /orchestrator/):
  redirigirlos rompería el SPA.
- El submódulo sembrado migra el mismo registro buscando por las tres
  URLs históricas (/app/umind → /orchestrator → /studio) en vez de
  dejar entradas duplicadas en el menú.

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

orchestrator/src/App.vue

@@ -1,12 +1,22 @@
 <script setup>
 import Sidebar from './components/Sidebar.vue'
+import { tema, alternarTema } from './lib/tema.js'
 </script>
 
 <template>
-  <div class="min-h-screen flex bg-gray-50 dark:bg-gray-950">
+  <div class="min-h-screen flex">
     <Sidebar />
-    <main class="flex-1 min-w-0">
-      <div class="max-w-4xl mx-auto px-8 py-10">
+    <main class="flex-1 min-w-0 flex flex-col">
+      <header class="h-14 shrink-0 flex items-center justify-end gap-1 px-6 border-b border-borde">
+        <button
+          class="btn-ghost !px-2.5 !py-1.5"
+          :title="tema === 'oscuro' ? 'Cambiar a claro' : 'Cambiar a oscuro'"
+          @click="alternarTema"
+        >
+          <span class="text-base leading-none">{{ tema === 'oscuro' ? '☀️' : '🌙' }}</span>
+        </button>
+      </header>
+      <div class="flex-1 max-w-5xl w-full mx-auto px-8 py-8 animate-aparecer">
         <router-view />
       </div>
     </main>