@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&display=swap);*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}::view-transition-new(root),::view-transition-old(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}.react-flow__attribution{display:none}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}


/* chatapi.dev / Workspace 6 — one surface and spacing system */
:root {
  --ca-primary:#0E8174;--ca-secondary:#6EBA8C;--ca-accent:#B9F2A1;
  --ca-canvas:#F2F5F8;--ca-surface:#fff;--ca-subtle:#EDF2F6;
  --ca-border:#CCD6E0;--ca-ink:#0F172A;--ca-muted:#526175;
  --ca-selected:#E4F3EE;--ca-on-selected:#076458;--ca-focus:#0E8174;
}
:root[data-chatapi-theme="dark"] {
  --ca-canvas:#0C1421;--ca-surface:#162234;--ca-subtle:#1C2C42;
  --ca-border:#34445B;--ca-ink:#EFF5FB;--ca-muted:#BAC8D8;
  --ca-selected:#193E3B;--ca-on-selected:#B9F2A1;--ca-focus:#6EBA8C;
}
html {scroll-behavior:auto;scroll-padding-top:80px}
body {background:var(--ca-canvas);color:var(--ca-ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
button,input,select,textarea {font:inherit}
:focus-visible {outline:3px solid var(--ca-focus);outline-offset:3px}
::selection {background:#6EBA8C70;color:var(--ca-ink)}
::-webkit-scrollbar {width:7px;height:7px}
::-webkit-scrollbar-track {background:var(--ca-canvas)}
::-webkit-scrollbar-thumb {background:var(--ca-border);border-radius:8px}
.ca-shell {min-height:100dvh!important}
.ca-main {min-width:0;isolation:isolate}
.ca-content {padding:20px 24px!important;min-width:0;max-width:100%}
.ca-content > .ca-page {min-width:0;width:100%}
.ca-topbar {min-height:62px;height:62px;padding:0 24px!important;background:var(--ca-surface)!important;border-bottom:1px solid var(--ca-border)!important;gap:16px}
.ca-topbar > :first-child {min-width:0;overflow:hidden}
.ca-topbar > :last-child {flex-shrink:0;gap:8px!important}
.ca-topbar .MuiTypography-root {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ca-mobile-topbar {background:var(--ca-surface)!important;border-bottom:1px solid var(--ca-border)!important}
.ca-mobile-topbar .MuiToolbar-root {min-height:62px!important;padding:0 12px;gap:4px}
.ca-mobile-topbar .MuiIconButton-root {width:44px;height:44px;flex-shrink:0}
.ca-sidebar .MuiDrawer-paper {background:var(--ca-surface)!important;border-inline-end:1px solid var(--ca-border)!important;border-radius:0!important;box-shadow:none!important}
.ca-sidebar .MuiDrawer-paper > .MuiBox-root {background:var(--ca-surface)!important}
.ca-sidebar .MuiList-root {padding:6px 10px}
.ca-sidebar .MuiListItemButton-root {min-height:40px;margin:3px 0;border-radius:8px;padding:8px 10px;gap:4px;color:var(--ca-muted)}
.ca-sidebar .MuiListItemIcon-root {min-width:30px;color:inherit}
.ca-sidebar .MuiListItemText-root {margin:0}
.ca-sidebar .MuiListItemText-primary {font-size:13px;line-height:1.4;font-weight:550;overflow-wrap:anywhere}
.ca-sidebar .MuiListItemButton-root.Mui-selected {background:var(--ca-selected)!important;color:var(--ca-on-selected)!important;border:1px solid var(--ca-border);box-shadow:inset 3px 0 var(--ca-primary)}
.ca-sidebar .MuiListSubheader-root {font-size:10px;letter-spacing:.09em;text-transform:uppercase;line-height:30px;color:var(--ca-muted);background:transparent}
.ca-sidebar .MuiOutlinedInput-root {background:var(--ca-canvas)}
.ca-page .MuiCard-root {background:var(--ca-surface);border:1px solid var(--ca-border);box-shadow:0 2px 4px #00000005;border-radius:12px}
.ca-page .MuiCardActions-root {border-top:1px solid var(--ca-border);padding:12px 16px;flex-wrap:wrap;gap:8px}
.ca-page .MuiCardContent-root {min-width:0}
.ca-page-body {min-width:0;width:100%}
.ca-panel {border:1px solid var(--ca-border)!important;background:var(--ca-surface)!important;border-radius:12px!important;min-width:0}
.ca-section-toolbar {gap:12px;flex-wrap:wrap;min-width:0}
.ca-section-toolbar > * {min-width:0}
.ca-page .MuiGrid-item {min-width:0}
.ca-page .MuiTableContainer-root {background:var(--ca-surface)}
.ca-page .MuiDataGrid-root {border:1px solid var(--ca-border)!important;border-radius:12px!important;background:var(--ca-surface)!important;color:var(--ca-ink);min-width:0;max-width:100%}
.ca-page .MuiDataGrid-columnHeaders {background:var(--ca-subtle)!important;color:var(--ca-muted);border-bottom:1px solid var(--ca-border)!important}
.ca-page .MuiDataGrid-columnHeaderTitle {font-size:12px;font-weight:700}
.ca-page .MuiDataGrid-cell {border-color:var(--ca-border)!important;font-size:13px}
.ca-page .MuiDataGrid-toolbarContainer {min-height:54px;padding:8px 12px;gap:6px;border-bottom:1px solid var(--ca-border);flex-wrap:wrap}
.ca-page .MuiDataGrid-footerContainer {border-color:var(--ca-border)!important;min-height:52px}
.ca-page .MuiDataGrid-overlay {background:var(--ca-subtle)!important;color:var(--ca-muted)}
.ca-page .MuiDataGrid-row.Mui-selected {background:var(--ca-selected)!important}
.ca-page .MuiTable-root {min-width:600px}
.ca-page .MuiToolbar-root {gap:12px;flex-wrap:wrap;min-height:58px;padding:12px 16px}
.ca-page .MuiTypography-h3 {font-size:28px;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.ca-page .MuiTypography-h4 {font-size:24px;letter-spacing:-.025em}
.ca-page .MuiTypography-h5 {font-size:20px;letter-spacing:-.02em}
.ca-page .MuiTypography-h6 {font-size:16px;letter-spacing:-.01em}
.ca-page .MuiFormControl-root {min-width:0}
.ca-page pre {max-width:100%;overflow:auto;border:1px solid var(--ca-border);border-radius:8px;padding:16px;background:var(--ca-subtle)}
.ca-page p,.ca-page .MuiTypography-root {overflow-wrap:anywhere}
.ca-page .MuiTableCell-root {overflow-wrap:normal}
.ca-dashboard-card {overflow:hidden;align-self:start}
.ca-dashboard-card:hover {transform:none!important;box-shadow:none!important}
.ca-dashboard-card .MuiAvatar-root {border-radius:10px;width:38px;height:38px}
.ca-dashboard-grid {align-items:start;gap:16px!important}
.ca-empty {border:1px dashed var(--ca-border);background:var(--ca-subtle)!important;border-radius:8px!important;padding:24px 16px!important}
/* Authentication: contained workspace frame with an introduction and a form. */
.ca-auth,.ca-admin-auth {min-height:100dvh!important;padding:32px!important;display:grid!important;place-items:center;position:relative;background:var(--ca-canvas)!important}
.ca-auth-frame {width:min(100%,1040px);display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);background:var(--ca-surface);border:1px solid var(--ca-border);border-radius:16px;overflow:hidden;box-shadow:0 16px 48px #0F172A0C}
.ca-auth-story {width:auto!important;min-width:0;padding:40px 32px!important;justify-content:flex-start!important;background:#102B2B!important;border:0!important;color:#fff;isolation:isolate}
.ca-auth-story:before {content:"";position:absolute;width:220px;height:220px;right:-130px;top:210px;border:1px solid #6EBA8C45;border-radius:50%;box-shadow:0 0 0 32px #6EBA8C09,0 0 0 64px #6EBA8C05;z-index:-1}
.ca-auth-story > .MuiBox-root:nth-child(2) {margin-bottom:48px!important}
.ca-auth-story > .MuiBox-root:nth-child(3) {margin-bottom:24px!important}
.ca-auth-story .MuiTypography-root {color:#DFEEE8!important}
.ca-auth-story .MuiTypography-h3 {font-size:32px!important;font-weight:650;line-height:1.2!important;letter-spacing:-.035em!important;color:#fff!important}
.ca-auth-story .MuiTypography-body1 {font-size:14px!important;line-height:1.7!important}
.ca-auth-story .MuiTypography-body2 {font-size:13px!important}
.ca-auth-story > .MuiTypography-caption {position:static!important;margin-top:40px;color:#9CBAB0!important}
.ca-auth-story .brand-text {color:#B9F2A1!important;background:none!important;-webkit-text-fill-color:currentColor!important}
.ca-auth-form-area {width:100%;min-width:0;padding:64px 36px 32px!important;justify-content:center!important;background:var(--ca-surface)}
.ca-auth-card {width:100%;max-width:440px!important}
.ca-auth-card .MuiTypography-h4 {font-size:25px!important;margin-bottom:8px!important;letter-spacing:-.035em!important}
.ca-auth-card .MuiTypography-body2 {line-height:1.6}
.ca-auth-card > .MuiTypography-caption {margin-top:24px!important}
.ca-auth-card .MuiOutlinedInput-root {min-height:44px}
.ca-auth-card .MuiButton-contained {height:44px;margin-top:4px}
.ca-auth-card .MuiStack-root {gap:16px}
.ca-auth-card .MuiStack-root > * {margin-top:0!important}
.ca-auth-card .MuiStack-root.MuiStack-direction-row {gap:8px}
.ca-admin-auth {overflow:visible!important}
.ca-admin-auth > .MuiBox-root:first-child {display:none}
.ca-admin-frame {width:min(100%,880px)!important;padding:0!important;max-width:none!important}
.ca-admin-card {display:grid;grid-template-columns:320px minmax(0,1fr);border-radius:14px!important;box-shadow:0 16px 48px #0F172A0C!important;background:var(--ca-surface)!important;border:1px solid var(--ca-border)!important;animation:none!important}
.ca-admin-card > .MuiBox-root:first-child {display:none}
.ca-admin-intro {grid-column:1;grid-row:1 / span 3;align-items:flex-start!important;text-align:start!important;padding:32px!important;justify-content:center;background:#102B2B!important;border:0!important}
.ca-admin-intro .MuiTypography-root {color:#DFEEE8!important}
.ca-admin-intro .MuiTypography-root:first-of-type {color:#fff!important;font-size:25px!important}
.ca-admin-intro > .MuiBox-root {background:#6EBA8C20!important;border-color:#6EBA8C55!important}
.ca-admin-intro .MuiSvgIcon-root {color:#B9F2A1!important}
.ca-admin-card > .MuiBox-root:not(.ca-admin-intro):not(:first-child) {grid-column:2;padding:28px!important}
.MuiDialog-paper {max-height:calc(100dvh - 32px)!important}
.MuiSnackbar-root .MuiAlert-root {box-shadow:0 12px 32px #00000020}
.MuiTooltip-tooltip {font-size:12px!important;line-height:1.5!important}
@media(min-width:900px) {
  .ca-page > .MuiBox-root > .MuiBox-root:has(> .MuiTypography-h4) {margin-bottom:16px}
}
@media(max-width:1199px) {
  .ca-content {padding:20px!important}
  .ca-topbar {padding-inline:20px!important}
  .ca-auth-story {padding:32px 24px!important}
  .ca-auth-form-area {padding-inline:28px!important}
}
@media(max-width:899px) {
  .ca-content {padding:16px!important}
  .ca-auth {padding:20px!important;align-items:start;min-height:100dvh!important}
  .ca-auth-frame {grid-template-columns:minmax(0,1fr);width:min(100%,540px);margin-block:24px}
  .ca-auth-form-area {padding:24px!important}
  .ca-auth-form-area > .MuiStack-root {max-width:440px!important;margin-bottom:24px!important}
  .ca-admin-auth {padding:20px!important}
  .ca-admin-frame {max-width:520px!important}
  .ca-admin-card {grid-template-columns:1fr}
  .ca-admin-intro {grid-column:1;grid-row:auto;padding:24px!important;display:grid!important;grid-template-columns:48px 1fr;column-gap:16px}
  .ca-admin-intro > .MuiBox-root {grid-row:1 / span 2;width:48px!important;height:48px!important;margin:0!important}
  .ca-admin-intro > .MuiTypography-root {grid-column:2;margin:0!important}
  .ca-admin-card > .MuiBox-root:not(.ca-admin-intro):not(:first-child) {grid-column:1;padding:24px!important}
  .ca-page .MuiToolbar-root {align-items:stretch}
  .ca-page .MuiTablePagination-toolbar {align-items:center}
  .ca-sidebar .MuiDrawer-paper {max-width:calc(100vw - 44px)}
}
@media(max-width:599px) {
  .ca-content {padding:12px!important}
  .ca-auth,.ca-admin-auth {padding:12px!important}
  .ca-auth-frame {margin-block:8px;border-radius:12px}
  .ca-auth-form-area {padding:20px 16px!important}
  .ca-auth-card {max-width:100%!important}
  .ca-admin-intro {padding:20px!important}
  .ca-admin-card > .MuiBox-root:not(.ca-admin-intro):not(:first-child) {padding:20px 16px!important}
  .ca-page .MuiTypography-h4 {font-size:22px}
  .ca-page .MuiCardContent-root {padding:16px}
  .ca-dashboard-grid {grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .ca-dashboard-grid > * {grid-column:auto!important;min-width:0}
  .MuiDialog-paper {margin:12px!important;width:calc(100% - 24px);max-width:calc(100% - 24px)!important}
  .MuiDialogActions-root > .MuiButton-root {flex:1}
  .MuiTablePagination-selectLabel {display:none}
}
@media(pointer:coarse) {
  .MuiButton-root,.MuiIconButton-root,.MuiMenuItem-root,.MuiTab-root,.ca-sidebar .MuiListItemButton-root {min-height:44px}
  .MuiIconButton-root {min-width:44px}
  .MuiInputBase-input {font-size:16px!important}
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}