@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..60,700;12..60,800&family=Manrope:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--brand-h: 236;--bg: oklch(.98 .01 var(--brand-h));--surface: oklch(1 0 0);--surface-lo: oklch(.96 .012 var(--brand-h));--surface-mid: oklch(.93 .016 var(--brand-h));--surface-hi: oklch(.9 .02 var(--brand-h));--sidebar-bg: oklch(.97 .014 var(--brand-h));--border: oklch(.88 .02 var(--brand-h));--border-subtle: oklch(.92 .015 var(--brand-h));--text-1: oklch(.15 .02 var(--brand-h));--text-2: oklch(.35 .03 var(--brand-h));--text-3: oklch(.55 .03 var(--brand-h));--text-4: oklch(.7 .02 var(--brand-h));--accent: oklch(.5 .22 var(--brand-h));--accent-mid: oklch(.55 .22 var(--brand-h));--accent-hi: oklch(.6 .22 var(--brand-h));--accent-bg: oklch(.94 .04 var(--brand-h));--accent-text: oklch(.98 .01 var(--brand-h));--success: oklch(.55 .16 160);--success-bg: oklch(.95 .05 160);--success-text: oklch(.35 .14 160);--warning: oklch(.65 .18 60);--warning-bg: oklch(.96 .06 60);--warning-text: oklch(.4 .16 60);--danger: oklch(.55 .22 25);--danger-bg: oklch(.96 .06 25);--danger-text: oklch(.38 .18 25);--info: oklch(.55 .18 220);--info-bg: oklch(.94 .05 220);--info-text: oklch(.35 .16 220);--font-body: "Manrope", system-ui, sans-serif;--font-head: "Bricolage Grotesque", "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-base: 14px;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-full: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--shadow-sm: 0 1px 3px oklch(0 0 0 / .06), 0 1px 2px oklch(0 0 0 / .04);--shadow-md: 0 4px 12px oklch(0 0 0 / .08), 0 2px 4px oklch(0 0 0 / .05);--shadow-lg: 0 8px 24px oklch(0 0 0 / .1), 0 4px 8px oklch(0 0 0 / .06);--sidebar-w: 220px;--topbar-h: 56px;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .12s;--dur-mid: .2s;--dur-slow: .32s}[data-density=compact]{--font-base: 13px;--sp-3: 10px;--sp-4: 14px;--sp-5: 18px;--sp-6: 20px}[data-density=comfy]{--font-base: 15px;--sp-3: 14px;--sp-4: 18px;--sp-5: 24px;--sp-6: 28px}[data-theme=dark]{--bg: oklch(.14 .02 var(--brand-h));--surface: oklch(.18 .02 var(--brand-h));--surface-lo: oklch(.16 .02 var(--brand-h));--surface-mid: oklch(.21 .025 var(--brand-h));--surface-hi: oklch(.25 .03 var(--brand-h));--sidebar-bg: oklch(.15 .02 var(--brand-h));--border: oklch(.28 .03 var(--brand-h));--border-subtle: oklch(.24 .025 var(--brand-h));--text-1: oklch(.96 .01 var(--brand-h));--text-2: oklch(.8 .02 var(--brand-h));--text-3: oklch(.62 .03 var(--brand-h));--text-4: oklch(.48 .025 var(--brand-h));--accent-bg: oklch(.24 .06 var(--brand-h));--shadow-sm: 0 1px 3px oklch(0 0 0 / .3);--shadow-md: 0 4px 12px oklch(0 0 0 / .4)}html{font-size:var(--font-base);color-scheme:light}[data-theme=dark]{color-scheme:dark}body{font-family:var(--font-body);background:var(--bg);color:var(--text-1);line-height:1.55;-webkit-font-smoothing:antialiased;overflow:hidden;height:100dvh}#root{height:100dvh;display:flex;overflow:hidden}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-4)}h1,h2,h3,.heading{font-family:var(--font-head)}code,pre,.mono{font-family:var(--font-mono);font-size:.92em}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes toastIn{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}@keyframes slideInToast{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.fade-in{animation:fadeIn .2s cubic-bezier(.16,1,.3,1)}.slide-in{animation:slideIn .2s cubic-bezier(.16,1,.3,1)}.scroll{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;background:none}button:disabled{opacity:.4;cursor:not-allowed}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--r-md);font-size:13px;font-weight:600;transition:all .12s;white-space:nowrap}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-primary:not(:disabled):hover{background:var(--accent-mid)}.btn-ghost{color:var(--text-2)}.btn-ghost:not(:disabled):hover{background:var(--surface-mid);color:var(--text-1)}.btn-danger{background:var(--danger-bg);color:var(--danger-text)}.btn-danger:not(:disabled):hover{background:var(--danger);color:#fff}.icon-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);color:var(--text-3);transition:all .12s}.icon-btn:hover{background:var(--surface-mid);color:var(--text-1)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.6}.badge-success{background:var(--success-bg);color:var(--success-text)}.badge-warning{background:var(--warning-bg);color:var(--warning-text)}.badge-danger{background:var(--danger-bg);color:var(--danger-text)}.badge-info{background:var(--info-bg);color:var(--info-text)}.badge-neutral{background:var(--surface-mid);color:var(--text-3)}.badge-accent{background:var(--accent-bg);color:var(--accent)}.tag{display:inline-flex;align-items:center;padding:2px 7px;border-radius:var(--r-sm);font-size:11px;font-weight:700;background:var(--accent-bg);color:var(--accent)}.pulse-dot{width:7px;height:7px;border-radius:50%;animation:pulse 1.4s ease-in-out infinite}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{font-family:inherit;font-size:13px;background:var(--surface);color:var(--text-1);border:1.5px solid var(--border);border-radius:var(--r-md);padding:8px 12px;outline:none;transition:border-color .12s;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--accent) 15%,transparent)}.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .65s linear infinite;flex-shrink:0}.divider{height:1px;background:var(--border-subtle);margin:var(--sp-3) 0}.card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body, "DM Sans", sans-serif);-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border, #d1d5db);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-4, #9ca3af)}@keyframes slideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes slideInToast{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes typing{0%,to{transform:translateY(0);opacity:.35}50%{transform:translateY(-4px);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle;line-height:1;display:inline-block}[data-theme=dark] main,[data-theme=dark] main>div,[data-theme=dark] .main-content{background:var(--bg)!important;color:var(--text-1)!important}[data-theme=dark] *[style*="background: #fff"],[data-theme=dark] *[style*='background: "#fff"'],[data-theme=dark] *[style*="background: white"],[data-theme=dark] *[style*="background:#fff"],[data-theme=dark] *[style*="backgroundColor: '#fff'"],[data-theme=dark] *[style*="backgroundColor: rgb(255, 255, 255)"]{background:var(--surface)!important}[data-theme=dark] *[style*="background: #f8f9ff"],[data-theme=dark] *[style*="background: #f8f9fb"],[data-theme=dark] *[style*="background: #f8fafc"],[data-theme=dark] *[style*="background: #f1f5f9"],[data-theme=dark] *[style*="background: #f9fafb"]{background:var(--surface-lo)!important}[data-theme=dark] *[style*="background: #eef2ff"],[data-theme=dark] *[style*="background: #eff4ff"],[data-theme=dark] *[style*="background: #e0e7ff"]{background:var(--accent-bg)!important}[data-theme=dark] *[style*='borderBottom: "1px solid #e4e4e7"'],[data-theme=dark] *[style*='borderTop: "1px solid #e4e4e7"'],[data-theme=dark] *[style*='borderRight: "1px solid #e4e4e7"'],[data-theme=dark] *[style*='borderLeft: "1px solid #e4e4e7"'],[data-theme=dark] *[style*='border: "1px solid #e4e4e7"'],[data-theme=dark] *[style*="border: 1px solid #e4e4e7"],[data-theme=dark] *[style*='border: "1px solid #e2e8f0"'],[data-theme=dark] *[style*="borderColor: #e4e4e7"]{border-color:var(--border)!important}[data-theme=dark] *[style*="color: #0b1c30"],[data-theme=dark] *[style*="color: #0f172a"],[data-theme=dark] *[style*="color: #111827"],[data-theme=dark] *[style*="color: #1e293b"],[data-theme=dark] *[style*='color: "#0b1c30"'],[data-theme=dark] *[style*='color: "#0f172a"']{color:var(--text-1)!important}[data-theme=dark] *[style*="color: #374151"],[data-theme=dark] *[style*="color: #334155"],[data-theme=dark] *[style*='color: "#374151"']{color:var(--text-2)!important}[data-theme=dark] *[style*="color: #6b7280"],[data-theme=dark] *[style*="color: #64748b"],[data-theme=dark] *[style*='color: "#6b7280"'],[data-theme=dark] *[style*='color: "#64748b"']{color:var(--text-3)!important}[data-theme=dark] *[style*="color: #9ca3af"],[data-theme=dark] *[style*="color: #94a3b8"],[data-theme=dark] *[style*='color: "#9ca3af"'],[data-theme=dark] *[style*='color: "#94a3b8"']{color:var(--text-4)!important}[data-theme=dark] input[type=text],[data-theme=dark] input[type=email],[data-theme=dark] input[type=password],[data-theme=dark] input[type=number],[data-theme=dark] textarea,[data-theme=dark] select{background:var(--surface-mid)!important;color:var(--text-1)!important;border-color:var(--border)!important}[data-theme=dark] tr:hover td,[data-theme=dark] *[style*="background: #f9fafb"]:hover{background:var(--surface-mid)!important}[data-theme=dark] *[style*="background: #f1f5f9"],[data-theme=dark] *[style*="background: #f8f9fb"],[data-theme=dark] code,[data-theme=dark] pre{background:var(--surface-hi)!important;color:var(--text-2)!important}[data-theme=dark] *[style*=boxShadow]{box-shadow:var(--shadow-sm)!important}[data-theme=dark] aside{background:var(--sidebar-bg)!important;border-color:var(--border-subtle)!important}