:root{--blue: #B8D96A;--blue-hover: #C9E685;--blue-dim: color-mix(in srgb, #B8D96A 22%, #141210);--blue-border: color-mix(in srgb, #B8D96A 42%, #292524);--blue-secondary: #A3E635;--blue-muted: #BEF264;--bg-dark: #0C0A09;--bg-dark-2: #141210;--bg-light: #FAFAF9;--bg-card: #ffffff;--text-light: #FAFAF9;--text-light-muted: #A8A29E;--text-light-subtle: #78716C;--text-dark: #0C0A09;--text-body: #57534E;--border-light: #E7E5E4;--border-dark: #292524;--border-blue: color-mix(in srgb, #B8D96A 42%, #292524);--font-mono: "JetBrains Mono", "Fira Mono", "Cascadia Code", "SF Mono", ui-monospace, monospace;--font-sans: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--sidebar-width: 240px;--sidebar-width-expanded: 240px;--sidebar-width-collapsed: 72px;--topbar-height: 72px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-card: none;--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .45);--shadow-panel: -8px 0 32px rgba(0, 0, 0, .35);--bg-page: #0C0A09;--bg-elevated: #1C1917;--bg-surface: #141210;--bg-hover: rgba(255, 255, 255, .04);--text-primary: #FAFAF9;--text-secondary: #A8A29E;--text-tertiary: #78716C;--text-heading: var(--sidebar-text-muted);--text-muted: var(--text-tertiary);--border: #292524;--border-strong: #44403C;--accent: #B8D96A;--accent-soft: color-mix(in srgb, #B8D96A 18%, #141210);--accent-text: #B8D96A;--dashboard-status: var(--accent-text);--sidebar-bg: #141210;--sidebar-border: #292524;--sidebar-text: #FAFAF9;--sidebar-text-muted: #A8A29E;--sidebar-text-subtle: #78716C;--sidebar-active-bg: color-mix(in srgb, #B8D96A 16%, #141210);--sidebar-active-text: #B8D96A;--sidebar-hover-bg: rgba(255, 255, 255, .04);--sidebar-icon-bg: color-mix(in srgb, #B8D96A 18%, #141210);--sidebar-brand-accent: #B8D96A;--sidebar-active-indicator: #B8D96A;--sidebar-control-bg: rgba(255, 255, 255, .04);--sidebar-control-hover: rgba(255, 255, 255, .08);--sidebar-avatar-text: #B8D96A;--topbar-bg: #141210;--topbar-border: #292524;--card-bg: #141210;--card-border: #292524;--card-shadow: none;--card-shadow-hover: 0 8px 24px rgba(0, 0, 0, .45);--scrollbar-thumb: rgba(255, 255, 255, .12);--btn-neutral-bg: #1C1917;--btn-neutral-border: transparent;--btn-neutral-text: #FAFAF9;--btn-accent-bg: #1C1917;--btn-accent-border: transparent;--btn-accent-text: #FAFAF9;--btn-success-bg: #0C0A09;--btn-success-border: rgba(250, 250, 249, .22);--btn-success-text: #FAFAF9;--btn-danger-bg: #1C1917;--btn-danger-border: transparent;--btn-danger-text: #F87171;--btn-write-bg: #292524;--btn-write-border: transparent;--btn-write-text: #FAFAF9;--btn-upload-bg: var(--accent);--btn-upload-border: transparent;--btn-upload-text: var(--accent-on);--btn-write-primary-bg: var(--accent);--btn-write-primary-text: var(--accent-on);--btn-upload-secondary-bg: #1C1917;--btn-upload-secondary-border: rgba(250, 250, 249, .18);--btn-upload-secondary-text: #FAFAF9;--canvas-bg: var(--bg-page);--canvas-dot: rgba(255, 255, 255, .12);--accent-on: #0C0A09;--accent-hover: #C9E685;--accent-border: color-mix(in srgb, #B8D96A 42%, #292524);--guide: #A78BFA;--guide-hover: #C4B5FD;--guide-soft: rgba(167, 139, 250, .14);--guide-border: rgba(167, 139, 250, .38);--guide-on: #0C0A09;--success: #2DD4BF;--success-soft: rgba(45, 212, 191, .14);--warning: #F59E0B;--warning-soft: rgba(245, 158, 11, .14);--danger: #F87171;--danger-soft: rgba(248, 113, 113, .14);--info: #60A5FA;--info-soft: rgba(96, 165, 250, .14);--status-pending: var(--text-tertiary);--status-pending-soft: var(--bg-hover);--status-running: var(--accent);--status-running-soft: var(--accent-soft);--status-completed: var(--accent);--status-completed-soft: var(--accent-soft);--status-failed: var(--danger);--status-failed-soft: var(--danger-soft);--status-skipped: var(--border-strong);--status-skipped-soft: var(--bg-hover);--status-checkpoint: var(--warning);--status-checkpoint-soft: var(--warning-soft);--status-cancelled: var(--text-tertiary);--status-cancelled-soft: var(--bg-hover);--list-selected-bg: var(--bg-page);--overlay-scrim: rgba(0, 0, 0, .72);--ghost-stroke: rgba(255, 255, 255, .18);--concept-edge: rgba(255, 255, 255, .18);--steps-card-bg: var(--bg-page);--template-backdrop: rgba(0, 0, 0, .6);--verified: var(--success);--verified-dim: var(--success-soft);--untested: var(--warning);--untested-dim: var(--warning-soft);--invalid: var(--danger);--invalid-dim: var(--danger-soft)}[data-theme=light]{--blue: #4D7C0F;--blue-hover: #3F6212;--blue-dim: rgba(77, 124, 15, .1);--blue-border: rgba(77, 124, 15, .28);--blue-secondary: #65A30D;--blue-muted: #84CC16;--bg-light: #FAFAF9;--bg-card: #ffffff;--text-dark: #0C0A09;--text-body: #57534E;--border-light: #E7E5E4;--shadow-card: 0 1px 3px rgba(12, 10, 9, .05), 0 1px 2px rgba(12, 10, 9, .03);--shadow-card-hover: 0 4px 16px rgba(12, 10, 9, .08), 0 1px 3px rgba(12, 10, 9, .05);--shadow-panel: -8px 0 32px rgba(12, 10, 9, .1);--bg-page: #FAFAF9;--bg-elevated: #ffffff;--bg-surface: #ffffff;--bg-hover: rgba(12, 10, 9, .04);--text-primary: #0C0A09;--text-secondary: #57534E;--text-tertiary: #78716C;--text-heading: var(--sidebar-text-muted);--text-muted: var(--text-tertiary);--border: #E7E5E4;--border-strong: #D6D3D1;--accent: #4D7C0F;--accent-soft: #EFF7DE;--accent-text: #3F6212;--dashboard-status: var(--btn-upload-bg);--sidebar-bg: #ffffff;--sidebar-border: #E7E5E4;--sidebar-text: #0C0A09;--sidebar-text-muted: #57534E;--sidebar-text-subtle: #78716C;--sidebar-active-bg: #EFF7DE;--sidebar-active-text: #3F6212;--sidebar-hover-bg: rgba(12, 10, 9, .04);--sidebar-icon-bg: rgba(190, 242, 100, .18);--sidebar-brand-accent: #BEF264;--sidebar-active-indicator: #84CC16;--sidebar-control-bg: rgba(12, 10, 9, .04);--sidebar-control-hover: rgba(12, 10, 9, .08);--sidebar-avatar-text: #3F6212;--topbar-bg: #ffffff;--topbar-border: #E7E5E4;--card-bg: #ffffff;--card-border: #E7E5E4;--card-shadow: 0 1px 3px rgba(12, 10, 9, .05), 0 1px 2px rgba(12, 10, 9, .03);--card-shadow-hover: 0 4px 16px rgba(12, 10, 9, .08), 0 1px 3px rgba(12, 10, 9, .05);--scrollbar-thumb: rgba(12, 10, 9, .14);--btn-neutral-bg: #F5F5F4;--btn-neutral-border: transparent;--btn-neutral-text: #0C0A09;--btn-accent-bg: #F5F5F4;--btn-accent-border: transparent;--btn-accent-text: #292524;--btn-success-bg: #F5F5F4;--btn-success-border: transparent;--btn-success-text: #0C0A09;--btn-danger-bg: #F5F5F4;--btn-danger-border: transparent;--btn-danger-text: #DC2626;--btn-write-bg: #F5F5F4;--btn-write-border: transparent;--btn-write-text: #292524;--btn-upload-bg: var(--accent);--btn-upload-border: transparent;--btn-upload-text: var(--accent-on);--btn-write-primary-bg: var(--accent);--btn-write-primary-text: var(--accent-on);--btn-upload-secondary-bg: #FFFFFF;--btn-upload-secondary-border: #D6D3D1;--btn-upload-secondary-text: #0C0A09;--canvas-bg: #F5F5F4;--canvas-dot: #D6D3D1;--accent-on: #FFFFFF;--accent-hover: #3F6212;--accent-border: #EFF7DE;--guide: #6D28D9;--guide-hover: #5B21B6;--guide-soft: rgba(109, 40, 217, .08);--guide-border: rgba(109, 40, 217, .24);--guide-on: #FFFFFF;--success: #0D9488;--success-soft: rgba(13, 148, 136, .1);--warning: #B45309;--warning-soft: rgba(180, 83, 9, .1);--danger: #DC2626;--danger-soft: rgba(220, 38, 38, .08);--info: #1D4ED8;--info-soft: rgba(29, 78, 216, .08);--status-pending: var(--text-tertiary);--status-pending-soft: var(--bg-hover);--status-running: var(--accent);--status-running-soft: var(--accent-soft);--status-completed: var(--accent);--status-completed-soft: var(--accent-soft);--status-failed: var(--danger);--status-failed-soft: var(--danger-soft);--status-skipped: var(--border-strong);--status-skipped-soft: var(--bg-hover);--status-checkpoint: var(--warning);--status-checkpoint-soft: var(--warning-soft);--status-cancelled: var(--text-tertiary);--status-cancelled-soft: var(--bg-hover);--list-selected-bg: #f7f6f6;--overlay-scrim: rgba(12, 10, 9, .55);--ghost-stroke: rgba(12, 10, 9, .16);--concept-edge: #D6D3D1;--steps-card-bg: #F5F5F4;--template-backdrop: rgba(12, 10, 9, .35);--verified: var(--success);--verified-dim: var(--success-soft);--untested: var(--warning);--untested-dim: var(--warning-soft);--invalid: var(--danger);--invalid-dim: var(--danger-soft)}[data-theme=dark]{--blue: #B8D96A;--blue-hover: #C9E685;--blue-dim: color-mix(in srgb, #B8D96A 22%, #141210);--blue-border: color-mix(in srgb, #B8D96A 42%, #292524);--blue-secondary: #A3E635;--blue-muted: #BEF264;--bg-light: #0C0A09;--bg-card: #141210;--bg-dark: #0C0A09;--bg-dark-2: #141210;--text-dark: #FAFAF9;--text-body: #A8A29E;--text-light: #FAFAF9;--text-light-muted: #A8A29E;--text-light-subtle: #78716C;--border-light: #292524;--border-dark: #292524;--shadow-card: none;--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .45);--shadow-panel: -8px 0 32px rgba(0, 0, 0, .35);--bg-page: #0C0A09;--bg-elevated: #1C1917;--bg-surface: #141210;--bg-hover: rgba(255, 255, 255, .04);--text-primary: #FAFAF9;--text-secondary: #A8A29E;--text-tertiary: #78716C;--text-heading: var(--sidebar-text-muted);--text-muted: var(--text-tertiary);--border: #292524;--border-strong: #44403C;--accent: #B8D96A;--accent-soft: color-mix(in srgb, #B8D96A 18%, #141210);--accent-text: #B8D96A;--dashboard-status: var(--accent-text);--sidebar-bg: #141210;--sidebar-border: #292524;--sidebar-text: #FAFAF9;--sidebar-text-muted: #A8A29E;--sidebar-text-subtle: #78716C;--sidebar-active-bg: color-mix(in srgb, #B8D96A 16%, #141210);--sidebar-active-text: #B8D96A;--sidebar-hover-bg: rgba(255, 255, 255, .04);--sidebar-icon-bg: color-mix(in srgb, #B8D96A 18%, #141210);--sidebar-brand-accent: #B8D96A;--sidebar-active-indicator: #B8D96A;--sidebar-control-bg: rgba(255, 255, 255, .04);--sidebar-control-hover: rgba(255, 255, 255, .08);--sidebar-avatar-text: #B8D96A;--topbar-bg: #141210;--topbar-border: #292524;--card-bg: #141210;--card-border: #292524;--card-shadow: none;--card-shadow-hover: 0 8px 24px rgba(0, 0, 0, .45);--scrollbar-thumb: rgba(255, 255, 255, .12);--btn-neutral-bg: #1C1917;--btn-neutral-border: transparent;--btn-neutral-text: #FAFAF9;--btn-accent-bg: #1C1917;--btn-accent-border: transparent;--btn-accent-text: #FAFAF9;--btn-success-bg: #0C0A09;--btn-success-border: rgba(250, 250, 249, .22);--btn-success-text: #FAFAF9;--btn-danger-bg: #1C1917;--btn-danger-border: transparent;--btn-danger-text: #F87171;--btn-write-bg: #292524;--btn-write-border: transparent;--btn-write-text: #FAFAF9;--btn-upload-bg: var(--accent);--btn-upload-border: transparent;--btn-upload-text: var(--accent-on);--btn-write-primary-bg: var(--accent);--btn-write-primary-text: var(--accent-on);--btn-upload-secondary-bg: #1C1917;--btn-upload-secondary-border: rgba(250, 250, 249, .18);--btn-upload-secondary-text: #FAFAF9;--canvas-bg: var(--bg-page);--canvas-dot: rgba(255, 255, 255, .12);--accent-on: #0C0A09;--accent-hover: #C9E685;--accent-border: color-mix(in srgb, #B8D96A 42%, #292524);--guide: #A78BFA;--guide-hover: #C4B5FD;--guide-soft: rgba(167, 139, 250, .14);--guide-border: rgba(167, 139, 250, .38);--guide-on: #0C0A09;--success: #2DD4BF;--success-soft: rgba(45, 212, 191, .14);--warning: #F59E0B;--warning-soft: rgba(245, 158, 11, .14);--danger: #F87171;--danger-soft: rgba(248, 113, 113, .14);--info: #60A5FA;--info-soft: rgba(96, 165, 250, .14);--status-pending: var(--text-tertiary);--status-pending-soft: var(--bg-hover);--status-running: var(--accent);--status-running-soft: var(--accent-soft);--status-completed: var(--accent);--status-completed-soft: var(--accent-soft);--status-failed: var(--danger);--status-failed-soft: var(--danger-soft);--status-skipped: var(--border-strong);--status-skipped-soft: var(--bg-hover);--status-checkpoint: var(--warning);--status-checkpoint-soft: var(--warning-soft);--status-cancelled: var(--text-tertiary);--status-cancelled-soft: var(--bg-hover);--list-selected-bg: var(--bg-page);--overlay-scrim: rgba(0, 0, 0, .72);--ghost-stroke: rgba(255, 255, 255, .18);--concept-edge: rgba(255, 255, 255, .18);--steps-card-bg: var(--bg-page);--template-backdrop: rgba(0, 0, 0, .6);--verified: var(--success);--verified-dim: var(--success-soft);--untested: var(--warning);--untested-dim: var(--warning-soft);--invalid: var(--danger);--invalid-dim: var(--danger-soft)}html{color-scheme:dark}html[data-theme=light]{color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-size:15px}body{font-family:var(--font-sans);background:var(--bg-page);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s ease,color .25s ease}#root{height:100%;width:100%;display:flex}::selection{background:var(--accent-soft);color:var(--accent-text)}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.app-toast{position:fixed!important;top:16px!important;right:16px!important;left:auto!important;bottom:auto!important;z-index:99999!important;display:flex;align-items:flex-start;gap:10px;max-width:min(360px,calc(100vw - 32px));padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary, var(--text-dark));box-shadow:0 8px 28px #00000024;font-family:var(--font-sans);font-size:13px;pointer-events:auto;animation:app-toast-in .22s ease-out}[data-theme=dark] .app-toast{color:var(--text-light);box-shadow:0 8px 28px #00000073}.app-toast[data-type=success]{border-color:var(--blue-border)}.app-toast[data-type=error]{border-color:#ef444459}.app-toast-icon{flex-shrink:0;width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;line-height:1}.app-toast-close{flex-shrink:0;margin:-4px -6px -4px 0;border:none;background:transparent;color:var(--text-secondary, var(--text-body));cursor:pointer;font-size:18px;line-height:1;padding:4px 6px;border-radius:6px}.app-toast-close:hover{background:var(--bg-hover);color:var(--text-primary, var(--text-dark))}@keyframes app-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.sidebar-dark ::-webkit-scrollbar-thumb{background:#ffffff2e}html[data-theme=light] .sidebar-dark ::-webkit-scrollbar-thumb{background:#0c0a0924}.app-sidebar{position:relative;transition:width .28s cubic-bezier(.4,0,.2,1),min-width .28s cubic-bezier(.4,0,.2,1),background-color .25s ease}.app-sidebar .sidebar-label,.app-sidebar .sidebar-brand-text,.app-sidebar .sidebar-section-label,.app-sidebar .sidebar-user-meta{transition:opacity .18s ease,width .18s ease;white-space:nowrap;overflow:hidden}.app-sidebar.is-collapsed .sidebar-label,.app-sidebar.is-collapsed .sidebar-brand-text,.app-sidebar.is-collapsed .sidebar-section-label,.app-sidebar.is-collapsed .sidebar-user-meta{opacity:0;width:0;pointer-events:none}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-bone{flex-shrink:0;border-radius:6px;background:linear-gradient(105deg,var(--skeleton-base) 0%,var(--skeleton-base) 38%,var(--skeleton-shine) 50%,var(--skeleton-base) 62%,var(--skeleton-base) 100%);background-size:220% 100%;animation:skeleton-shimmer 1.55s ease-in-out infinite;animation-delay:var(--skel-delay, 0s)}select,select option,optgroup{font-family:var(--font-sans);font-size:14px}@media (prefers-reduced-motion: reduce){.skeleton-bone{animation:none;background:var(--skeleton-base)}}:root{--app-vh: 100vh}@supports (height: 100dvh){:root{--app-vh: 100dvh}}.app-shell-backdrop,.topbar-menu-btn{display:none}.topbar-subtitle{display:block}.dashboard-page{overflow-x:hidden;overflow-y:auto;min-height:0}.dashboard-top{padding:20px 24px 18px}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dashboard-mid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;min-height:240px}.dashboard-mid-side{display:flex;flex-direction:column;gap:14px;min-height:0}.dashboard-runs{padding:0 24px 16px}.dashboard-runs-table{display:block}.dashboard-runs-cards{display:none}.chart-day-full{display:inline}.chart-day-short{display:none}@media (max-width: 1100px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-mid{grid-template-columns:1fr;min-height:0}.dashboard-activity-card{height:220px!important}}@media (max-width: 900px){.app-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;z-index:400;width:260px!important;min-width:260px!important;max-width:260px!important;flex:0 0 0!important;margin:0!important;transform:translate3d(calc(-100% - 8px),0,0);box-shadow:none!important;border-right:none!important;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s ease,background-color .25s ease!important}.app-sidebar:not(.is-mobile-open){visibility:hidden;pointer-events:none}.app-sidebar.is-mobile-open{transform:translateZ(0);visibility:visible;pointer-events:auto;box-shadow:8px 0 32px #0b10202e!important;border-right:1px solid var(--sidebar-border)!important}.app-sidebar.is-mobile-open .sidebar-label,.app-sidebar.is-mobile-open .sidebar-brand-text,.app-sidebar.is-mobile-open .sidebar-section-label,.app-sidebar.is-mobile-open .sidebar-user-meta{opacity:1!important;width:auto!important;pointer-events:auto!important}.app-sidebar .sidebar-collapse-desktop{display:none!important}.app-shell{background:var(--bg-page)}.app-shell-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:350;background:#0b102059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:none;padding:0;cursor:pointer}.topbar-menu-btn{display:inline-flex!important}.topbar-subtitle{display:none!important}.app-topbar{min-height:56px!important;padding:12px 16px!important;gap:12px!important}.app-topbar-title{font-size:15px!important;font-weight:500!important}.dashboard-page{overflow-x:hidden!important;overflow-y:auto!important;height:auto!important;min-height:100%}.dashboard-top{padding:14px 16px 12px;gap:12px}.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:10px}.dashboard-mid{gap:12px}.dashboard-activity-card{height:200px!important}.dashboard-runs{padding:0 16px 24px;flex:none!important;min-height:auto!important}.dashboard-runs-table{display:none!important}.dashboard-runs-cards{display:flex!important;flex-direction:column;gap:12px}.chart-day-full{display:none}.chart-day-short{display:inline}.dashboard-divider{display:none}.dashboard-stats>div{border-radius:14px!important}}@media (max-width: 420px){.dashboard-stats{gap:8px}}:root,[data-theme=dark]{--skeleton-base: #1C1917;--skeleton-shine: #292524;--skeleton-card: #141210;--skeleton-border: #292524;--skeleton-accent: #292524}[data-theme=light]{--skeleton-base: #E7E5E4;--skeleton-shine: #FAFAF9;--skeleton-card: #ffffff;--skeleton-border: #E7E5E4;--skeleton-accent: #D6D3D1}.tools-card,.agents-card,.ct-card{transition:box-shadow .15s ease}.tools-card:hover,.agents-card:hover,.ct-card:hover{box-shadow:var(--card-shadow-hover)}.tools-status-chip--approved{color:var(--accent)!important;background:transparent!important;border-color:transparent!important}.tools-approve-btn:hover:not(:disabled){background:var(--accent-hover)!important;border-color:var(--accent-hover)!important}@media (max-width: 1100px){.tools-card-main{gap:12px!important}.tools-card-actions{width:auto;flex:1 1 auto;flex-wrap:wrap!important;overflow:visible!important;row-gap:8px}.tools-card .tools-card-title{word-break:break-word}.tools-card .tools-card-desc{white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}@media (max-width: 900px){.tools-page{overflow:hidden}.tools-header{flex-direction:column;align-items:stretch!important;padding:14px 16px!important;gap:12px!important}}.agents-card-footer{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.agents-card-meta{text-align:left}.agents-filter-pair{display:flex;gap:10px;min-width:0}@media (max-width: 1100px){.agents-header{flex-direction:column;align-items:stretch!important;padding:16px 20px 14px!important;gap:14px!important}.agents-new-btn{width:100%;justify-content:center!important;margin-top:0!important;padding:11px 16px!important;border-radius:12px!important}.agents-filters-wrap{padding:20px 0 0!important}.agents-filters{flex-direction:column;align-items:stretch!important;padding:0 20px!important;gap:10px!important}.agents-search{flex:none!important;min-width:0!important;width:100%}.agents-filter-select{width:100%!important;min-width:0!important}.agents-filter-pair{width:100%}.agents-filter-pair .agents-filter-select{flex:1;width:auto!important;min-width:0!important}.agents-filter-meta{width:100%;justify-content:space-between;padding:0 20px}.agents-list{padding:14px 16px 28px!important}.agents-card-tools{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.agents-card-workflows{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.agents-card-actions{width:100%}.agents-card-actions>button{flex:1 1 0;justify-content:center;min-width:0}.agents-card-desc{white-space:normal!important}.view-toggle-hide-mobile{display:none!important}}@media (max-width: 900px){.agents-header{padding:14px 16px 12px!important}.agents-header h2{font-size:15px!important;font-weight:500!important}.agents-filters,.agents-filter-meta{padding:0 16px!important}.agents-card-main{padding:14px 16px!important}}.ds-back{display:none}@media (max-width: 1100px){.ds-page{flex-direction:column!important}.ds-list-pane{width:100%!important;min-width:0!important;flex:1 1 auto!important;border-right:none!important}.ds-page.is-detail-open .ds-list-pane,.ds-detail-pane{display:none!important}.ds-page.is-detail-open .ds-detail-pane{display:block!important;flex:1 1 auto!important;padding:16px!important;width:100%}.ds-back{display:inline-flex!important;margin-bottom:4px}.ds-list-header{padding:16px 16px 12px!important}.ds-list-header h2{font-size:15px!important;font-weight:500!important}.ds-new-btn{border-radius:12px!important;padding:11px!important}.ds-list-search,.ds-list-filter{padding-left:16px!important;padding-right:16px!important}.ds-list-search input,.ds-list-filter select{border-radius:999px!important}.ds-source-item{padding:14px 16px!important;border-left-width:0!important}.ds-source-item.is-active{background:transparent!important}.ds-detail-header{flex-direction:column!important;align-items:stretch!important;gap:14px!important}.ds-detail-identity{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.ds-detail-title{font-size:22px!important}.ds-detail-actions{width:100%}.ds-detail-actions>button{flex:1 1 0;justify-content:center;min-height:40px;border-radius:10px!important}.ds-metrics{width:100%}.ds-metric{min-width:0!important}}@media (max-width: 900px){.ds-detail-pane,.ds-page.is-detail-open .ds-detail-pane{padding:14px 16px 28px!important}}.ch-page{display:flex;flex-direction:column;width:100%;height:100%;min-height:100%;box-sizing:border-box;background:var(--bg-surface);padding:0;overflow:hidden}.ch-tabs{display:flex;align-items:stretch;gap:0;padding:0 28px;border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.ch-tab{flex:0 0 auto;min-width:max-content;padding:14px 16px;border:none;background:none;cursor:pointer;font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--text-tertiary);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color .15s ease,border-color .15s ease}.ch-tab:first-child{padding-left:0}.ch-tab:last-child{padding-right:0}.ch-tab:hover:not(.is-active){color:var(--text-secondary)}.ch-tab.is-active{color:var(--accent-text);font-weight:600;border-bottom-color:var(--accent)}.ch-content{flex:1;min-width:0;overflow-y:auto;padding:24px 28px 48px;box-sizing:border-box}.ch-section{margin-bottom:0}@media (max-width: 1100px){.ch-content{padding:20px 28px 32px}.ch-header{flex-direction:column;align-items:stretch!important;gap:14px!important;margin-bottom:18px!important}.ch-add-btn{width:100%;justify-content:center;margin-top:0!important;padding:11px 16px!important;border-radius:12px!important}.ch-card-main{flex-direction:column!important;align-items:stretch!important;gap:14px!important;padding:16px!important}.ch-card-brand{flex:none!important}.ch-card-webhook{width:100%}.ch-card-webhook code{font-size:11px!important;padding:8px 10px!important}.ch-copy-btn{min-height:34px;padding:6px 12px!important}.ch-card-actions{width:100%;gap:8px!important}.ch-card-actions>button{min-height:34px;padding:6px 12px!important}.ch-howto{margin-top:12px!important}.ch-guides-header{flex-direction:column;align-items:stretch!important}.ch-guides-portal{width:100%;justify-content:center;padding:10px 12px!important;box-sizing:border-box}.ch-guides-tabs{scrollbar-width:thin}.ch-add-platform-row{flex-direction:column!important;gap:12px!important}.ch-add-platform-field,.ch-add-token-field{flex:1 1 100%!important;width:100%!important;min-width:0!important}}@media (max-width: 900px){.ch-tabs{padding:0 16px}.ch-content{padding:16px 16px 28px!important}.ch-header h2{font-size:15px!important;font-weight:500!important}.ch-connected-grid{grid-template-columns:1fr!important}}@media (max-width: 1100px){.ct-header{padding:16px 20px 14px!important}.ct-body{padding:14px 16px 28px!important}.ct-filters{flex-direction:column;align-items:stretch!important;gap:10px!important}.ct-search{flex:none!important;min-width:0!important;width:100%}.ct-search input{border-radius:999px!important}.ct-category{width:100%!important;min-width:0!important;border-radius:12px!important}.ct-card-main{padding:16px!important}.ct-card-actions{width:100%;flex-wrap:wrap!important}.ct-card-actions>button{flex:0 0 auto}.ct-card-grid{grid-template-columns:1fr!important}.view-toggle-hide-mobile{display:none!important}.ct-test-panel{width:100%!important;max-width:100%!important}}@media (max-width: 900px){.ct-header{padding:14px 16px 12px!important}.ct-header h2{font-size:15px!important;font-weight:500!important}.ct-tabs{margin-bottom:14px!important}}.settings-page{display:flex;width:100%;height:100%;min-height:100%;box-sizing:border-box;background:var(--bg-surface);padding:0;overflow:hidden}.settings-nav{width:220px;flex-shrink:0;border-right:1px solid var(--border);background:var(--bg-surface);padding:20px 12px;box-sizing:border-box;overflow-y:auto}.settings-nav-item:hover:not(.is-active){background:var(--bg-hover)!important;color:var(--text-primary)!important}.settings-mobile-tabs{display:none}.settings-content{flex:1;min-width:0;overflow-y:auto;padding:28px 36px 48px;box-sizing:border-box}.settings-section{margin-bottom:0}.settings-server-card{transition:border-color .15s ease,background .15s ease}.settings-server-card:hover{border-color:color-mix(in srgb,var(--border) 60%,var(--text-tertiary))}.settings-menu-item:hover{background:var(--bg-hover)!important}.settings-connection-error{background:color-mix(in srgb,#B91C1C 5%,var(--bg-elevated));border:1px solid color-mix(in srgb,#B91C1C 18%,var(--border));border-left:3px solid #B91C1C}.settings-connection-error-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:#b91c1c}.settings-connection-error-title{color:#991b1b}[data-theme=dark] .settings-connection-error{background:color-mix(in srgb,var(--invalid) 10%,var(--bg-page));border-color:color-mix(in srgb,var(--invalid) 28%,transparent);border-left-color:var(--invalid)}[data-theme=dark] .settings-connection-error-dot{background:var(--invalid)}[data-theme=dark] .settings-connection-error-title{color:var(--invalid)}@media (max-width: 1100px){.settings-page{flex-direction:column;height:auto;min-height:100%;overflow:visible}.settings-nav{display:none}.settings-mobile-tabs{display:flex;align-items:stretch;gap:0;padding:0 12px;border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-mobile-tab{flex:1 1 0;min-width:max-content;padding:12px 14px;border:none;background:none;cursor:pointer;font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--text-tertiary);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.settings-mobile-tab.is-active{color:var(--accent-text);font-weight:600;border-bottom-color:var(--accent)}.settings-content{padding:20px 20px 32px}.settings-section-head{flex-direction:column;align-items:stretch!important;gap:14px!important}.settings-section-head .settings-heading{margin-bottom:0!important}.settings-add-btn{width:100%;justify-content:center;margin-top:0!important;padding:11px 16px!important;border-radius:12px!important}.settings-add-fields{flex-direction:column!important}.settings-add-name{flex:none!important;width:100%}.settings-auth-fields>div{flex:1 1 100%!important;min-width:0!important}.settings-server-main{display:grid!important;grid-template-columns:8px minmax(0,1fr)!important;row-gap:12px;align-items:start!important}.settings-server-synced{grid-column:2;text-align:left!important}.settings-server-actions{grid-column:1 / -1;flex-wrap:wrap!important;justify-content:flex-start!important}.settings-apikey-main{flex-direction:column!important;align-items:stretch!important;gap:14px!important}.settings-apikey-actions{width:100%;justify-content:flex-start!important}.settings-wf-select select{max-width:none!important;min-width:0!important}}@media (max-width: 900px){.settings-content{padding:14px 16px 28px}.settings-heading h2{font-size:18px!important;font-weight:600!important}.settings-section{margin-bottom:0!important}.settings-server-list,.wf-schedule-grid{grid-template-columns:1fr!important}}@media (max-width: 1100px){.profile-page{padding:20px 20px 32px!important}.profile-hero{gap:16px!important;margin-bottom:24px!important}.profile-name-grid{grid-template-columns:1fr!important;gap:0!important}.profile-card-header,.profile-card-body{padding-left:16px!important;padding-right:16px!important}.profile-card-body{padding-top:16px!important;padding-bottom:16px!important}.profile-form-actions>button{width:100%;justify-content:center}}@media (max-width: 900px){.profile-page{padding:14px 16px 28px!important}.profile-hero-name{font-size:18px!important}.profile-hero>div:first-child{width:52px!important;height:52px!important;font-size:18px!important}}@media (max-width: 1180px){.agents-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width: 780px){.agents-grid{grid-template-columns:minmax(0,1fr)!important}}.wf-list-pane{width:260px;transition:width .2s ease,border-color .2s ease;overflow:hidden}.wf-list-pane.is-collapsed{width:0!important;border-right-color:transparent!important;pointer-events:none}.wf-list-collapse-btn{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:10;width:18px;height:48px;background:var(--bg-card);border:1px solid var(--border);border-left:none;border-radius:0 6px 6px 0;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:12px;line-height:1;box-shadow:2px 0 6px #0000000f;transition:color .15s ease,background .15s ease}.wf-list-collapse-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.wf-toolbar{overflow:hidden;max-height:1000px;transition:max-height .2s ease,border-bottom-color .2s ease}.wf-toolbar.is-collapsed{max-height:0;border-bottom-color:transparent!important;pointer-events:none}.wf-toolbar-collapse-rail{position:relative;height:0;flex-shrink:0;z-index:10}.wf-toolbar-collapse-btn{position:absolute;top:0;left:50%;transform:translate(-50%);width:48px;height:18px;background:var(--bg-card);border:1px solid var(--border);border-top:none;border-radius:0 0 6px 6px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:10px;line-height:1;box-shadow:0 2px 6px #0000000f;transition:color .15s ease,background .15s ease}.wf-toolbar-collapse-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.wf-run-panel.is-collapsed{max-height:0;overflow:hidden;border-top-color:transparent!important;pointer-events:none}.wf-run-collapse-rail{position:relative;height:0;flex-shrink:0;z-index:10}.wf-run-collapse-btn{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:48px;height:18px;background:var(--bg-card);border:1px solid var(--border);border-bottom:none;border-radius:6px 6px 0 0;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:10px;line-height:1;box-shadow:0 -2px 6px #0000000f;transition:color .15s ease,background .15s ease}.wf-run-collapse-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.wf-back{display:none}.wf-list-item:not(.is-active):hover,.wf-run-item:not(.is-active):hover{background:var(--bg-hover)!important}.wf-run-item:hover .wf-run-delete{opacity:1!important}.wf-mobile-tabs,.wf-mobile-history{display:none}@media (max-width: 1500px){.wf-node-btn{padding:0 6px!important;gap:5px!important;font-size:11.5px!important}.wf-toolbar-bottom{padding-left:10px!important;padding-right:10px!important}.wf-zoom-cluster button{padding-left:7px!important;padding-right:7px!important}.wf-node-panel{width:300px!important}}@media (max-width: 1300px){.wf-node-btn{padding:0 4px!important;gap:3px!important;font-size:11px!important}.wf-list-pane{width:210px}html{--sidebar-width: 200px !important}}@media (max-width: 900px){.wf-agent-inspector{width:min(100vw,520px)!important;max-width:94vw!important}}@media (max-width: 900px){.wf-node-panel{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;max-width:100%!important;z-index:220}}@media (max-width: 1100px){.wf-page{flex-direction:column!important}.wf-list-pane{width:100%!important;flex:1 1 auto!important;border-right:none!important;min-height:0;pointer-events:auto}.wf-list-pane.is-collapsed{width:100%!important;pointer-events:auto}.wf-list-collapse-btn,.wf-page.is-detail-open .wf-list-pane,.wf-detail-pane{display:none!important}.wf-page.is-detail-open .wf-detail-pane{display:flex!important;flex:1 1 auto!important;width:100%;min-height:0}.wf-back{display:inline-flex!important}.wf-list-pane .wf-run-history{display:none!important}.wf-list-scroll{flex:1 1 auto!important}.wf-list-header{padding:16px 16px 12px!important}.wf-list-header>span{font-size:18px!important;font-weight:600!important;color:var(--text-primary)!important}.wf-new-btn{padding:8px 16px!important;border-radius:999px!important;font-size:13px!important}.wf-list-filters{padding:0 16px 12px!important;gap:8px!important}.wf-list-filters input,.wf-list-filters select{padding:10px 12px!important;font-size:13px!important;min-height:42px;border-radius:10px!important}.wf-list-filters .wf-search-input{padding-left:36px!important}.wf-list-item{padding:14px!important}.wf-mobile-tabs{display:flex!important;align-items:stretch;gap:0;padding:0 12px;border-bottom:1px solid var(--border);background:var(--bg-card);flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.wf-mobile-tab{flex:1 1 0;min-width:max-content;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 14px;border:none;background:none;cursor:pointer;font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--text-tertiary);border-bottom:2px solid transparent;margin-bottom:-1px}.wf-mobile-tab.is-active{color:var(--accent-text);font-weight:600;border-bottom-color:var(--accent)}.wf-mobile-hide{display:none!important}.wf-mobile-history:not(.wf-mobile-hide){display:flex!important;flex-direction:column;flex:1 1 auto!important;min-height:0;overflow:auto;background:var(--bg-card);-webkit-overflow-scrolling:touch}.wf-toolbar{padding:0!important;gap:0!important}.wf-toolbar-top{padding:12px 16px!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important}.wf-back{order:1!important;flex:1 1 100%!important;width:100%!important}.wf-toolbar-identity{order:2!important;flex:1 1 120px!important;min-width:0!important;width:auto}.wf-mode-select-wrap{order:3!important;margin-left:auto!important;flex:0 1 150px!important}.wf-mode-select-wrap select{min-height:40px}.wf-toolbar-bottom:not(.wf-mobile-hide){padding:10px 16px!important;gap:10px!important;flex-direction:column!important;align-items:stretch!important}.wf-toolbar-bottom:not(.wf-mobile-hide)>div:first-child{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;padding-bottom:2px}.wf-toolbar-bottom .wf-toolbar-view{width:100%;margin-left:0!important;justify-content:space-between}.wf-name-input{min-width:0!important;width:auto!important;flex:1 1 auto!important;font-size:16px!important}.wf-name-hint,.wf-desc-group{display:none!important}.wf-toolbar-actions{order:4!important;display:flex!important;width:100%;margin-left:0!important;gap:8px;flex-wrap:wrap}.wf-toolbar-actions>.wf-delete-btn,.wf-toolbar-actions>.wf-save-btn{flex:1 1 0!important;min-width:0;min-height:42px;justify-content:center;border-radius:10px!important}.wf-toolbar-actions>.wf-delete-btn.is-placeholder{display:none!important}.wf-toolbar-actions:not(:has(.wf-delete-btn:not(.is-placeholder)))>.wf-save-btn{flex:1 1 100%!important}.wf-canvas-wrap:not(.wf-mobile-hide){flex:1 1 auto!important;min-height:240px!important;-webkit-overflow-scrolling:touch}.wf-toolbar-collapse-rail,.wf-run-collapse-rail{display:none!important}.wf-canvas-area.wf-mobile-hide{display:none!important;flex:0!important}.wf-run-panel:not(.wf-mobile-hide){display:flex!important;flex-direction:column;flex:1 1 auto!important;max-height:none!important;min-height:0;overflow-y:auto;border-top:none!important}.wf-run-controls{padding:12px 16px!important;gap:8px!important;flex-direction:column!important;align-items:stretch!important}.wf-run-input{min-width:0!important;flex:1 1 auto!important;width:100%!important;font-size:14px!important}.wf-run-btn{width:100%;min-height:44px;border-radius:10px!important;font-size:14px!important}.wf-mode-tabs{padding:0 16px 12px!important}.wf-mode-tabs>div{gap:10px!important;flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 900px){.wf-list-header>span{font-size:18px!important}}@media (min-width: 701px) and (max-width: 1100px){.wf-list-item{padding:16px 18px!important}.wf-mobile-tab{font-size:14px;padding:14px 16px}}@keyframes ob-node-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes ob-edge-draw{to{stroke-dashoffset:0}}@keyframes ob-edge-flow{to{stroke-dashoffset:-100}}@keyframes ob-glow{0%,to{opacity:.35}50%{opacity:.7}}[data-theme=light] .ob-glow{animation-name:ob-glow-light}@keyframes ob-glow-light{0%,to{opacity:.25}50%{opacity:.5}}@keyframes ob-card-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ob-node-in{animation:ob-node-in .2s ease-out both}.ob-edge-in{animation:ob-edge-draw .28s ease-out both}.ob-edge-flow{animation:ob-edge-flow 3s linear infinite}.ob-glow{animation:ob-glow 2s ease-in-out infinite}.ob-card-in{animation:ob-card-in .16s ease-out both}.ob-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}.ob-focusable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.ob-node-in,.ob-edge-in,.ob-edge-flow,.ob-glow,.ob-card-in{animation:none!important;opacity:1!important;transform:none!important;stroke-dashoffset:0!important}}
