@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-app: #f8fafc;--bg-sidebar: #f1f4f8;--bg-surface: #ffffff;--bg-surface-elevated: #ffffff;--bg-surface-hover: #f8fafc;--bg-input: #ffffff;--bg-segmented: #e9eef5;--border-subtle: #e2e8f0;--border-medium: #cbd5e1;--border-focus: #6366f1;--accent-primary: #4f46e5;--accent-primary-hover: #4338ca;--accent-soft: rgba(79, 70, 229, .08);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-disabled: #cbd5e1;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-subtle: 0 1px 3px 0 rgba(0, 0, 0, .04), 0 1px 2px -1px rgba(0, 0, 0, .04);--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-elevated: 0 12px 24px -4px rgba(15, 23, 42, .08), 0 4px 6px -2px rgba(15, 23, 42, .03)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);min-height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ambient-glow{position:absolute;top:-150px;right:20%;width:500px;height:500px;background:radial-gradient(circle,#6366f10f,#f8fafc00 70%);pointer-events:none;z-index:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b899}.card-clean{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);transition:all .2s cubic-bezier(.16,1,.3,1)}.card-clean:hover{border-color:var(--border-medium);box-shadow:var(--shadow-card)}.btn-solid{background:var(--accent-primary);color:#fff;font-family:var(--font-sans);font-weight:600;font-size:13px;padding:8px 16px;border-radius:var(--radius-sm);border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .15s ease;box-shadow:0 1px 3px #4f46e540}.btn-solid:hover{background:var(--accent-primary-hover);transform:translateY(-.5px);box-shadow:0 3px 6px #4f46e54d}.btn-solid:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text-secondary);font-family:var(--font-sans);font-weight:500;font-size:13px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .15s ease}.btn-ghost:hover{background:#0f172a0a;color:var(--text-primary)}.btn-ghost.active{background:#fff;color:var(--accent-primary);border-color:var(--border-subtle);box-shadow:0 1px 2px #0000000a;font-weight:600}.input-minimal{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;padding:9px 13px;outline:none;transition:all .15s ease;width:100%}.input-minimal:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-soft)}.input-minimal::placeholder{color:var(--text-tertiary)}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:500}.pill-default{background:#f1f5f9;color:var(--text-secondary);border:1px solid var(--border-subtle)}.pill-accent{background:var(--accent-soft);color:var(--accent-primary);border:1px solid rgba(79,70,229,.18);font-weight:600}.pill-success{background:#ecfdf5;color:#059669;border:1px solid rgba(5,150,105,.2);font-weight:600}.segmented-control{display:flex;background:var(--bg-segmented);padding:3px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);gap:2px}.segmented-item{padding:6px 13px;border-radius:6px;font-size:12px;font-weight:500;color:var(--text-secondary);border:none;background:transparent;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease}.segmented-item:hover{color:var(--text-primary)}.segmented-item.active{background:#fff;color:var(--text-primary);box-shadow:0 1px 2px #00000014;font-weight:600}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{display:inline-block;width:2px;height:14px;background:var(--accent-primary);margin-left:3px;vertical-align:middle;animation:cursorBlink .9s infinite}