.app-footer{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;padding:24px 20px 32px;font-size:12px;display:flex}.footer-links{flex-wrap:wrap;justify-content:center;gap:12px 16px;display:flex}.footer-links a{color:var(--text-secondary);text-decoration:none}.footer-links a:hover{color:var(--text);text-decoration:underline}.footer-copy{margin:0}.sidebar-scrim{z-index:30;background:0 0;position:fixed;inset:0}.sidebar{z-index:40;width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border);height:100svh;transition:width var(--ease);flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0;overflow:hidden}.sidebar.is-collapsed{width:var(--sidebar-collapsed);position:fixed;top:0;left:0}.sidebar.is-collapsed.is-overlay,.sidebar.is-collapsed.is-expanded{width:var(--sidebar-width);box-shadow:var(--shadow-sidebar);background:var(--bg-surface)}.sidebar-header{height:var(--topbar-height);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:0 10px 0 12px;display:flex}.sidebar-brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{object-fit:contain;flex-shrink:0;width:28px;height:28px;display:block}.brand-text{flex-direction:column;min-width:0;line-height:1.15;display:flex}.brand-name{color:var(--text);font-size:13px;font-weight:600}.brand-org{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sidebar-collapse-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sidebar-collapse-btn:hover{background:var(--bg-hover);color:var(--text)}.sidebar.is-collapsed:not(.is-expanded) .sidebar-header{justify-content:center;padding:0}.sidebar.is-collapsed:not(.is-expanded) .sidebar-brand{display:none}.sidebar-nav{scrollbar-width:thin;flex:1;padding:10px 8px 24px;overflow:hidden auto}.nav-group+.nav-group{margin-top:14px}.nav-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:6px 10px 8px;font-size:10px;font-weight:700}.nav-item{border-radius:var(--radius-md);width:100%;min-height:32px;color:var(--text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:6px 10px;font-size:13px;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg-hover)}.nav-item.is-active{background:var(--bg-active);font-weight:550}.nav-icon{color:var(--text-secondary);flex-shrink:0;display:inline-flex}.nav-item.is-active .nav-icon{color:var(--text)}.nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.nav-chevron{color:var(--text-muted);display:inline-flex}.sidebar.is-collapsed:not(.is-expanded) .nav-item{justify-content:center;padding:8px}.nav-child{color:var(--text-secondary);padding-left:36px}.nav-child.is-active{color:var(--text)}.topbar{height:var(--topbar-height);background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:0 20px;display:flex}.breadcrumbs{align-items:center;min-width:0;font-size:13px;display:flex}.crumb-wrap{align-items:center;min-width:0;display:inline-flex}.crumb{color:var(--text-secondary);white-space:nowrap;text-decoration:none}.crumb:hover{color:var(--text)}.crumb.current{color:var(--text);font-weight:500}.crumb.org{text-overflow:ellipsis;max-width:180px;overflow:hidden}.crumb-sep{color:var(--text-muted);flex-shrink:0;margin:0 4px}.topbar-actions{align-items:center;gap:4px;display:flex}.ask-ai{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);height:28px;color:var(--text-secondary);font:inherit;cursor:not-allowed;opacity:.85;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.topbar-link{border-radius:var(--radius-md);height:28px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 10px;font-size:13px}.topbar-link:hover{background:var(--bg-hover);color:var(--text)}.user-menu{margin-left:4px;position:relative}.avatar{border:1px solid var(--border);background:var(--bg-muted);width:28px;height:28px;color:var(--text);font:inherit;cursor:pointer;border-radius:50%;font-size:12px;font-weight:600}.user-dropdown{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:220px;box-shadow:var(--shadow-md);z-index:50;padding:8px;display:none;position:absolute;top:calc(100% + 6px);right:0}.user-menu:hover .user-dropdown,.user-menu:focus-within .user-dropdown{display:block}.user-meta{border-bottom:1px solid var(--border);flex-direction:column;gap:2px;margin-bottom:4px;padding:8px;display:flex}.user-meta strong{color:var(--text);font-size:13px}.user-meta span{color:var(--text-muted);text-overflow:ellipsis;font-size:12px;overflow:hidden}.user-dropdown button{text-align:left;border-radius:var(--radius-sm);width:100%;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;padding:8px;font-size:13px}.user-dropdown button:hover{background:var(--bg-hover)}.app-shell{background:var(--bg-page);min-height:100svh;display:flex;position:relative}.sidebar-rail{width:var(--sidebar-collapsed);flex-shrink:0}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-content{flex:1;min-width:0;padding:16px 20px 0}.page-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.page-tabs{border-bottom:1px solid var(--border);gap:0;padding:0 16px;display:flex}.page-tab{height:40px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 12px;font-size:13px;font-weight:500;position:relative}.page-tab.is-active{color:var(--text)}.page-tab.is-active:after{content:"";background:var(--cf-blue);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:12px;right:12px}.page-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.page-body{padding:0 16px 16px}.page-empty{text-align:center;color:var(--text-secondary);padding:48px 24px;font-size:14px}.placeholder-page{padding:32px 24px}.placeholder-page h1{color:var(--text);letter-spacing:-.02em;margin:0 0 8px;font-size:22px;font-weight:600}.placeholder-page p{color:var(--text-secondary);max-width:52ch;margin:0;font-size:14px}.auth-shell{background:radial-gradient(80% 50% at 50% -20%,#0051c31f,#0000),linear-gradient(#f7f8fa 0%,#eef0f3 100%);place-items:center;min-height:100svh;padding:24px;display:grid}.auth-card{background:var(--bg-surface);border:1px solid var(--border);width:min(420px,100%);box-shadow:var(--shadow-md);border-radius:12px;padding:28px 28px 24px}.auth-card-wide{width:min(480px,100%)}.auth-brand{align-items:center;gap:12px;margin-bottom:24px;display:flex}.auth-brand .brand-mark{object-fit:contain;background:var(--bg-muted);border:1px solid var(--border);box-sizing:border-box;border-radius:9px;width:36px;height:36px;padding:4px;display:block}.auth-brand strong{color:var(--text);font-size:14px;display:block}.auth-brand span{color:var(--text-muted);font-size:12px;display:block}.auth-card h1{letter-spacing:-.02em;color:var(--text);margin:0 0 8px;font-size:24px;font-weight:600}.auth-lead{color:var(--text-secondary);margin:0 0 20px;font-size:14px;line-height:1.45}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-submit{width:100%;height:36px;margin-top:4px}.auth-footer{color:var(--text-secondary);text-align:center;margin:18px 0 0;font-size:13px}.auth-footer a{color:var(--cf-blue);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-text-btn{font:inherit;color:var(--cf-blue);cursor:pointer;background:0 0;border:0;padding:0;font-weight:500}.auth-text-btn:hover{text-decoration:underline}.auth-text-btn:disabled{opacity:.6;cursor:not-allowed}.invite-admin-page h1{color:var(--text)}.field input{border:1px solid var(--border-strong);border-radius:var(--radius-md);height:36px;font:inherit;color:var(--text);background:var(--bg-surface);padding:0 10px;font-size:13px;font-weight:400}.oauth-scope-list{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-muted);color:var(--text-secondary);margin:0 0 20px;padding:12px 12px 12px 28px;font-size:13px;line-height:1.45}.oauth-access-modes{border:0;flex-direction:column;gap:8px;margin:0 0 14px;padding:0;display:flex}.oauth-access-modes legend{color:var(--text-secondary);margin:0 0 8px;padding:0;font-size:12px;font-weight:600}.oauth-mode{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);cursor:pointer;align-items:flex-start;gap:10px;padding:12px;display:flex}.oauth-mode.is-selected{border-color:var(--cf-blue);box-shadow:0 0 0 1px var(--cf-blue);background:#f5f9ff}.oauth-mode input{accent-color:var(--cf-blue);margin-top:3px}.oauth-mode strong{color:var(--text);margin-bottom:2px;font-size:13px;display:block}.oauth-mode-desc{color:var(--text-secondary);font-size:12px;font-weight:400;line-height:1.4;display:block}.oauth-audit-toggle{border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;align-items:flex-start;gap:10px;margin:0 0 16px;padding:12px;display:flex}.oauth-audit-toggle input{accent-color:var(--cf-blue);margin-top:3px}.oauth-audit-toggle strong{color:var(--text);margin-bottom:2px;font-size:13px;display:block}.oauth-scope-list code{font-family:var(--font-mono);font-size:12px}.oauth-consent-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.oauth-consent-actions .auth-submit{margin-top:0}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:background var(--ease), border-color var(--ease), color var(--ease), box-shadow var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;font-family:inherit;font-weight:500;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-md{height:32px;padding:0 12px;font-size:13px}.btn-sm{height:28px;padding:0 10px;font-size:12px}.btn-primary{background:var(--cf-blue);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--cf-blue-hover)}.btn-secondary{background:var(--bg-surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.btn-danger{background:var(--danger);color:var(--text-inverse)}.badge{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.badge-success{color:var(--success)}.badge-warning{color:var(--warning)}.badge-info{color:var(--cf-blue)}.badge-neutral{color:var(--text-secondary)}.agents-page{flex-direction:column;gap:16px;display:flex}.agents-hero{padding:20px 20px 18px}.agents-hero h1{letter-spacing:-.02em;color:var(--text);margin:0 0 8px;font-size:22px;font-weight:600}.agents-hero p{max-width:68ch;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.agents-setup{padding:0}.agents-setup>summary{cursor:pointer;color:var(--text);padding:16px 18px;font-size:14px;font-weight:600;list-style:none}.agents-setup>summary::-webkit-details-marker{display:none}.agents-setup>summary:after{content:"Show";float:right;color:var(--text-muted);font-size:12px;font-weight:500}.agents-setup[open]>summary:after{content:"Hide"}.agents-setup>summary:hover{background:var(--bg-hover)}.agents-setup[open]>summary{border-bottom:1px solid var(--border)}.agents-setup-body{flex-direction:column;gap:24px;padding:18px;display:flex}.agents-setup-body section{flex-direction:column;gap:10px;display:flex}.agents-setup-body h2{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:12px;font-weight:700}.agents-setup-body p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.agents-setup-body ol{color:var(--text-secondary);margin:0;padding-left:18px;font-size:13px;line-height:1.55}.agents-setup-body ol li+li{margin-top:6px}.agents-note{color:var(--text-muted);margin:-12px 0 0;font-size:12px}.snippet{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-muted);overflow:hidden}.snippet-bar{border-bottom:1px solid var(--border);background:var(--bg-surface);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.snippet-bar span{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.snippet-bar button{border-radius:var(--radius-sm);height:24px;font:inherit;color:var(--cf-blue);cursor:pointer;background:0 0;border:0;padding:0 8px;font-size:12px;font-weight:500}.snippet-bar button:hover{background:var(--bg-hover)}.snippet pre{font-family:var(--font-mono);color:var(--text);margin:0;padding:12px 14px;font-size:12px;line-height:1.45;overflow-x:auto}.agents-connections{padding:0}.agents-connections-head{border-bottom:1px solid var(--border);padding:18px 18px 12px}.agents-connections-head h2{color:var(--text);margin:0 0 6px;font-size:15px;font-weight:600}.agents-connections-head p{color:var(--text-secondary);max-width:72ch;margin:0;font-size:13px;line-height:1.45}.mcp-conn-list{margin:0;padding:0;list-style:none}.mcp-conn-row{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 18px;display:flex}.mcp-conn-row:last-child{border-bottom:0}.mcp-conn-meta{flex:1;min-width:0}.mcp-conn-title{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.mcp-conn-title strong{color:var(--text);font-size:14px}.mcp-conn-meta p{color:var(--text-secondary);margin:0;font-size:13px}.mcp-conn-dates{color:var(--text-muted)!important;margin-top:4px!important;font-size:12px!important}.mcp-conn-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mcp-conn-field{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;flex-direction:column;gap:4px;font-size:11px;font-weight:600;display:flex}.mcp-conn-field select{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);min-width:130px;height:32px;font:inherit;text-transform:none;letter-spacing:normal;color:var(--text);padding:0 10px;font-size:13px;font-weight:400}.mcp-conn-toggle{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.mcp-conn-toggle input{width:15px;height:15px}.search-input{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);min-width:240px;height:32px;color:var(--text-muted);align-items:center;gap:8px;padding:0 10px;display:inline-flex}.search-input:focus-within{border-color:var(--cf-blue);box-shadow:0 0 0 1px var(--cf-blue)}.search-input input{font:inherit;color:var(--text);background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.search-input input::placeholder{color:var(--text-muted)}.audit-page{flex-direction:column;gap:16px;display:flex}.audit-hero{padding:20px}.audit-hero h1{letter-spacing:-.02em;color:var(--text);margin:0 0 8px;font-size:22px;font-weight:600}.audit-hero p{max-width:72ch;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.page-panel.audit-toolbar{padding:12px 16px;overflow:visible}.audit-toolbar-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.audit-search{flex:1;min-width:220px;max-width:360px}.audit-filter-anchor{z-index:50;position:relative}.audit-filters-btn{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);height:32px;color:var(--text);font:inherit;cursor:pointer;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.audit-filters-btn:hover{background:var(--bg-muted)}.audit-filters-btn.is-active{border-color:var(--cf-blue);color:var(--cf-blue);box-shadow:0 0 0 1px var(--cf-blue)}.audit-filters-count{background:var(--cf-blue);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.audit-filter-popover{z-index:100;border:1px solid var(--border);background:var(--bg-surface);border-radius:8px;width:min(560px,100vw - 48px);padding:14px 14px 12px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 4px 6px -1px #00000014,0 10px 24px -4px #0000001f}@media (width>=720px){.audit-filter-popover{left:auto;right:0}}.audit-filter-popover-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.audit-filter-popover-head h2{color:var(--text);margin:0;font-size:15px;font-weight:600}.audit-filter-close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.audit-filter-close:hover{background:var(--bg-muted);color:var(--text)}.audit-filter-rows{flex-direction:column;gap:8px;display:flex}.audit-filter-row{grid-template-columns:minmax(110px,1.1fr) minmax(100px,1fr) minmax(140px,1.4fr) 32px;align-items:center;gap:8px;display:grid}.audit-filter-select,.audit-filter-value{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);width:100%;height:32px;color:var(--text);font:inherit;padding:0 10px;font-size:13px}.audit-filter-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.audit-filter-select:focus,.audit-filter-value:focus{border-color:var(--cf-blue);box-shadow:0 0 0 1px var(--cf-blue);outline:none}.audit-filter-value::placeholder{color:var(--text-muted)}.audit-filter-trash{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.audit-filter-trash:hover:not(:disabled){background:var(--bg-muted);color:var(--text)}.audit-filter-trash:disabled{opacity:.35;cursor:not-allowed}.audit-filter-popover-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:4px;display:flex}.audit-add-filter{color:var(--cf-blue);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:4px 0;font-size:13px;font-weight:500;display:inline-flex}.audit-add-filter:hover{text-decoration:underline}.audit-filter-apply-wrap{align-items:center;gap:12px;margin-left:auto;display:flex}.audit-filter-hint{color:var(--text-muted);font-size:12px}.audit-table-wrap{padding:0;overflow-x:auto}.audit-table{border-collapse:collapse;width:100%;font-size:13px}.audit-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-muted);padding:12px 14px;font-size:11px;font-weight:600}.audit-table td{border-bottom:1px solid var(--border);vertical-align:top;color:var(--text);padding:12px 14px}.audit-table tbody tr:not(.audit-detail-row){cursor:pointer}.audit-table tbody tr:not(.audit-detail-row):hover,.audit-table tbody tr.is-open{background:#fafafa}.audit-actor{font-weight:500}.audit-sub{color:var(--text-muted);margin-top:2px;font-size:12px}.provider-chip{text-transform:capitalize}.mono{font-family:var(--font-mono);font-size:12px}.endpoint-cell{word-break:break-all;max-width:280px}.endpoint-cell .method{color:var(--text-secondary);font-weight:600}.audit-detail-row td{background:var(--bg-muted);border-bottom:1px solid var(--border);padding:0 14px 14px}.audit-detail{padding-top:4px}.audit-detail pre{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);font-family:var(--font-mono);white-space:pre-wrap;color:var(--text);margin:0;padding:12px;font-size:12px;line-height:1.45;overflow-x:auto}.audit-error{color:#b42318;margin:0 0 8px;font-size:13px}.audit-meta-line{color:var(--text-secondary);margin:0 0 8px;font-size:12px}.audit-meta-line code{font-family:var(--font-mono);font-size:11px}@media (width<=640px){.audit-filter-row{grid-template-columns:1fr 1fr}.audit-filter-value{grid-column:1/-1}.audit-filter-trash{grid-column:2;justify-self:end}.audit-filter-hint{display:none}}.home-page{flex-direction:column;gap:16px;display:flex}.home-hero{background:linear-gradient(135deg, #0051c30f, transparent 45%), var(--bg-surface);padding:28px 24px}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--cf-blue);margin:0 0 8px;font-size:11px;font-weight:700}.home-hero h1{letter-spacing:-.03em;color:var(--text);margin:0 0 10px;font-size:28px;font-weight:600}.home-hero p{max-width:60ch;color:var(--text-secondary);margin:0;font-size:15px;line-height:1.5}.home-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.home-card{color:inherit;transition:border-color var(--ease), box-shadow var(--ease);padding:18px;text-decoration:none;display:block}.home-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.home-card h2{color:var(--text);margin:0 0 6px;font-size:15px;font-weight:600}.home-card p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.45}@media (width<=900px){.home-grid{grid-template-columns:1fr}}.integrations-page{flex-direction:column;gap:16px;display:flex}.integrations-hero{padding:20px 20px 18px}.integrations-hero h1{letter-spacing:-.02em;color:var(--text);margin:0 0 8px;font-size:22px;font-weight:600}.integrations-hero p{max-width:68ch;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.integration-grid{gap:12px;display:grid}.integration-card{padding:0}.integration-card-head{gap:14px;padding:18px 18px 14px;display:flex}.integration-icon{width:40px;height:40px;color:var(--text);background:var(--bg-muted);border-radius:10px;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid;overflow:hidden}.integration-icon img{object-fit:cover;width:40px;height:40px;display:block}.integration-titles{min-width:0}.integration-title-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.integration-titles h2{color:var(--text);margin:0;font-size:15px;font-weight:600}.integration-titles p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.45}.badge-pill{background:var(--bg-muted);border:1px solid var(--border);letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.badge-pill.coming-soon{background:var(--warning-bg);color:#92400e;border-color:#fde68a}.badge-pill.connected{background:var(--success-bg);color:#065f46;border-color:#a7f3d0}.integration-body{border-top:1px solid var(--border);padding:0 18px 16px}.connections-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding-top:14px;display:flex}.connections-header h3{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:12px;font-weight:700}.connections-empty{color:var(--text-muted);margin:0;padding:8px 0 4px;font-size:13px}.connection-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.connection-row{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-muted);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.connection-row strong{color:var(--text);font-size:13px;display:block}.connection-row span{color:var(--text-muted);margin-top:2px;font-size:12px;display:block}.integration-footer{color:var(--text-muted);border-top:1px solid var(--border);align-items:center;gap:8px;padding:12px 18px 16px;font-size:12px;display:flex}.integration-card.is-soon{opacity:.92}@media (width<=720px){.connection-row{flex-direction:column;align-items:flex-start}}.members-page .data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px;font-weight:600}.data-table td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:14px 12px}.data-table tbody tr:hover{background:#fafafa}.data-table tbody tr:last-child td{border-bottom:0}.col-center{text-align:center}.col-actions{text-align:right;width:44px}.member-name{flex-direction:column;gap:2px;display:flex}.member-email{font-weight:500}.member-display{color:var(--text-muted);font-size:12px}.cell-muted{color:var(--text-muted)}.check-ok{color:var(--success)}.groups,.api-access{color:var(--text-secondary)}.icon-btn:hover{background:var(--bg-hover);color:var(--text)}.row-menu{display:inline-flex;position:relative}.row-menu-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);min-width:140px;box-shadow:var(--shadow-md);z-index:10;padding:4px;position:absolute;top:calc(100% + 4px);right:0}.row-menu-panel button{text-align:left;border-radius:var(--radius-sm);width:100%;font:inherit;cursor:pointer;color:var(--text);background:0 0;border:0;padding:8px 10px;font-size:13px;display:block}.row-menu-panel button:hover{background:var(--bg-hover)}.row-menu-panel button.danger{color:var(--danger)}.modal-scrim{z-index:60;background:#14141459;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);width:min(420px,100%);box-shadow:var(--shadow-md);padding:20px}.modal h2{color:var(--text);margin:0 0 6px;font-size:18px;font-weight:600}.modal-copy{color:var(--text-secondary);margin:0 0 16px;font-size:13px;line-height:1.45}.field{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.field input{border:1px solid var(--border-strong);border-radius:var(--radius-md);height:36px;font:inherit;color:var(--text);padding:0 10px;font-size:13px;font-weight:400}.field input:focus{border-color:var(--cf-blue);box-shadow:0 0 0 1px var(--cf-blue);outline:none}.field-error{color:var(--danger);margin:8px 0 0;font-size:12px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.modal-hint{color:var(--text-muted);margin:14px 0 0;font-size:12px}.modal-hint a{color:var(--cf-blue)}.settings-page{flex-direction:column;gap:16px;display:flex}.settings-hero{padding:20px}.settings-hero h1{letter-spacing:-.02em;color:var(--text);margin:0 0 8px;font-size:22px;font-weight:600}.settings-hero p{color:var(--text-secondary);margin:0;font-size:14px}.settings-section{padding:18px 20px}.settings-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.settings-row h2{color:var(--text);margin:0 0 6px;font-size:15px;font-weight:600}.settings-row p{max-width:56ch;color:var(--text-secondary);margin:0;font-size:13px;line-height:1.45}.settings-row a{color:var(--cf-blue);font-weight:500;text-decoration:none}.settings-row a:hover{text-decoration:underline}.settings-switch{cursor:pointer;flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.settings-switch input{opacity:0;width:0;height:0;position:absolute}.settings-switch-ui{width:36px;height:20px;transition:background var(--ease);background:#d4d4d4;border-radius:999px;position:relative}.settings-switch-ui:after{content:"";width:16px;height:16px;box-shadow:var(--shadow-sm);transition:transform var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.settings-switch input:checked+.settings-switch-ui{background:var(--cf-blue)}.settings-switch input:checked+.settings-switch-ui:after{transform:translate(16px)}.settings-switch input:disabled+.settings-switch-ui{opacity:.5}.settings-switch-label{color:var(--text-secondary);min-width:4.5rem;font-size:13px;font-weight:500}.settings-error{color:var(--danger);margin:12px 0 0;font-size:12px}.workflows-page{flex-direction:column;gap:16px;display:flex}.workflows-hero{padding:20px}.workflows-hero-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.workflows-hero h1{letter-spacing:-.02em;color:var(--text);margin:0 0 8px;font-size:22px;font-weight:600}.workflows-hero p{max-width:72ch;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.group-editor{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-muted);margin-top:16px;padding:14px}.workflow-groups{flex-direction:column;gap:12px;display:flex}.workflow-group-head{text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:0;align-items:flex-start;gap:10px;padding:16px 18px;display:flex}.workflow-group-head:hover{background:#fafafa}.workflow-chevron{color:var(--text-muted);margin-top:2px}.workflow-group-meta{flex:1;min-width:0}.workflow-group-title{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.workflow-group-meta h2{color:var(--text);margin:0;font-size:15px;font-weight:600}.workflow-group-meta p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.45}.category-chip{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg-muted);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.rule-count{color:var(--text-muted);white-space:nowrap;margin-top:2px;font-size:12px}.workflow-open-detail{border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.workflow-open-detail:hover{background:var(--bg-muted);color:var(--cf-blue)}.rule-list{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin:0;padding:12px;list-style:none;display:flex}.rule-list-wrap{border-top:1px solid var(--border)}.rule-list-wrap .rule-list{border-top:0;padding-top:12px}.rule-list-actions{padding:0 12px 14px}.rule-row{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);gap:12px;padding:12px;display:flex}.rule-row.is-editing{background:0 0;border:0;padding:0;display:block}.rule-row.is-disabled{opacity:.65}.rule-toggle{cursor:pointer;flex-shrink:0;width:36px;height:20px;margin-top:2px;position:relative}.rule-toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-ui{width:36px;height:20px;transition:background var(--ease);background:#d4d4d4;border-radius:999px;display:block}.toggle-ui:after{content:"";width:16px;height:16px;box-shadow:var(--shadow-sm);transition:transform var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.rule-toggle input:checked+.toggle-ui{background:var(--cf-blue)}.rule-toggle input:checked+.toggle-ui:after{transform:translate(16px)}.rule-body{flex:1;min-width:0}.rule-title-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.rule-body h3{color:var(--text);margin:0;font-size:13px;font-weight:600}.rule-body>p{color:var(--text-secondary);margin:0 0 8px;font-size:13px;line-height:1.4}.rule-meta{flex-direction:column;gap:4px;display:flex}.rule-meta code{border-radius:var(--radius-sm);background:var(--bg-muted);border:1px solid var(--border);width:fit-content;max-width:100%;font-family:var(--font-mono);color:var(--text);text-overflow:ellipsis;padding:2px 6px;font-size:11px;display:inline-block;overflow:hidden}.rule-meta span{color:var(--text-muted);font-size:12px}.rule-actions{flex-shrink:0;gap:4px;display:flex}.icon-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover:not(:disabled){color:var(--text);background:var(--bg-muted);border-color:var(--border)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.rule-editor{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-muted);margin:0 12px 12px;padding:14px}.rule-editor-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rule-editor-grid label{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:12px;display:flex}.rule-editor-grid label.span-2{grid-column:1/-1}.rule-editor-grid input,.rule-editor-grid textarea,.rule-editor-grid select{font:inherit;color:var(--text);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 9px;font-size:13px}.rule-editor-grid textarea{resize:vertical;min-height:52px}.rule-editor-error{color:#b42318;margin:8px 0 0;font-size:12px}.rule-editor-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}@media (width<=720px){.rule-editor-grid{grid-template-columns:1fr}}.workflow-detail-page{flex-direction:column;gap:16px;display:flex}.workflow-detail-header{padding:20px 20px 0}.workflow-detail-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.workflow-detail-eyebrow{color:var(--text-secondary);align-items:center;gap:4px;margin:0 0 8px;font-size:13px;display:flex}.workflow-detail-eyebrow a{color:var(--cf-blue);text-decoration:none}.workflow-detail-eyebrow a:hover{text-decoration:underline}.workflow-detail-header h1{letter-spacing:-.02em;margin:0 0 8px;font-size:22px;font-weight:600}.workflow-detail-desc{max-width:72ch;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.workflow-detail-tabs{border-top:1px solid var(--border);gap:0;margin:0 -20px;padding:0 20px;display:flex}.workflow-detail-tabs button{color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;padding:12px 14px;font-size:13px;font-weight:500;position:relative}.workflow-detail-tabs button:hover{color:var(--text)}.workflow-detail-tabs button.is-active{color:var(--cf-blue)}.workflow-detail-tabs button.is-active:after{content:"";background:var(--cf-blue);height:2px;position:absolute;bottom:0;left:0;right:0}.workflow-detail-link{color:var(--cf-blue)}.workflow-overview,.workflow-rules-readonly{padding:20px}.workflow-overview h2,.workflow-rules-readonly h2,.workflow-latest-run h2,.workflow-run-history h2,.workflow-run-detail h2{margin:0 0 12px;font-size:16px;font-weight:600}.workflow-overview-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px 20px;margin:0 0 16px;display:grid}.workflow-overview-grid dt{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:12px;font-weight:500}.workflow-overview-grid dd{margin:0;font-size:14px}.workflow-overview-hint{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.workflow-rules-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.workflow-rules-list li{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-muted);padding:12px 14px}.workflow-rules-list li.is-disabled{opacity:.65}.workflow-rule-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.workflow-rule-pattern{border-radius:var(--radius-sm);background:var(--bg-surface);margin:8px 0 0;padding:8px 10px;font-size:12px;overflow-x:auto}.workflow-runs{flex-direction:column;gap:16px;display:flex}.workflow-latest-run{padding:16px 20px}.workflow-latest-run-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.workflow-run-summary-table{border-collapse:collapse;width:100%;font-size:13px}.workflow-run-summary-table th,.workflow-run-summary-table td{text-align:left;border-bottom:1px solid var(--border);padding:8px 10px}.workflow-run-summary-table th{color:var(--text-secondary);font-weight:500}.workflow-run-history{padding:16px 20px}.workflow-run-history-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.workflow-run-history-head p{max-width:60ch;color:var(--text-secondary);margin:4px 0 0;font-size:13px}.workflow-run-empty{text-align:center;color:var(--text-secondary);margin:0;padding:24px 0;font-size:14px}.workflow-run-list{border:1px solid var(--border);border-radius:var(--radius-md);margin:0;padding:0;list-style:none;overflow:hidden}.workflow-run-row{border:0;border-bottom:1px solid var(--border);background:var(--bg-surface);text-align:left;width:100%;font:inherit;cursor:pointer;align-items:center;gap:12px;padding:14px 16px;display:flex}.workflow-run-list li:last-child .workflow-run-row{border-bottom:0}.workflow-run-list li.is-selected .workflow-run-row,.workflow-run-row:hover{background:var(--bg-muted)}.workflow-run-bar{background:var(--border-strong);border-radius:2px;flex-shrink:0;align-self:stretch;width:3px}.workflow-run-bar.status-running,.workflow-run-bar.status-completed{background:var(--cf-blue)}.workflow-run-bar.status-failed{background:var(--destructive,#c0392b)}.workflow-run-main{flex:1;min-width:0}.workflow-run-title{color:var(--text);font-size:14px;font-weight:500;display:block}.workflow-run-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.workflow-run-detail{padding:20px}.workflow-run-detail-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.workflow-run-summary{color:var(--text-secondary);margin:0 0 12px;font-size:14px}.workflow-run-error{border-radius:var(--radius-md);background:color-mix(in srgb, var(--destructive,#c0392b) 12%, transparent);color:var(--destructive,#c0392b);margin:0 0 12px;padding:10px 12px;font-size:13px}.workflow-run-detail-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.workflow-run-detail-grid h3{margin:0 0 8px;font-size:13px;font-weight:600}.workflow-run-detail-grid pre{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-muted);max-height:320px;margin:0;padding:12px;font-size:12px;line-height:1.45;overflow:auto}:root{--cf-blue:#0051c3;--cf-blue-hover:#003d99;--cf-blue-active:#003070;--cf-blue-soft:#e8f0fe;--bg-page:#f2f2f2;--bg-surface:#fff;--bg-sidebar:#fafafa;--bg-hover:#f0f0f0;--bg-active:#ebebeb;--bg-muted:#f5f5f5;--border:#e0e0e0;--border-strong:#cfcfcf;--text:#313131;--text-secondary:#696969;--text-muted:#8c8c8c;--text-inverse:#fff;--success:#0e9f6e;--success-bg:#e6f7f0;--warning:#d97706;--warning-bg:#fff7ed;--danger:#e11d48;--sidebar-width:240px;--sidebar-collapsed:52px;--topbar-height:48px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014;--shadow-sidebar:4px 0 24px #00000014;--font:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--ease:.16s cubic-bezier(.2, .8, .2, 1)}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:14px;line-height:1.4}#root{width:100%;min-height:100svh}button,input,textarea{font:inherit}a{color:inherit}