@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink-1);background:var(--surface-1);color-scheme:light;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--surface-0: #ffffff;--surface-1: #f6f8f7;--surface-2: #edf2ef;--surface-3: #dfe7e2;--ink-1: #17201c;--ink-2: #495b54;--ink-3: #617168;--line: #dde5e0;--line-strong: #b9c7c0;--accent: #197a62;--accent-strong: #0e5548;--accent-soft-light: #e7f4ef;--accent-soft: var(--accent-soft-light);--accent-hover: #176f59;--accent-text: var(--accent);--accent-text-strong: var(--accent-strong);--accent-text-blue: var(--accent-blue);--on-accent: #ffffff;--focus: var(--accent-text);--focus-ring: color-mix(in srgb, var(--focus) 30%, transparent);--disabled-surface: var(--surface-2);--disabled-ink: var(--ink-3);--sidebar-base: #17201c;--logo-surface: transparent;--sidebar-selected: color-mix(in srgb, var(--accent) 28%, transparent);--accent-blue: #0f5f8f;--accent-lime: #9ac65d;--accent-gradient: linear-gradient(135deg, #0f5f8f 0%, #197a62 55%, #4e7528 100%);--profile-agent: var(--accent);--profile-agent-text: var(--accent-text);--profile-agent-gradient: var(--accent-gradient);--profile-team: var(--blue);--profile-team-text: var(--blue-text);--profile-team-gradient: linear-gradient(135deg, var(--blue), var(--accent));--profile-team-avatar-gradient: linear-gradient(140deg, #60a5fa, var(--accent-blue));--profile-workflow: var(--purple);--profile-workflow-text: var(--purple-text);--profile-workflow-gradient: linear-gradient(135deg, var(--purple), var(--accent-blue));--profile-workflow-avatar-gradient: linear-gradient(140deg, #a78bfa, #7c3aed);--blue: #2563eb;--blue-soft: #eff6ff;--blue-text: var(--blue);--green: #0e7150;--green-soft: #ecfdf5;--green-text: var(--green);--amber: #875200;--amber-soft: #fffbeb;--amber-text: var(--amber);--red: #b42332;--red-soft: #fef2f2;--red-text: var(--red);--purple: #6536bb;--purple-soft: #f5f3ff;--purple-text: var(--purple);--live: #c2792b;--live-soft: #fdf4e7;--agent: var(--profile-agent);--tool: var(--blue-text);--thinking: var(--purple-text);--running: var(--live);--completed: var(--green-text);--failed: var(--red-text);--user-message: var(--accent-soft);--assistant-message: var(--surface-1);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-1: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-2: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-3: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-4: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .04);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--rail-width: 68px;--header-height: 60px;--context-width: 360px;--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .3s ease}:root[data-color-mode=dark]{color-scheme:dark;--logo-surface: #ffffff;--surface-0: #181c1b;--surface-1: #111413;--surface-2: #242a27;--surface-3: #333c37;--ink-1: #f0f4f2;--ink-2: #c1cec7;--ink-3: #a0b2a8;--line: #48564e;--line-strong: #71867a;--accent-soft: color-mix(in srgb, var(--accent) 22%, var(--surface-0));--blue-text: #86b8ff;--blue-soft: #192b43;--green-text: #6adeb4;--green-soft: #15352b;--amber-text: #ffd17a;--amber-soft: #3d3018;--red-text: #ffa3a3;--red-soft: #412323;--purple-text: #c4afff;--purple-soft: #302442;--live: #edb56c;--live-soft: #392e20}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-width:320px;height:100%;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background:var(--surface-1);color:var(--ink-1);font-size:14px;line-height:1.5}html:not([data-branding-ready]) staf-app{visibility:hidden}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-0);color:var(--ink-1);cursor:pointer;font-weight:500;font-size:.875rem;transition:all var(--transition-fast)}button:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-2);box-shadow:var(--shadow-xs)}button:active:not(:disabled){transform:scale(.98)}button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{border:1px solid var(--input-border, var(--line));border-radius:var(--radius-sm);background:var(--input-surface, var(--surface-0));color:var(--ink-1);min-height:38px;padding:8px 12px;font-size:.875rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-text);box-shadow:0 0 0 3px var(--focus-ring)}input::placeholder,textarea::placeholder{color:var(--ink-3)}textarea{resize:vertical}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23718096' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px;cursor:pointer}a{color:var(--accent-text-strong);text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:var(--font-mono);font-size:.85em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){:root{--rail-width: 56px;--header-height: 52px;--context-width: 100vw}}