.flow-app-shell{grid-template-columns:5rem var(--sidebar-width) minmax(0, 1fr) var(--chat-details-width);background:var(--color-bg);width:100%;height:100vh;display:grid;overflow:hidden}.flow-app-shell__navigation,.flow-app-shell__conversations,.flow-app-shell__chat,.flow-app-shell__details{min-width:0;min-height:0}.flow-app-shell__navigation,.flow-app-shell__conversations{border-right:1px solid var(--color-border);background:var(--color-surface)}.flow-app-shell__chat{background:var(--color-bg)}.flow-app-shell__details{border-left:1px solid var(--color-border);background:var(--color-surface)}.flow-navigation{align-items:stretch;gap:var(--space-3);height:100%;padding:var(--space-3);flex-direction:column;display:flex}.flow-navigation__brand{width:2.75rem;height:2.75rem;margin:0 auto var(--space-4);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-bold);place-items:center;display:grid}.flow-navigation__items{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.flow-navigation__item{border-radius:var(--radius-md);padding:var(--space-3) var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-xs);background:0 0;border:0}.flow-navigation__item:hover{background:var(--color-surface-hover);color:var(--color-text)}.flow-conversations,.flow-details{height:100%;overflow:auto}.flow-conversations__header{min-height:var(--topbar-height);padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;display:flex}.flow-section-label{color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;margin:0}.flow-conversations__title{margin:var(--space-1) 0 0;font-size:var(--font-size-xl)}.flow-icon-button{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:var(--color-surface);color:var(--color-text-secondary)}.flow-icon-button:hover{background:var(--color-surface-hover);color:var(--color-text)}.flow-search{padding:0 var(--space-4) var(--space-3)}.flow-search input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;padding:var(--space-3);background:var(--color-surface-secondary);outline:none}.flow-search input:focus{border-color:var(--color-primary)}.flow-conversations__list{flex-direction:column;display:flex}.flow-conversation-row{gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);text-align:left;background:0 0;border:0;display:flex}.flow-conversation-row:hover{background:var(--color-surface-hover)}.flow-conversation-row:first-child{background:var(--color-primary-soft)}.flow-avatar{border-radius:var(--radius-full);background:var(--color-primary);width:2.75rem;height:2.75rem;color:var(--color-text-inverse);font-weight:var(--font-weight-semibold);flex:none;place-items:center;display:inline-grid}.flow-avatar--large{width:5rem;height:5rem;font-size:var(--font-size-2xl)}.flow-conversation-row__content{flex:1;min-width:0}.flow-conversation-row__top{justify-content:space-between;gap:var(--space-3);color:var(--color-text);display:flex}.flow-conversation-row__top>span{color:var(--color-text-muted);font-size:var(--font-size-xs)}.flow-conversation-row__preview{margin-top:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.flow-chat{grid-template-rows:var(--topbar-height) minmax(0, 1fr) auto;height:100%;display:grid}.flow-chat__header{border-bottom:1px solid var(--color-border);padding:0 var(--space-4);background:var(--color-surface);justify-content:space-between;align-items:center;display:flex}.flow-chat__identity{align-items:center;gap:var(--space-3);display:flex}.flow-chat__identity p{margin:var(--space-1) 0 0}.flow-chat__status{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.flow-chat__actions{gap:var(--space-2);display:flex}.flow-chat__timeline{padding:var(--space-6);place-items:center;display:grid;overflow:auto}.flow-chat__empty{max-width:32rem;padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);text-align:center}.flow-chat__empty h2{margin:var(--space-2) 0}.flow-chat__empty>p:last-child{color:var(--color-text-secondary);margin-bottom:0}.flow-composer{align-items:flex-end;gap:var(--space-2);border-top:1px solid var(--color-border);padding:var(--space-3) var(--space-4);background:var(--color-surface);display:flex}.flow-composer textarea{min-height:var(--composer-min-height);resize:vertical;border:1px solid var(--color-border);border-radius:var(--radius-lg);max-height:10rem;padding:var(--space-3) var(--space-4);background:var(--color-surface-secondary);outline:none;flex:1}.flow-composer textarea:focus{border-color:var(--color-primary)}.flow-primary-button{min-height:var(--composer-min-height);border-radius:var(--radius-md);padding:0 var(--space-5);background:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-semibold);border:0}.flow-primary-button:hover{background:var(--color-primary-hover)}.flow-details{padding:var(--space-6)}.flow-details__profile{text-align:center;justify-items:center;display:grid}.flow-details__profile h2{margin:var(--space-3) 0 var(--space-1)}.flow-details__profile p{margin:0}.flow-details__section{margin-top:var(--space-8);border-top:1px solid var(--color-border);padding-top:var(--space-5)}.flow-details__section h3{margin:0 0 var(--space-2);font-size:var(--font-size-md)}.flow-details__section p{margin:0}@media (width<=80rem){.flow-app-shell{grid-template-columns:5rem var(--sidebar-width) minmax(0, 1fr)}.flow-app-shell__details{display:none}}@media (width<=56rem){.flow-app-shell{grid-template-columns:4rem minmax(16rem,20rem) minmax(0,1fr)}.flow-navigation{padding-inline:var(--space-2)}.flow-navigation__item{font-size:0;overflow:hidden}.flow-navigation__item:first-letter{font-size:var(--font-size-sm)}}@media (width<=44rem){.flow-app-shell{grid-template-columns:1fr}.flow-app-shell__navigation,.flow-app-shell__chat,.flow-app-shell__details{display:none}.flow-app-shell__conversations{border:0;display:block}}:root{--font-family-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.65;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-xs:.25rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-full:9999px;--sidebar-width:20rem;--chat-details-width:22rem;--topbar-height:4rem;--composer-min-height:3rem;--duration-fast:.12s;--duration-normal:.18s;--duration-slow:.26s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--color-bg:#f5f7fa;--color-surface:#fff;--color-surface-secondary:#f0f3f7;--color-surface-hover:#e8edf3;--color-surface-active:#dfe7ef;--color-text:#18212f;--color-text-secondary:#667085;--color-text-muted:#98a2b3;--color-text-inverse:#fff;--color-border:#dfe5ec;--color-border-strong:#cbd5e1;--color-primary:#2f80ed;--color-primary-hover:#1f6fd6;--color-primary-soft:#eaf3ff;--color-success:#12b76a;--color-warning:#f79009;--color-danger:#f04438;--color-info:#2e90fa;--color-message-outgoing:#dff1ff;--color-message-incoming:#fff;--color-presence-online:#12b76a;--color-presence-away:#f79009;--color-presence-offline:#98a2b3;--shadow-xs:0 1px 2px #1018280d;--shadow-sm:0 1px 3px #1018281a, 0 1px 2px #1018280f;--shadow-md:0 4px 8px #10182814, 0 2px 4px #1018280f;--shadow-lg:0 12px 24px #1018281f, 0 4px 8px #1018280f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--color-bg:#0f141b;--color-surface:#161d27;--color-surface-secondary:#1d2632;--color-surface-hover:#253140;--color-surface-active:#2d3b4d;--color-text:#f4f7fb;--color-text-secondary:#b5c0cf;--color-text-muted:#7f8b9d;--color-text-inverse:#0f141b;--color-border:#2a3543;--color-border-strong:#364456;--color-primary:#4a9eff;--color-primary-hover:#69aeff;--color-primary-soft:#173456;--color-success:#32d583;--color-warning:#fdb022;--color-danger:#f97066;--color-info:#53b1fd;--color-message-outgoing:#1c4770;--color-message-incoming:#1d2632;--color-presence-online:#32d583;--color-presence-away:#fdb022;--color-presence-offline:#667085;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #00000047, 0 1px 2px #0003;--shadow-md:0 4px 8px #0000004d, 0 2px 4px #0000003d;--shadow-lg:0 12px 24px #00000061, 0 4px 8px #00000047;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-family-sans);line-height:var(--line-height-normal);background:var(--color-bg);color:var(--color-text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{min-height:100%}body{background:var(--color-bg);min-width:20rem;color:var(--color-text);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}img,svg,video{max-width:100%;display:block}input,textarea,select,button{color:inherit}::selection{background:var(--color-primary-soft)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.flow-surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.flow-muted{color:var(--color-text-muted)}.flow-secondary{color:var(--color-text-secondary)}.flow-primary{color:var(--color-primary)}.flow-screen{background:var(--color-bg);min-height:100vh;color:var(--color-text)}.flow-visually-hidden{white-space:nowrap;clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}