.flow-app-shell{background:var(--color-bg);grid-template-columns:4.5rem 20rem minmax(0,1fr) 18rem;width:100%;height:100dvh;display:grid;overflow:hidden}.flow-rail,.flow-list,.flow-info{background:var(--color-surface);border-color:var(--color-border)}.flow-rail{align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-2);border-right:1px solid;flex-direction:column;display:flex}.flow-rail nav{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.flow-rail button{border-radius:var(--radius-md);padding:var(--space-3) var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:0 0;border:0}.flow-rail button:hover,.flow-rail button.is-selected{background:var(--color-primary-soft);color:var(--color-primary)}.flow-rail__profile{margin-top:auto}.flow-list{border-right:1px solid;overflow:auto}.flow-list header,.flow-page-heading{padding:var(--space-6) var(--space-5) var(--space-4)}.flow-list h1,.flow-page-heading h1{margin:var(--space-1) 0 0;font-size:var(--font-size-2xl)}.flow-search{padding:0 var(--space-5) var(--space-4);display:block}.flow-search input,.flow-password input,.flow-login input,.flow-dialog select{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;padding:var(--space-3);background:var(--color-surface-secondary);color:var(--color-text)}.flow-search input:focus,.flow-login input:focus,.flow-dialog select:focus{border-color:var(--color-primary)}.flow-main{min-width:0;overflow:auto}.flow-main--conversation{place-items:center;display:grid}.flow-info{padding:var(--space-6);border-left:1px solid;overflow:auto}.flow-info h2{margin-top:0}.flow-state{align-content:center;place-items:center;gap:var(--space-2);max-width:30rem;min-height:100%;padding:var(--space-8);text-align:center;display:grid}.flow-state h1,.flow-state h2,.flow-state p{margin:0}.flow-state p{color:var(--color-text-secondary)}.flow-state--compact{min-height:20rem}.flow-eyebrow{color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.12em;margin:0}.flow-brand-mark{border-radius:var(--radius-md);background:var(--color-primary);width:2.75rem;height:2.75rem;color:var(--color-text-inverse);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);box-shadow:var(--shadow-sm);place-items:center;display:grid}.flow-brand-mark--soft{background:var(--color-primary-soft);color:var(--color-primary);box-shadow:none}.flow-avatar{border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary);font-weight:var(--font-weight-bold);flex:none;place-items:center;display:inline-grid}.flow-avatar--sm{width:2rem;height:2rem;font-size:var(--font-size-xs)}.flow-avatar--md{width:2.75rem;height:2.75rem}.flow-avatar--lg{width:5rem;height:5rem;font-size:var(--font-size-2xl)}.flow-button{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-weight:var(--font-weight-semibold);border:1px solid #0000}.flow-button--primary{background:var(--color-primary);color:var(--color-text-inverse)}.flow-button--secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.flow-button--ghost{color:var(--color-text-secondary);background:0 0}.flow-button--danger{background:var(--color-danger);color:#fff}.flow-button--wide{width:100%}.flow-button:disabled{opacity:.55}.flow-directory{max-width:58rem;padding-bottom:var(--space-10);margin:0 auto}.flow-directory-list{gap:var(--space-2);padding:0 var(--space-5);flex-direction:column;margin:0;list-style:none;display:flex}.flow-directory-list li{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.flow-directory-list li>div{flex:1;min-width:0}.flow-directory-list p{margin:var(--space-1) 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flow-badge{border-radius:var(--radius-full);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.flow-badge--active{background:color-mix(in srgb, var(--color-success) 15%, transparent);color:var(--color-success)}.flow-badge--suspended,.flow-badge--disabled{background:color-mix(in srgb, var(--color-warning) 15%, transparent);color:var(--color-warning)}.flow-pagination{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-5);display:flex}.flow-skeleton{height:4rem;margin:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:linear-gradient(90deg, var(--color-surface-secondary), var(--color-surface-hover), var(--color-surface-secondary));background-size:200% 100%;animation:1.2s infinite flow-shimmer}.flow-stack{padding-top:var(--space-3)}.flow-login{min-height:100dvh;padding:var(--space-5);background:radial-gradient(circle at 10% 10%, var(--color-primary-soft), transparent 35%), var(--color-bg);place-items:center;display:grid}.flow-login__card{width:min(100%,26rem);padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-lg)}.flow-login__card h1{margin:var(--space-3) 0 var(--space-1);font-size:var(--font-size-3xl)}.flow-login__card>.flow-brand-mark{margin-bottom:var(--space-5)}.flow-login form{gap:var(--space-4);margin-top:var(--space-6);display:grid}.flow-login label,.flow-dialog label{gap:var(--space-2);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);display:grid}.flow-password{gap:var(--space-2);display:flex}.flow-password input{flex:1}.flow-form-error{color:var(--color-danger);font-size:var(--font-size-sm);margin:0}.flow-dialog-backdrop{padding:var(--space-5);z-index:10;background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.flow-dialog{gap:var(--space-4);width:min(100%,28rem);padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-lg);display:grid;position:relative}.flow-dialog h2,.flow-dialog p{margin:0}.flow-dialog>.flow-avatar{margin:auto}.flow-dialog__close{right:var(--space-4);top:var(--space-4);font-size:var(--font-size-2xl);color:var(--color-text-secondary);background:0 0;border:0;position:absolute}.flow-profile-data{gap:var(--space-3);margin:0;display:grid}.flow-profile-data div{justify-content:space-between;gap:var(--space-4);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2);display:flex}.flow-profile-data dt{color:var(--color-text-secondary)}.flow-profile-data dd{text-align:right;margin:0}.flow-screen{align-content:center;place-items:center;gap:var(--space-4);display:grid}@keyframes flow-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=1100px){.flow-app-shell{grid-template-columns:4.5rem minmax(16rem,22rem) minmax(0,1fr)}.flow-info{display:none}}@media (width<=700px){.flow-app-shell{grid-template-columns:1fr}.flow-rail{z-index:5;height:4.25rem;padding:var(--space-2);border-top:1px solid;border-right:0;flex-direction:row;justify-content:space-around;position:fixed;bottom:0;left:0;right:0}.flow-rail>.flow-brand-mark{display:none}.flow-rail nav{justify-content:center;gap:var(--space-4);flex-direction:row}.flow-rail nav button{padding:var(--space-2) var(--space-4)}.flow-rail__profile{margin:0}.flow-list{display:none}.flow-main{padding-bottom:4.25rem}.flow-directory{padding-bottom:var(--space-6)}.flow-directory-list{padding:0 var(--space-3)}.flow-page-heading,.flow-search{padding-left:var(--space-3);padding-right:var(--space-3)}}.flow-main--messages{flex-direction:column;display:flex}.flow-conversation-list{display:grid}.flow-conversation-list button{gap:var(--space-1);width:100%;padding:var(--space-4) var(--space-5);border:0;border-bottom:1px solid var(--color-border);color:var(--color-text);text-align:left;background:0 0;grid-template-columns:1fr auto;display:grid}.flow-conversation-list button.is-selected{background:var(--color-primary-soft)}.flow-conversation-list small{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;overflow:hidden}.flow-chat{grid-template-rows:auto minmax(0,1fr) auto;min-height:100%;display:grid}.flow-chat>header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.flow-chat>header h2,.flow-chat>header p{margin:0}.flow-message-history{gap:var(--space-3);padding:var(--space-5);flex-direction:column;display:flex;overflow:auto}.flow-message{max-width:min(75%,42rem);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-secondary);align-self:flex-start}.flow-message--mine{background:var(--color-primary-soft);align-self:flex-end}.flow-message p,.flow-message small{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.flow-message small{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.flow-composer{gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--color-border);display:flex}.flow-composer textarea{min-height:2.75rem;max-height:10rem;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);resize:vertical;flex:1}.flow-typing{min-height:1.5rem;padding:0 var(--space-5);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;font-style:italic}: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}