@meshxdata/fops 0.1.52 → 0.1.54

package/src/web/admin.html.js

@@ -269,6 +269,7 @@ export function getAdminHtml() {
     <button data-tab="tools">Tools & Agents</button>
     <button data-tab="doctor">Doctor</button>
     <button data-tab="fleet">Fleet</button>
+    <button data-tab="costs">Costs</button>
     <button data-tab="audit">Audit</button>
     <button data-tab="meshes">Meshes & Landscape</button>
     <button data-tab="sessions">Sessions</button>
@@ -381,6 +382,46 @@ export function getAdminHtml() {
     </div>
   </div>
 
+  <!-- Cost Explorer -->
+  <div id="tab-costs" class="panel">
+    <div style="margin-bottom:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap">
+      <button class="btn btn-sm" onclick="loadCosts()">Refresh</button>
+      <select id="cost-days" onchange="loadCosts()" style="font-size:12px;padding:4px 8px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text)">
+        <option value="7">Last 7 days</option>
+        <option value="14">Last 14 days</option>
+        <option value="30" selected>Last 30 days</option>
+        <option value="90">Last 90 days</option>
+      </select>
+      <span id="cost-status" style="font-size:12px;color:var(--text-dim)"></span>
+    </div>
+    <div id="cost-summary" class="grid grid-4" style="margin-bottom:20px"></div>
+    <div style="display:grid;grid-template-columns:1fr 1fr;gap:20px">
+      <div>
+        <h3 style="font-size:12px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:8px">Cost by Subscription</h3>
+        <div id="cost-subscriptions"></div>
+      </div>
+      <div>
+        <h3 style="font-size:12px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:8px">Cost by Service</h3>
+        <div id="cost-services"></div>
+      </div>
+    </div>
+    <div style="margin-top:20px">
+      <h3 style="font-size:12px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:8px">Budgets</h3>
+      <div id="cost-budgets"></div>
+    </div>
+    <div style="margin-top:20px">
+      <h3 style="font-size:12px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:8px">Waste & Savings</h3>
+      <div style="display:grid;grid-template-columns:1fr 1fr;gap:20px">
+        <div id="cost-waste"></div>
+        <div id="cost-advisor"></div>
+      </div>
+    </div>
+    <div style="margin-top:20px">
+      <h3 style="font-size:12px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:8px">SLA &amp; Availability</h3>
+      <div id="cost-sla"></div>
+    </div>
+  </div>
+
   <!-- Audit (from scrape: VM status, containers, services, sessions) -->
   <div id="tab-audit" class="panel">
     <div style="margin-bottom:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap">
@@ -2294,6 +2335,201 @@ function filterAuditContent() {
   el.innerHTML = temp.innerHTML;
 }
 
+// ── Cost Explorer ────────────────────────────────────────────
+
+let _costCache = null;
+async function loadCosts() {
+  const days = document.getElementById('cost-days').value;
+  const status = document.getElementById('cost-status');
+  status.textContent = 'Loading...';
+
+  try {
+    // Fetch all cost data in parallel via tool execution
+    const [allSubs, budgets, waste, advisor] = await Promise.all([
+      api('/tools/azure_cost_all_subscriptions', { method: 'POST', headers: {'Content-Type':'application/json'}, body: JSON.stringify({ days: parseInt(days) }) }).catch(() => null),
+      api('/tools/azure_budgets', { method: 'POST', headers: {'Content-Type':'application/json'}, body: JSON.stringify({}) }).catch(() => null),
+      api('/tools/azure_vm_waste', { method: 'POST', headers: {'Content-Type':'application/json'}, body: JSON.stringify({}) }).catch(() => null),
+      api('/tools/azure_advisor_recommendations', { method: 'POST', headers: {'Content-Type':'application/json'}, body: JSON.stringify({ category: 'Cost' }) }).catch(() => null),
+    ]);
+
+    // SLA: fleet health + service uptime from each VM's Prometheus
+    let sla = null;
+    try {
+      const fleet = await api('/fleet');
+      if (fleet?.vms) {
+        sla = { vms: [] };
+        for (const vm of fleet.vms) {
+          const entry = { vm: vm.vm, status: vm.status, services: vm.services || {} };
+          // Query Prometheus avg_over_time(up) for each VM via grafana proxy
+          try {
+            const upRes = await api('/grafana/' + encodeURIComponent(vm.vm) + '/prometheus?query=' + encodeURIComponent('avg_over_time(up[' + days + 'd])'));
+            if (upRes?.data?.result) {
+              entry.uptimes = {};
+              for (const r of upRes.data.result) {
+                const job = r.metric?.job || '?';
+                const pct = (parseFloat(r.value?.[1] || '0') * 100).toFixed(2);
+                entry.uptimes[job] = parseFloat(pct);
+              }
+            }
+          } catch {}
+          sla.vms.push(entry);
+        }
+      }
+    } catch {}
+
+    _costCache = { allSubs, budgets, waste, advisor, sla };
+    renderCosts();
+    status.textContent = 'Updated ' + new Date().toLocaleTimeString();
+  } catch (err) {
+    status.textContent = 'Error: ' + err.message;
+  }
+}
+
+function fmtCurrency(v) {
+  if (v == null) return '-';
+  const n = typeof v === 'string' ? parseFloat(v) : v;
+  if (isNaN(n)) return '-';
+  return '$' + n.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+}
+
+function renderCosts() {
+  if (!_costCache) return;
+  const { allSubs, budgets, waste, advisor } = _costCache;
+
+  // Parse tool results (tool execution returns { result: ... } or { tool, result, stdout })
+  const costData = allSubs?.result || allSubs?.stdout ? JSON.parse(allSubs.stdout || '{}') : allSubs || {};
+  const budgetData = budgets?.result || budgets?.stdout ? JSON.parse(budgets.stdout || '[]') : budgets || [];
+  const wasteData = waste?.result || waste?.stdout ? JSON.parse(waste.stdout || '{}') : waste || {};
+  const advisorData = advisor?.result || advisor?.stdout ? JSON.parse(advisor.stdout || '[]') : advisor || [];
+
+  // Summary cards
+  const summary = document.getElementById('cost-summary');
+  const totalCost = costData.totalCost || costData.total || 0;
+  const subCount = costData.subscriptions?.length || 0;
+  const wasteCount = (wasteData.stoppedVMs?.length || 0) + (wasteData.unattachedDisks?.length || 0) + (wasteData.unusedPublicIPs?.length || 0);
+  const advisorCount = Array.isArray(advisorData) ? advisorData.length : 0;
+  summary.innerHTML =
+    '<div class="card"><h3>Total Spend</h3><div class="value">' + fmtCurrency(totalCost) + '</div></div>' +
+    '<div class="card"><h3>Subscriptions</h3><div class="value">' + subCount + '</div></div>' +
+    '<div class="card"><h3>Waste Items</h3><div class="value">' + wasteCount + '</div></div>' +
+    '<div class="card"><h3>Recommendations</h3><div class="value">' + advisorCount + '</div></div>';
+
+  // Subscriptions table
+  const subsEl = document.getElementById('cost-subscriptions');
+  if (costData.subscriptions?.length) {
+    let html = '<table class="tbl"><thead><tr><th>Subscription</th><th>Cost</th><th>Currency</th></tr></thead><tbody>';
+    for (const s of costData.subscriptions) {
+      html += '<tr><td>' + esc(s.name || s.subscriptionId || '?') + '</td><td>' + fmtCurrency(s.cost || s.totalCost) + '</td><td>' + (s.currency || 'USD') + '</td></tr>';
+    }
+    html += '</tbody></table>';
+    subsEl.innerHTML = html;
+  } else {
+    subsEl.innerHTML = '<div class="empty">No subscription data</div>';
+  }
+
+  // Service breakdown (from first subscription or top-level)
+  const servicesEl = document.getElementById('cost-services');
+  const serviceBreakdown = costData.services || costData.byService || (costData.subscriptions?.[0]?.services) || [];
+  if (serviceBreakdown.length) {
+    let html = '<table class="tbl"><thead><tr><th>Service</th><th>Cost</th></tr></thead><tbody>';
+    const sorted = [...serviceBreakdown].sort((a, b) => (b.cost || 0) - (a.cost || 0));
+    for (const s of sorted.slice(0, 15)) {
+      html += '<tr><td>' + esc(s.name || s.service || '?') + '</td><td>' + fmtCurrency(s.cost) + '</td></tr>';
+    }
+    html += '</tbody></table>';
+    servicesEl.innerHTML = html;
+  } else {
+    servicesEl.innerHTML = '<div class="empty">No service breakdown</div>';
+  }
+
+  // Budgets
+  const budgetsEl = document.getElementById('cost-budgets');
+  const budgetList = Array.isArray(budgetData) ? budgetData : budgetData.budgets || [];
+  if (budgetList.length) {
+    let html = '<table class="tbl"><thead><tr><th>Budget</th><th>Limit</th><th>Spent</th><th>%</th></tr></thead><tbody>';
+    for (const b of budgetList) {
+      const pct = b.limit ? ((b.spent || b.currentSpend || 0) / b.limit * 100).toFixed(0) : '?';
+      const color = pct > 90 ? 'var(--red)' : pct > 70 ? 'var(--yellow)' : 'var(--green)';
+      html += '<tr><td>' + esc(b.name || '?') + '</td><td>' + fmtCurrency(b.limit || b.amount) + '</td><td>' + fmtCurrency(b.spent || b.currentSpend) + '</td><td style="color:' + color + '">' + pct + '%</td></tr>';
+    }
+    html += '</tbody></table>';
+    budgetsEl.innerHTML = html;
+  } else {
+    budgetsEl.innerHTML = '<div class="empty">No budgets configured</div>';
+  }
+
+  // Waste
+  const wasteEl = document.getElementById('cost-waste');
+  const wasteItems = [];
+  for (const vm of (wasteData.stoppedVMs || [])) wasteItems.push({ type: 'Stopped VM', name: vm.name || vm, cost: vm.monthlyCost });
+  for (const d of (wasteData.unattachedDisks || [])) wasteItems.push({ type: 'Unattached Disk', name: d.name || d, cost: d.monthlyCost });
+  for (const ip of (wasteData.unusedPublicIPs || [])) wasteItems.push({ type: 'Unused IP', name: ip.name || ip, cost: ip.monthlyCost });
+  if (wasteItems.length) {
+    let html = '<table class="tbl"><thead><tr><th>Type</th><th>Resource</th><th>Est. Cost</th></tr></thead><tbody>';
+    for (const w of wasteItems) {
+      html += '<tr><td>' + esc(w.type) + '</td><td>' + esc(w.name) + '</td><td>' + (w.cost ? fmtCurrency(w.cost) + '/mo' : '-') + '</td></tr>';
+    }
+    html += '</tbody></table>';
+    wasteEl.innerHTML = html;
+  } else {
+    wasteEl.innerHTML = '<div class="empty" style="color:var(--green)">No wasted resources found</div>';
+  }
+
+  // Advisor recommendations
+  const advisorEl = document.getElementById('cost-advisor');
+  const recs = Array.isArray(advisorData) ? advisorData : advisorData.recommendations || [];
+  if (recs.length) {
+    let html = '<table class="tbl"><thead><tr><th>Recommendation</th><th>Impact</th><th>Savings</th></tr></thead><tbody>';
+    for (const r of recs.slice(0, 10)) {
+      html += '<tr><td>' + esc(r.shortDescription || r.recommendation || r.name || '?') + '</td><td>' + esc(r.impact || '-') + '</td><td>' + (r.savingsAmount ? fmtCurrency(r.savingsAmount) + '/yr' : '-') + '</td></tr>';
+    }
+    html += '</tbody></table>';
+    advisorEl.innerHTML = html;
+  } else {
+    advisorEl.innerHTML = '<div class="empty">No cost recommendations</div>';
+  }
+
+  // SLA & Availability
+  const slaEl = document.getElementById('cost-sla');
+  const sla = _costCache.sla;
+  if (sla?.vms?.length) {
+    const SLA_TARGET = 99.9; // SLA target percentage
+    let html = '<table class="tbl"><thead><tr><th>Environment</th><th>Status</th><th>Service</th><th>Uptime</th><th>SLA</th></tr></thead><tbody>';
+    for (const vm of sla.vms) {
+      const uptimes = vm.uptimes || {};
+      const services = Object.keys(uptimes).length ? Object.keys(uptimes) : Object.keys(vm.services || {});
+      if (!services.length) {
+        const statusColor = vm.status === 'healthy' ? 'var(--green)' : vm.status === 'degraded' ? 'var(--yellow)' : 'var(--red)';
+        html += '<tr><td>' + esc(vm.vm) + '</td><td style="color:' + statusColor + '">' + esc(vm.status || '?') + '</td><td>-</td><td>-</td><td>-</td></tr>';
+        continue;
+      }
+      let first = true;
+      for (const svc of services) {
+        const pct = uptimes[svc];
+        const pctStr = pct != null ? pct.toFixed(2) + '%' : '-';
+        const breach = pct != null && pct < SLA_TARGET;
+        const pctColor = breach ? 'var(--red)' : pct != null && pct < 99.95 ? 'var(--yellow)' : 'var(--green)';
+        const slaStatus = breach ? '⚠ BREACH' : pct != null ? '✓' : '-';
+        const slaColor = breach ? 'color:var(--red);font-weight:600' : '';
+        const statusColor = vm.status === 'healthy' ? 'var(--green)' : vm.status === 'degraded' ? 'var(--yellow)' : 'var(--red)';
+        html += '<tr>';
+        html += '<td>' + (first ? esc(vm.vm) : '') + '</td>';
+        html += '<td' + (first ? ' style="color:' + statusColor + '"' : '') + '>' + (first ? esc(vm.status || '?') : '') + '</td>';
+        html += '<td>' + esc(svc) + '</td>';
+        html += '<td style="color:' + pctColor + '">' + pctStr + '</td>';
+        html += '<td style="' + slaColor + '">' + slaStatus + '</td>';
+        html += '</tr>';
+        first = false;
+      }
+    }
+    html += '</tbody></table>';
+    html += '<div style="margin-top:8px;font-size:11px;color:var(--text-dim)">SLA target: ' + SLA_TARGET + '% · Based on Prometheus <code>up</code> metric</div>';
+    slaEl.innerHTML = html;
+  } else {
+    slaEl.innerHTML = '<div class="empty">Fleet data not available — start with <code>fops serve --scrape</code></div>';
+  }
+}
+
 // ── Init ────────────────────────────────────────────────────
 init();
 </script>

package/src/web/api.js

@@ -491,5 +491,78 @@ export function createApiRoutes(core, shared = {}) {
     return c.json(result);
   });
 
+  // ---------------------------------------------------------------------------
+  // POST /agent — Send a message to an agent and wait for the full response.
+  // Body: { agent?: string, message: string, timeout?: number }
+  // Returns: { ok: true, response: string, sessionId: string }
+  // ---------------------------------------------------------------------------
+  api.post("/agent", async (c) => {
+    const body = await c.req.json().catch(() => ({}));
+    const { agent, message, timeout: timeoutMs } = body;
+    if (!message) return c.json({ error: "message is required" }, 400);
+
+    const maxWait = Math.min(Number(timeoutMs) || 300_000, 600_000); // default 5m, max 10m
+
+    // Create a temporary session for this request
+    const sessionId = core.createSession(agent || undefined);
+
+    try {
+      const response = await new Promise((resolve, reject) => {
+        const timer = setTimeout(() => {
+          core.off(E.STREAM_END, onEnd);
+          core.off(E.ERROR, onError);
+          core.off(E.TOOL_CONFIRM, onConfirm);
+          reject(new Error("Agent response timed out"));
+        }, maxWait);
+
+        const onEnd = (data) => {
+          if (data.sessionId !== sessionId) return;
+          clearTimeout(timer);
+          core.off(E.STREAM_END, onEnd);
+          core.off(E.ERROR, onError);
+          core.off(E.TOOL_CONFIRM, onConfirm);
+          resolve(data.fullText || "");
+        };
+
+        const onError = (data) => {
+          if (data.sessionId !== sessionId) return;
+          clearTimeout(timer);
+          core.off(E.STREAM_END, onEnd);
+          core.off(E.ERROR, onError);
+          core.off(E.TOOL_CONFIRM, onConfirm);
+          reject(new Error(data.message || "Agent error"));
+        };
+
+        // Auto-approve tool confirmations for headless API calls
+        const onConfirm = (data) => {
+          if (data.sessionId !== sessionId) return;
+          if (core._pendingConfirmResolve) {
+            core._pendingConfirmResolve(true);
+          }
+        };
+
+        core.on(E.STREAM_END, onEnd);
+        core.on(E.ERROR, onError);
+        core.on(E.TOOL_CONFIRM, onConfirm);
+
+        core.sendMessage(sessionId, message).catch((err) => {
+          clearTimeout(timer);
+          core.off(E.STREAM_END, onEnd);
+          core.off(E.ERROR, onError);
+          core.off(E.TOOL_CONFIRM, onConfirm);
+          reject(err);
+        });
+      });
+
+      // Clean up the session
+      try { core.closeSession(sessionId); } catch {}
+
+      return c.json({ ok: true, response, sessionId });
+    } catch (err) {
+      try { core.closeSession(sessionId); } catch {}
+      return c.json({ error: err.message }, 500);
+    }
+  });
+
   return api;
 }

