ai-agent-router 0.1.21 → 0.2.1

package/src/app/logs/page.tsx

@@ -7,9 +7,9 @@ import ConfirmDialog from '../components/ConfirmDialog';
 
 interface RequestLog {
   id: number;
-  model_id: number;
-  model_name?: string;
-  provider_name?: string;
+  model_id: number | null;
+  model_name?: string | null;
+  provider_name?: string | null;
   request_method: string;
   request_path: string;
   request_headers: string;
@@ -21,6 +21,19 @@ interface RequestLog {
   created_at: string;
 }
 
+/** 将服务端返回的 created_at 格式化为本地显示。数据库存储的是本地时间，无需追加 Z 后缀。 */
+function formatCreatedAt(createdAt: string): string {
+  if (!createdAt || typeof createdAt !== 'string') return '';
+  const s = createdAt.trim();
+  if (!s) return '';
+  // 数据库使用 datetime('now','localtime') 存储的已经是本地时间，
+  // 不带时区后缀时直接按本地时间解析，不要追加 'Z'（否则会多偏移 8 小时）
+  const hasTz = /[Z+-]\d{2}:?\d{2}$/.test(s);
+  const iso = hasTz ? s : s.replace(' ', 'T');
+  const date = new Date(iso);
+  return Number.isNaN(date.getTime()) ? s : date.toLocaleString('zh-CN');
+}
+
 export default function LogsPage() {
   const [logs, setLogs] = useState<RequestLog[]>([]);
   const [selectedLog, setSelectedLog] = useState<RequestLog | null>(null);
@@ -413,8 +426,7 @@ export default function LogsPage() {
                         </td>
                         <td className="px-4 py-3 whitespace-nowrap">
                           <div className="text-xs text-slate-600">
-                            {/* 使用本地时区显示时间 */}
-                            {new Date(log.created_at + 'Z').toLocaleString('zh-CN')}
+                            {formatCreatedAt(log.created_at)}
                           </div>
                         </td>
                         <td className="px-4 py-3 whitespace-nowrap">

package/src/cli/index.ts

@@ -1,16 +1,88 @@
 #!/usr/bin/env node
 
 import { Command } from 'commander';
-import { spawn } from 'child_process';
+import { spawn, ChildProcess } from 'child_process';
 import path from 'path';
+import fs from 'fs';
+import os from 'os';
+import http from 'http';
 import { getDatabase } from '../db/database';
-import { getConfig, setConfig } from '../db/queries';
+import { getConfig, setConfig, setServiceStatus, updateServiceStatus } from '../db/queries';
 
 const program = new Command();
 
 const packageJsonPath = require.resolve('../../../package.json');
 const packageJson = require(packageJsonPath);
 
+const AAR_DIR = path.join(os.homedir(), '.aar');
+const UI_PID_FILE = path.join(AAR_DIR, 'ui.pid');
+const GATEWAY_PID_FILE = path.join(AAR_DIR, 'gateway.pid');
+const GATEWAY_PORT_FILE = path.join(AAR_DIR, 'gateway.port');
+
+function ensureAarDir(): void {
+  if (!fs.existsSync(AAR_DIR)) {
+    fs.mkdirSync(AAR_DIR, { recursive: true });
+  }
+}
+
+function getPackageRoot(): string {
+  return path.dirname(path.dirname(path.dirname(__dirname)));
+}
+
+/** Wait for HTTP server to respond (e.g. UI or gateway ready) */
+function waitForReady(baseUrl: string, maxWaitMs: number = 30000): Promise<boolean> {
+  const url = new URL(baseUrl);
+  return new Promise((resolve) => {
+    const start = Date.now();
+    const tryOnce = () => {
+      const req = http.request(
+        {
+          hostname: url.hostname,
+          port: url.port || '80',
+          path: url.pathname || '/',
+          method: 'GET',
+          timeout: 2000,
+        },
+        (res) => {
+          resolve(res.statusCode !== undefined && res.statusCode < 500);
+        }
+      );
+      req.on('error', () => {
+        if (Date.now() - start >= maxWaitMs) {
+          resolve(false);
+          return;
+        }
+        setTimeout(tryOnce, 800);
+      });
+      req.on('timeout', () => {
+        req.destroy();
+        if (Date.now() - start >= maxWaitMs) resolve(false);
+        else setTimeout(tryOnce, 800);
+      });
+      req.end();
+    };
+    tryOnce();
+  });
+}
+
+function printStatus(uiPort: number, gatewayPort: number, gatewayRunning: boolean, background: boolean): void {
+  const uiUrl = `http://localhost:${uiPort}`;
+  const gatewayUrl = `http://localhost:${gatewayPort}`;
+  console.log('');
+  console.log('-------------------------------------------');
+  console.log('  AI Agent Router');
+  console.log('-------------------------------------------');
+  console.log(`  前台 UI:     ${uiUrl}`);
+  console.log(`  网关地址:   ${gatewayUrl}`);
+  console.log(`  网关状态:   ${gatewayRunning ? '运行中' : '未启动'}`);
+  if (background) {
+    console.log('  运行模式:   后台运行（关闭终端不影响）');
+    console.log('  停止服务:   aar stop');
+  }
+  console.log('-------------------------------------------');
+  console.log('');
+}
+
 program
   .name('aar')
   .description('AI Agent Router - Web UI for managing the API gateway')
@@ -18,47 +90,178 @@ program
 
 program
   .command('start')
-  .description('Start the Web UI management interface')
+  .description('Start the Web UI and gateway (default: both; use --no-gateway for UI only)')
   .option('-p, --port <port>', 'Port for Web UI', '9527')
+  .option('-g, --gateway-port <port>', 'Port for gateway (default: from config or 1357)')
+  .option('--no-gateway', 'Only start Web UI, do not start gateway')
+  .option('--no-background', 'Run in foreground (attach to terminal)')
   .action(async (options) => {
-    const port = parseInt(options.port || '9527');
-
-    console.log(`Starting AI Agent Router Web UI`);
-    console.log(`  Port: ${port}`);
-    console.log(`  Access the UI at: http://localhost:${port}`);
-    console.log('');
+    const uiPort = parseInt(options.port || '9527', 10);
+    const startGateway = options.gateway !== false;
+    const background = options.background !== false;
+    const packageRoot = getPackageRoot();
 
-    // Get the package root directory (where package.json is located)
-    const packageRoot = path.dirname(path.dirname(path.dirname(__dirname)));
+    let gatewayPort = 1357;
+    if (startGateway) {
+      try {
+        await getDatabase();
+        const portConfig = await getConfig('port');
+        gatewayPort = options.gatewayPort
+          ? parseInt(options.gatewayPort, 10)
+          : parseInt(portConfig?.value || '1357', 10);
+      } catch (e) {
+        gatewayPort = options.gatewayPort ? parseInt(options.gatewayPort, 10) : 1357;
+      }
+    }
 
-    // Start Web UI using Next.js
-    // Always use production mode for globally installed package
     const serverPath = path.join(packageRoot, 'node_modules', 'next', 'dist', 'bin', 'next');
-    const uiProcess = spawn(process.execPath, [serverPath, 'start', '-p', port.toString()], {
+    const gatewayScriptPath = path.join(packageRoot, 'dist', 'src', 'cli', 'gateway-server.js');
+
+    if (background) {
+      ensureAarDir();
+      const envBase = { ...process.env, NODE_ENV: 'production' as const };
+
+      const uiProc: ChildProcess = spawn(process.execPath, [serverPath, 'start', '-p', uiPort.toString()], {
+        cwd: packageRoot,
+        env: { ...envBase, PORT: uiPort.toString() },
+        detached: true,
+        stdio: 'ignore',
+      });
+      uiProc.unref();
+      if (uiProc.pid) {
+        fs.writeFileSync(UI_PID_FILE, String(uiProc.pid));
+      }
+
+      let gatewayRunning = false;
+      if (startGateway && fs.existsSync(gatewayScriptPath)) {
+        const gwProc: ChildProcess = spawn(process.execPath, [gatewayScriptPath, '--port', String(gatewayPort)], {
+          cwd: packageRoot,
+          env: envBase,
+          detached: true,
+          stdio: 'ignore',
+        });
+        gwProc.unref();
+        if (gwProc.pid) {
+          fs.writeFileSync(GATEWAY_PID_FILE, String(gwProc.pid));
+          fs.writeFileSync(GATEWAY_PORT_FILE, String(gatewayPort));
+          gatewayRunning = true;
+        }
+        try {
+          await getDatabase();
+          await setServiceStatus({
+            status: 'running',
+            port: gatewayPort,
+            pid: gwProc.pid ?? null,
+            started_at: new Date().toISOString(),
+          });
+        } catch {
+          // ignore db errors
+        }
+      }
+
+      printStatus(uiPort, gatewayPort, gatewayRunning, true);
+      process.exit(0);
+    }
+
+    // Foreground: start UI first
+    console.log('Starting AI Agent Router...');
+    const uiProcess = spawn(process.execPath, [serverPath, 'start', '-p', uiPort.toString()], {
       cwd: packageRoot,
       stdio: ['ignore', 'inherit', 'inherit'],
-      env: { ...process.env, PORT: port.toString(), NODE_ENV: 'production' },
-    });
-
-    // Handle UI process exit
-    uiProcess.on('exit', (code) => {
-      console.log(`Web UI process exited with code ${code}`);
-      process.exit(code || 0);
+      env: { ...process.env, PORT: uiPort.toString(), NODE_ENV: 'production' },
     });
 
-    uiProcess.on('error', (error) => {
+    uiProcess.on('error', (error: Error) => {
       console.error(`Failed to start Web UI: ${error.message}`);
       process.exit(1);
     });
 
-    // Keep the process alive
-    process.on('SIGINT', () => {
-      console.log('\nShutting down...');
+    const gatewayProcess: ChildProcess | null = startGateway && fs.existsSync(gatewayScriptPath)
+      ? spawn(process.execPath, [gatewayScriptPath, '--port', String(gatewayPort)], {
+          cwd: packageRoot,
+          stdio: ['ignore', 'pipe', 'pipe'],
+          env: { ...process.env, NODE_ENV: 'production' },
+        })
+      : null;
+
+    if (gatewayProcess?.stdout) {
+      gatewayProcess.stdout.on('data', (d) => process.stdout.write(d));
+    }
+    if (gatewayProcess?.stderr) {
+      gatewayProcess.stderr.on('data', (d) => process.stderr.write(d));
+    }
+
+    const ready = await waitForReady(`http://localhost:${uiPort}`);
+    if (ready) {
+      printStatus(uiPort, gatewayPort, !!gatewayProcess, false);
+    }
+
+    const shutdown = (signal: string) => {
+      console.log(`\nShutting down (${signal})...`);
+      if (gatewayProcess?.pid) {
+        try {
+          process.kill(gatewayProcess.pid, 'SIGTERM');
+        } catch {
+          // ignore
+        }
+      }
       uiProcess.kill('SIGTERM');
       process.exit(0);
+    };
+
+    process.on('SIGINT', () => shutdown('SIGINT'));
+    process.on('SIGTERM', () => shutdown('SIGTERM'));
+
+    uiProcess.on('exit', (code) => {
+      if (gatewayProcess?.pid) {
+        try {
+          process.kill(gatewayProcess.pid, 'SIGTERM');
+        } catch {
+          // ignore
+        }
+      }
+      process.exit(code ?? 0);
     });
   });
 
+program
+  .command('stop')
+  .description('Stop AI Agent Router when running in background')
+  .action(async () => {
+    ensureAarDir();
+    let stopped = 0;
+    const killPidFile = (file: string, name: string) => {
+      if (!fs.existsSync(file)) return;
+      try {
+        const pid = parseInt(fs.readFileSync(file, 'utf8').trim(), 10);
+        if (!isNaN(pid)) {
+          try {
+            process.kill(pid, 'SIGTERM');
+            console.log(`Stopped ${name} (PID ${pid})`);
+            stopped++;
+          } catch (e: any) {
+            if (e?.code !== 'ESRCH') console.warn(`${name} (PID ${pid}): ${e.message}`);
+          }
+        }
+        fs.unlinkSync(file);
+      } catch (e) {
+        // ignore
+      }
+    };
+    killPidFile(GATEWAY_PID_FILE, 'gateway');
+    killPidFile(UI_PID_FILE, 'Web UI');
+    if (fs.existsSync(GATEWAY_PORT_FILE)) fs.unlinkSync(GATEWAY_PORT_FILE);
+    try {
+      await getDatabase();
+      await updateServiceStatus({ status: 'stopped', pid: null });
+    } catch {
+      // ignore
+    }
+    if (stopped === 0) {
+      console.log('No background processes found (or already stopped).');
+    }
+  });
+
 program
   .command('config')
   .description('Manage gateway configuration')

package/src/db/database.ts

@@ -6,15 +6,59 @@ import os from 'os';
 
 const DB_PATH = process.env.DB_PATH || path.join(os.homedir(), '.aar', 'gateway.db');
 
+// Use hardcoded path for the built/distributed WASM file
+// Next.js copies sql-wasm.wasm to its chunks directory
+function findSqlJsWasmPath(): string {
+  // Try Next.js chunks directory first (works in dev and production)
+  const nextChunksPath = path.join(process.cwd(), '.next', 'dev', 'server', 'chunks', 'sql-wasm.wasm');
+  if (fs.existsSync(nextChunksPath)) {
+    return nextChunksPath;
+  }
+
+  // Try production .next directory
+  const prodChunksPath = path.join(process.cwd(), '.next', 'server', 'chunks', 'sql-wasm.wasm');
+  if (fs.existsSync(prodChunksPath)) {
+    return prodChunksPath;
+  }
+
+  // Try node_modules as fallback
+  const nodeModulesPath = path.join(process.cwd(), 'node_modules', 'sql.js', 'dist', 'sql-wasm.wasm');
+  if (fs.existsSync(nodeModulesPath)) {
+    return nodeModulesPath;
+  }
+
+  // Use the most likely location as default
+  return nodeModulesPath;
+}
+
+const SQLJS_WASM_PATH = findSqlJsWasmPath();
+
 let dbInstance: Database | null = null;
 let sqlJsInstance: any = null;
+let lastLoadMtimeMs: number = 0;
+
+function reloadFromFileIfNewer(): void {
+  if (!dbInstance || !fs.existsSync(DB_PATH)) return;
+  const mtime = fs.statSync(DB_PATH).mtimeMs;
+  if (mtime <= lastLoadMtimeMs) return;
+  try {
+    const fresh = loadDatabase();
+    if (fresh) {
+      dbInstance.close();
+      dbInstance = fresh;
+      lastLoadMtimeMs = fs.statSync(DB_PATH).mtimeMs;
+    }
+  } catch (e) {
+    console.warn('[Database] Reload from file failed:', (e as Error).message);
+  }
+}
 
 async function initSqlJsEngine(): Promise<any> {
   if (!sqlJsInstance) {
     sqlJsInstance = await initSqlJs({
       locateFile: (file: string) => {
         if (file.endsWith('.wasm')) {
-          return path.join(process.cwd(), 'node_modules', 'sql.js', 'dist', file);
+          return SQLJS_WASM_PATH;
         }
         return `https://sql.js.org/dist/${file}`;
       }
@@ -32,6 +76,9 @@ function saveDatabase(db: Database): void {
       fs.mkdirSync(dbDir, { recursive: true });
     }
     fs.writeFileSync(DB_PATH, buffer);
+    if (fs.existsSync(DB_PATH)) {
+      lastLoadMtimeMs = fs.statSync(DB_PATH).mtimeMs;
+    }
   } catch (error) {
     console.error('Failed to save database:', error);
   }
@@ -53,7 +100,14 @@ export async function getDatabase(): Promise<Database> {
   if (!dbInstance) {
     const engine = await initSqlJsEngine();
     
-    dbInstance = loadDatabase() || new engine.Database();
+    const loaded = loadDatabase();
+    if (loaded) {
+      dbInstance = loaded;
+      if (fs.existsSync(DB_PATH)) lastLoadMtimeMs = fs.statSync(DB_PATH).mtimeMs;
+    } else {
+      dbInstance = new engine.Database();
+      lastLoadMtimeMs = 0;
+    }
     
     try {
       dbInstance!.run(CREATE_TABLES_SQL);
@@ -112,9 +166,10 @@ export async function getDatabase(): Promise<Database> {
         }
       }
     }
-    
-    return dbInstance!;
-  }
+
+  reloadFromFileIfNewer();
+  return dbInstance!;
+}
 
 export async function closeDatabase(): Promise<void> {
   if (dbInstance) {
@@ -128,7 +183,6 @@ export function getDbPath(): string {
   return DB_PATH;
 }
 
-// Helper to run a query and get single result
 export async function queryOne<T>(sql: string, params: any[] = []): Promise<T | null> {
   const db = await getDatabase();
   const stmt = db.prepare(sql);
@@ -142,7 +196,6 @@ export async function queryOne<T>(sql: string, params: any[] = []): Promise<T |
   return null;
 }
 
-// Helper to run a query and get all results
 export async function queryAll<T>(sql: string, params: any[] = []): Promise<T[]> {
   const db = await getDatabase();
   const results: T[] = [];
@@ -155,7 +208,6 @@ export async function queryAll<T>(sql: string, params: any[] = []): Promise<T[]>
   return results;
 }
 
-// Helper to run INSERT/UPDATE/DELETE
 export async function run(sql: string, params: any[] = []): Promise<{ lastInsertRowid: number; changes: number }> {
   const db = await getDatabase();
   db.run(sql, params);

package/src/db/queries.ts

@@ -157,10 +157,10 @@ export async function createRequestLog(log: Omit<RequestLog, 'id' | 'created_at'
     const result = await run(
       `INSERT INTO request_logs (
         model_id, request_method, request_path, request_headers,
-        request_query, request_body, response_status, response_body, response_time_ms
-      ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)`,
+        request_query, request_body, response_status, response_body, response_time_ms, created_at
+      ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, datetime('now', 'localtime'))`,
       [
-        log.model_id || null,
+        log.model_id === undefined ? null : log.model_id,
         log.request_method,
         log.request_path,
         log.request_headers,
@@ -182,10 +182,10 @@ export async function createRequestLog(log: Omit<RequestLog, 'id' | 'created_at'
       const result = await run(
         `INSERT INTO request_logs (
           model_id, request_method, request_path, request_headers,
-          request_query, request_body, response_status, response_body, response_time_ms
-        ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)`,
+          request_query, request_body, response_status, response_body, response_time_ms, created_at
+        ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, datetime('now', 'localtime'))`,
         [
-          null,
+          log.model_id === undefined ? null : log.model_id,
           log.request_method,
           log.request_path,
           log.request_headers,

package/src/server/logger.ts

@@ -1,6 +1,21 @@
 import { createRequestLog } from '../db/queries';
 import { maskApiKey, maskToken } from './crypto';
 
+/** Safe JSON.stringify that never throws; use for logging arbitrary response/request bodies. */
+function safeStringify(value: any): string {
+  if (value === undefined) return '';
+  if (value === null) return 'null';
+  try {
+    return JSON.stringify(value);
+  } catch {
+    try {
+      return String(value);
+    } catch {
+      return '[Non-serializable]';
+    }
+  }
+}
+
 export interface LogRequest {
   modelId: number | null; // Allow null for gateway requests
   method: string;
@@ -30,11 +45,11 @@ export async function logRequest(
       model_id: request.modelId,
       request_method: request.method,
       request_path: request.path,
-      request_headers: JSON.stringify(maskedHeaders),
-      request_query: JSON.stringify(request.query),
-      request_body: JSON.stringify(maskedBody),
+      request_headers: safeStringify(maskedHeaders),
+      request_query: safeStringify(request.query),
+      request_body: safeStringify(maskedBody),
       response_status: response.status,
-      response_body: JSON.stringify(response.body),
+      response_body: safeStringify(response.body),
       response_time_ms: response.responseTimeMs,
     });
   } catch (error) {

package/.next/static/chunks/6418ca50028376b7.css

@@ -1 +0,0 @@
-*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}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-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.left-1\/2{left:50%}.left-2\.5{left:.625rem}.left-3{left:.75rem}.left-4{left:1rem}.left-9{left:2.25rem}.right-2{right:.5rem}.right-2\.5{right:.625rem}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-20{top:5rem}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.-ml-1{margin-left:-.25rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-16{height:4rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[2px\]{height:2px}.max-h-96{max-height:24rem}.max-h-\[240px\]{max-height:240px}.max-h-\[60vh\]{max-height:60vh}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-2\.5{width:.625rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[68px\]{width:68px}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-3xl{max-width:48rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-xs{max-width:20rem}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*calc(1 - var(--tw-space-x-reverse)))}.space-x-12>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(3rem*var(--tw-space-x-reverse));margin-left:calc(3rem*calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem*var(--tw-space-x-reverse));margin-left:calc(.75rem*calc(1 - var(--tw-space-x-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.space-y-3\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.875rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.875rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-slate-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(241 245 249/var(--tw-divide-opacity,1))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-amber-200\/50{border-color:#fde68a80}.border-amber-200\/60{border-color:#fde68a99}.border-amber-200\/80{border-color:#fde68acc}.border-emerald-100\/30{border-color:#d1fae54d}.border-emerald-100\/50{border-color:#d1fae580}.border-emerald-200\/50{border-color:#a7f3d080}.border-emerald-200\/60{border-color:#a7f3d099}.border-emerald-200\/80{border-color:#a7f3d0cc}.border-emerald-600\/30{border-color:#0596694d}.border-indigo-200{--tw-border-opacity:1;border-color:rgb(199 210 254/var(--tw-border-opacity,1))}.border-indigo-200\/80{border-color:#c7d2fecc}.border-rose-200{--tw-border-opacity:1;border-color:rgb(254 205 211/var(--tw-border-opacity,1))}.border-rose-200\/50{border-color:#fecdd380}.border-rose-200\/60{border-color:#fecdd399}.border-rose-600\/30{border-color:#e11d484d}.border-sky-200\/50{border-color:#bae6fd80}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-200\/40{border-color:#e2e8f066}.border-slate-200\/50{border-color:#e2e8f080}.border-slate-200\/80{border-color:#e2e8f0cc}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-slate-700\/30{border-color:#3341554d}.border-slate-800{--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.border-slate-900{--tw-border-opacity:1;border-color:rgb(15 23 42/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-white\/40{border-color:#fff6}.border-t-slate-900{--tw-border-opacity:1;border-top-color:rgb(15 23 42/var(--tw-border-opacity,1))}.bg-amber-100\/80{background-color:#fef3c7cc}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-50\/80{background-color:#fffbebcc}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-emerald-100\/50{background-color:#d1fae580}.bg-emerald-100\/80{background-color:#d1fae5cc}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-emerald-50\/20{background-color:#ecfdf533}.bg-emerald-50\/30{background-color:#ecfdf54d}.bg-emerald-50\/60{background-color:#ecfdf599}.bg-emerald-50\/80{background-color:#ecfdf5cc}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.bg-rose-100\/50{background-color:#ffe4e680}.bg-rose-100\/80{background-color:#ffe4e6cc}.bg-rose-50\/60{background-color:#fff1f299}.bg-rose-500{--tw-bg-opacity:1;background-color:rgb(244 63 94/var(--tw-bg-opacity,1))}.bg-rose-600{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity,1))}.bg-sky-50{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-100\/60{background-color:#f1f5f999}.bg-slate-100\/80{background-color:#f1f5f9cc}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-slate-50\/60{background-color:#f8fafc99}.bg-slate-50\/80{background-color:#f8fafccc}.bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-slate-900\/40{background-color:#0f172a66}.bg-slate-900\/95{background-color:#0f172af2}.bg-slate-950{--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity,1))}.bg-transparent{background-color:#0000}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/40{background-color:#fff6}.bg-white\/60{background-color:#fff9}.bg-white\/70{background-color:#ffffffb3}.bg-white\/80{background-color:#fffc}.bg-white\/90{background-color:#ffffffe6}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-emerald-50\/30{--tw-gradient-from:#ecfdf54d var(--tw-gradient-from-position);--tw-gradient-to:#ecfdf500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white\/50{--tw-gradient-from:#ffffff80 var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-white{--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fff var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-slate-50\/50{--tw-gradient-to:#f8fafc80 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-20{padding-bottom:5rem}.pb-4{padding-bottom:1rem}.pl-9{padding-left:2.25rem}.pr-20{padding-right:5rem}.pr-3{padding-right:.75rem}.pr-7{padding-right:1.75rem}.pr-9{padding-right:2.25rem}.pt-1{padding-top:.25rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-bottom{vertical-align:bottom}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-4{line-height:1rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-emerald-700\/80{color:#047857cc}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-indigo-700{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-rose-500{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.text-rose-700{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.text-rose-700\/80{color:#be123ccc}.text-sky-700{--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-emerald-500\/20{--tw-shadow-color:#10b98133;--tw-shadow:var(--tw-shadow-colored)}.shadow-rose-500\/20{--tw-shadow-color:#f43f5e33;--tw-shadow:var(--tw-shadow-colored)}.shadow-slate-600\/20{--tw-shadow-color:#47556933;--tw-shadow:var(--tw-shadow-colored)}.filter{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)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}:root{--background:#fafbf9;--foreground:#2d3436;--emerald-50:#ecfdf5;--emerald-100:#d1fae5;--emerald-500:#10b981;--emerald-700:#047857;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}input,select,textarea{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}input:focus,select:focus,textarea:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:#34d39933;--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;outline:2px solid #0000}button{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}button:disabled{cursor:not-allowed;opacity:.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.last\:border-0:last-child{border-width:0}.hover\:border-emerald-300:hover{--tw-border-opacity:1;border-color:rgb(110 231 183/var(--tw-border-opacity,1))}.hover\:border-slate-300:hover{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.hover\:border-slate-300\/60:hover{border-color:#cbd5e199}.hover\:border-slate-300\/80:hover{border-color:#cbd5e1cc}.hover\:bg-amber-100:hover{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.hover\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-emerald-100:hover{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.hover\:bg-emerald-50:hover{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.hover\:bg-emerald-50\/20:hover{background-color:#ecfdf533}.hover\:bg-emerald-50\/50:hover{background-color:#ecfdf580}.hover\:bg-emerald-700:hover{--tw-bg-opacity:1;background-color:rgb(4 120 87/var(--tw-bg-opacity,1))}.hover\:bg-indigo-100:hover{--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity,1))}.hover\:bg-rose-50:hover{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.hover\:bg-rose-600:hover{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity,1))}.hover\:bg-rose-700:hover{--tw-bg-opacity:1;background-color:rgb(190 18 60/var(--tw-bg-opacity,1))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:bg-slate-700:hover{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.hover\:bg-slate-800:hover{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:from-slate-50\/60:hover{--tw-gradient-from:#f8fafc99 var(--tw-gradient-from-position);--tw-gradient-to:#f8fafc00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.hover\:text-emerald-600:hover{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.hover\:text-emerald-700:hover{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.hover\:text-rose-500:hover{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.hover\:text-rose-600:hover{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.hover\:text-slate-600:hover{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.hover\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-emerald-400:focus{--tw-border-opacity:1;border-color:rgb(52 211 153/var(--tw-border-opacity,1))}.focus\:border-emerald-500:focus{--tw-border-opacity:1;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.focus\:border-slate-400\/80:focus{border-color:#94a3b8cc}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-amber-500\/50:focus{--tw-ring-color:#f59e0b80}.focus\:ring-blue-500\/50:focus{--tw-ring-color:#3b82f680}.focus\:ring-emerald-400\/20:focus{--tw-ring-color:#34d39933}.focus\:ring-emerald-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(16 185 129/var(--tw-ring-opacity,1))}.focus\:ring-emerald-500\/30:focus{--tw-ring-color:#10b9814d}.focus\:ring-emerald-500\/50:focus{--tw-ring-color:#10b98180}.focus\:ring-rose-500\/50:focus{--tw-ring-color:#f43f5e80}.focus\:ring-slate-200\/50:focus{--tw-ring-color:#e2e8f080}.focus\:ring-slate-400\/30:focus{--tw-ring-color:#94a3b84d}.focus\:ring-offset-1:focus{--tw-ring-offset-width:1px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group[open] .group-open\:rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.group\/tip:hover .group-hover\/tip\:visible{visibility:visible}.group:hover .group-hover\:bg-slate-50\/40{background-color:#f8fafc66}.group:hover .group-hover\:text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.group\/tip:hover .group-hover\/tip\:opacity-100{opacity:1}@media (min-width:640px){.sm\:my-8{margin-top:2rem;margin-bottom:2rem}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:w-full{width:100%}.sm\:max-w-3xl{max-width:48rem}.sm\:max-w-md{max-width:28rem}.sm\:max-w-sm{max-width:24rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:p-0{padding:0}.sm\:p-6{padding:1.5rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:align-middle{vertical-align:middle}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}}