package/src/web/dist/assets/index-BphVaAUd.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-400:oklch(78.9% .154 211.53);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-fuchsia-300:oklch(83.3% .145 321.434);--color-fuchsia-400:oklch(74% .238 322.16);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-2xl:40px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.-top-9{top:calc(var(--spacing) * -9)}.top-full{top:100%}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.right-8{right:calc(var(--spacing) * 8)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing) * 0)}.left-2{left:calc(var(--spacing) * 2)}.left-4{left:calc(var(--spacing) * 4)}.left-8{left:calc(var(--spacing) * 8)}.z-10{z-index:10}.z-50{z-index:50}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-8{margin-left:calc(var(--spacing) * 8)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-8{height:calc(var(--spacing) * 8)}.h-\[2px\]{height:2px}.h-\[5px\]{height:5px}.h-\[6px\]{height:6px}.h-\[14px\]{height:14px}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-20{max-height:calc(var(--spacing) * 20)}.max-h-52{max-height:calc(var(--spacing) * 52)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/2{width:50%}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-8{width:calc(var(--spacing) * 8)}.w-12{width:calc(var(--spacing) * 12)}.w-60{width:calc(var(--spacing) * 60)}.w-\[2px\]{width:2px}.w-\[5px\]{width:5px}.w-\[6px\]{width:6px}.w-full{width:100%}.w-px{width:1px}.max-w-\[240px\]{max-width:240px}.max-w-\[260px\]{max-width:260px}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-14{min-width:calc(var(--spacing) * 14)}.min-w-\[220px\]{min-width:220px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-\[\#1a1a28\]{border-color:#1a1a28}.border-\[\#1a1a28\]\/50{border-color:#1a1a2880}.border-\[\#2e2e40\]{border-color:#2e2e40}.border-\[\#5a5a78\]{border-color:#5a5a78}.border-\[\#818cf8\]\/20{border-color:#818cf833}.border-\[\#818cf8\]\/30{border-color:#818cf84d}.border-\[\#26263a\]{border-color:#26263a}.border-\[\#303045\]{border-color:#303045}.border-\[\#f97316\]{border-color:#f97316}.border-\[\#f97316\]\/20{border-color:#f9731633}.border-\[\#fb923c\]{border-color:#fb923c}.border-\[\#fbbf24\]\/20{border-color:#fbbf2433}.border-\[\#fbbf24\]\/35{border-color:#fbbf2459}.border-\[\#fdba74\]{border-color:#fdba74}.border-cyan-400\/30{border-color:#00d2ef4d}@supports (color:color-mix(in lab,red,red)){.border-cyan-400\/30{border-color:color-mix(in oklab,var(--color-cyan-400) 30%,transparent)}}.border-emerald-400\/20{border-color:#00d29433}@supports (color:color-mix(in lab,red,red)){.border-emerald-400\/20{border-color:color-mix(in oklab,var(--color-emerald-400) 20%,transparent)}}.border-emerald-400\/30{border-color:#00d2944d}@supports (color:color-mix(in lab,red,red)){.border-emerald-400\/30{border-color:color-mix(in oklab,var(--color-emerald-400) 30%,transparent)}}.border-emerald-400\/50{border-color:#00d29480}@supports (color:color-mix(in lab,red,red)){.border-emerald-400\/50{border-color:color-mix(in oklab,var(--color-emerald-400) 50%,transparent)}}.border-emerald-500\/20{border-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.border-emerald-500\/20{border-color:color-mix(in oklab,var(--color-emerald-500) 20%,transparent)}}.border-purple-400\/25{border-color:#c07eff40}@supports (color:color-mix(in lab,red,red)){.border-purple-400\/25{border-color:color-mix(in oklab,var(--color-purple-400) 25%,transparent)}}.border-purple-500\/20{border-color:#ac4bff33}@supports (color:color-mix(in lab,red,red)){.border-purple-500\/20{border-color:color-mix(in oklab,var(--color-purple-500) 20%,transparent)}}.border-red-400\/20{border-color:#ff656833}@supports (color:color-mix(in lab,red,red)){.border-red-400\/20{border-color:color-mix(in oklab,var(--color-red-400) 20%,transparent)}}.border-red-400\/50{border-color:#ff656880}@supports (color:color-mix(in lab,red,red)){.border-red-400\/50{border-color:color-mix(in oklab,var(--color-red-400) 50%,transparent)}}.border-red-500\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.border-red-500\/20{border-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)}}.border-transparent{border-color:#0000}.border-yellow-400\/30{border-color:#fac8004d}@supports (color:color-mix(in lab,red,red)){.border-yellow-400\/30{border-color:color-mix(in oklab,var(--color-yellow-400) 30%,transparent)}}.border-t-purple-400{border-top-color:var(--color-purple-400)}.bg-\[\#0a0a10\]{background-color:#0a0a10}.bg-\[\#0c0c12\]{background-color:#0c0c12}.bg-\[\#0c0c14\]{background-color:#0c0c14}.bg-\[\#0e0e16\]{background-color:#0e0e16}.bg-\[\#0f0f16\]{background-color:#0f0f16}.bg-\[\#1a1a28\]{background-color:#1a1a28}.bg-\[\#1e1e2e\]{background-color:#1e1e2e}.bg-\[\#3a3a50\]{background-color:#3a3a50}.bg-\[\#818cf8\]{background-color:#818cf8}.bg-\[\#06060a\]{background-color:#06060a}.bg-\[\#08080c\]{background-color:#08080c}.bg-\[\#12121a\]{background-color:#12121a}.bg-\[\#14141c\]{background-color:#14141c}.bg-\[\#18181f\]{background-color:#18181f}.bg-\[\#ea580c\]{background-color:#ea580c}.bg-\[\#f97316\]{background-color:#f97316}.bg-\[\#f97316\]\/8{background-color:#f9731614}.bg-\[\#f97316\]\/20{background-color:#f9731633}.bg-\[\#fbbf24\]\/8{background-color:#fbbf2414}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-emerald-400\/8{background-color:#00d29414}@supports (color:color-mix(in lab,red,red)){.bg-emerald-400\/8{background-color:color-mix(in oklab,var(--color-emerald-400) 8%,transparent)}}.bg-emerald-500\/5{background-color:#00bb7f0d}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/5{background-color:color-mix(in oklab,var(--color-emerald-500) 5%,transparent)}}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/10{background-color:color-mix(in oklab,var(--color-emerald-500) 10%,transparent)}}.bg-red-400{background-color:var(--color-red-400)}.bg-red-400\/8{background-color:#ff656814}@supports (color:color-mix(in lab,red,red)){.bg-red-400\/8{background-color:color-mix(in oklab,var(--color-red-400) 8%,transparent)}}.bg-red-400\/50{background-color:#ff656880}@supports (color:color-mix(in lab,red,red)){.bg-red-400\/50{background-color:color-mix(in oklab,var(--color-red-400) 50%,transparent)}}.bg-red-400\/60{background-color:#ff656899}@supports (color:color-mix(in lab,red,red)){.bg-red-400\/60{background-color:color-mix(in oklab,var(--color-red-400) 60%,transparent)}}.bg-red-500\/5{background-color:#fb2c360d}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/5{background-color:color-mix(in oklab,var(--color-red-500) 5%,transparent)}}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500) 10%,transparent)}}.bg-transparent{background-color:#0000}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-\[1px\]{padding-block:1px}.py-\[2px\]{padding-block:2px}.py-\[3px\]{padding-block:3px}.pr-3{padding-right:calc(var(--spacing) * 3)}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-\[6px\]{padding-left:6px}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#1e1e2a\]{color:#1e1e2a}.text-\[\#2e2e40\]{color:#2e2e40}.text-\[\#3a3a50\]{color:#3a3a50}.text-\[\#4e4e63\]{color:#4e4e63}.text-\[\#5a5a70\]{color:#5a5a70}.text-\[\#6b6b80\]{color:#6b6b80}.text-\[\#6e7a8a\]{color:#6e7a8a}.text-\[\#7f7f95\]{color:#7f7f95}.text-\[\#8b8b9e\]{color:#8b8b9e}.text-\[\#818cf8\]{color:#818cf8}.text-\[\#08080c\]{color:#08080c}.text-\[\#18181f\]{color:#18181f}.text-\[\#26263a\]{color:#26263a}.text-\[\#a0a0b0\]{color:#a0a0b0}.text-\[\#b5b5c4\]{color:#b5b5c4}.text-\[\#c0bfc6\]{color:#c0bfc6}.text-\[\#e0dfe4\]{color:#e0dfe4}.text-\[\#f5f5f7\]{color:#f5f5f7}.text-\[\#f97316\]{color:#f97316}.text-\[\#fb923c\]{color:#fb923c}.text-\[\#fbbf24\]{color:#fbbf24}.text-cyan-300\/70{color:#53eafdb3}@supports (color:color-mix(in lab,red,red)){.text-cyan-300\/70{color:color-mix(in oklab,var(--color-cyan-300) 70%,transparent)}}.text-cyan-400{color:var(--color-cyan-400)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-300\/70{color:#5ee9b5b3}@supports (color:color-mix(in lab,red,red)){.text-emerald-300\/70{color:color-mix(in oklab,var(--color-emerald-300) 70%,transparent)}}.text-emerald-400{color:var(--color-emerald-400)}.text-fuchsia-300\/80{color:#f2a9ffcc}@supports (color:color-mix(in lab,red,red)){.text-fuchsia-300\/80{color:color-mix(in oklab,var(--color-fuchsia-300) 80%,transparent)}}.text-fuchsia-400{color:var(--color-fuchsia-400)}.text-purple-300{color:var(--color-purple-300)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-white{color:var(--color-white)}.text-yellow-300\/70{color:#ffe02ab3}@supports (color:color-mix(in lab,red,red)){.text-yellow-300\/70{color:color-mix(in oklab,var(--color-yellow-300) 70%,transparent)}}.text-yellow-400{color:var(--color-yellow-400)}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.decoration-\[\#f97316\]\/30{text-decoration-color:#f973164d}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-\[0\.07\]{opacity:.07}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_rgba\(255\,255\,255\,0\.06\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#ffffff0f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_12px_rgba\(249\,115\,22\,0\.3\)\]{--tw-shadow:0 0 12px var(--tw-shadow-color,#f973164d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_6px_24px_rgba\(0\,0\,0\,0\.35\)\]{--tw-shadow:0 6px 24px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur-2xl{--tw-blur:blur(var(--blur-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-\[\#2e2e40\]::placeholder{color:#2e2e40}.focus-within\:border-\[\#f97316\]\/50:focus-within{border-color:#f9731680}.focus-within\:shadow-\[0_0_20px_rgba\(249\,115\,22\,0\.08\)\]:focus-within{--tw-shadow:0 0 20px var(--tw-shadow-color,#f9731614);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(hover:hover){.hover\:border-\[\#f97316\]:hover{border-color:#f97316}.hover\:border-\[\#f97316\]\/40:hover{border-color:#f9731666}.hover\:bg-\[\#1a1a28\]:hover{background-color:#1a1a28}.hover\:bg-\[\#1c1c28\]:hover{background-color:#1c1c28}.hover\:bg-\[\#1f1f2c\]:hover{background-color:#1f1f2c}.hover\:bg-\[\#12121a\]:hover{background-color:#12121a}.hover\:bg-\[\#14141c\]:hover{background-color:#14141c}.hover\:bg-\[\#18181f\]:hover{background-color:#18181f}.hover\:bg-\[\#f97316\]:hover{background-color:#f97316}.hover\:bg-\[\#f97316\]\/20:hover{background-color:#f9731633}.hover\:bg-\[\#fb923c\]:hover{background-color:#fb923c}.hover\:bg-emerald-500\/20:hover{background-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.hover\:bg-emerald-500\/20:hover{background-color:color-mix(in oklab,var(--color-emerald-500) 20%,transparent)}}.hover\:bg-red-500\/20:hover{background-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-500\/20:hover{background-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)}}.hover\:text-\[\#8b8b9e\]:hover{color:#8b8b9e}.hover\:text-\[\#e0dfe4\]:hover{color:#e0dfe4}.hover\:text-\[\#f87171\]:hover{color:#f87171}.hover\:text-\[\#f97316\]:hover{color:#f97316}.hover\:text-\[\#fb923c\]:hover{color:#fb923c}.hover\:decoration-\[\#fb923c\]\/50:hover{text-decoration-color:#fb923c80}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}}body{color:#e0dfe4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#08080c;height:100dvh;margin:0;padding:0;font-family:Sora,system-ui,-apple-system,sans-serif;overflow:hidden}#root{flex-direction:column;height:100dvh;display:flex}code,pre,.font-mono{font-family:IBM Plex Mono,JetBrains Mono,Fira Code,monospace}::selection{color:#e0dfe4;background:#f973164d}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#26263a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#3f3f56}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.25s ease-out fadeIn}@keyframes slideIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.animate-slide-in{animation:.2s ease-out slideIn}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.animate-cursor{animation:1s step-end infinite cursorBlink}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #f9731626}50%{box-shadow:0 0 16px #f973164d}}.noise:after{content:"";pointer-events:none;opacity:.02;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;top:0;right:0;bottom:0;left:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}