:root{--background: oklch(.975 .004 250);--foreground: oklch(.24 .024 250);--card: oklch(1 0 0);--muted: oklch(.953 .008 250);--muted-foreground: oklch(.52 .025 250);--border: oklch(.91 .012 250);--input: var(--border);--ring: var(--primary);--primary: oklch(.48 .15 255);--primary-foreground: oklch(1 0 0);--accent: oklch(.95 .025 255);--success-soft: oklch(.95 .045 160);--success-soft-foreground: oklch(.38 .09 160);--warning-soft: oklch(.97 .06 90);--warning-soft-foreground: oklch(.43 .1 65);--info-soft: oklch(.95 .035 255);--info-soft-foreground: oklch(.42 .14 255);--destructive: oklch(.5 .18 25);--destructive-soft: oklch(.96 .025 25);--destructive-soft-foreground: var(--destructive);--ai-soft: oklch(.95 .035 295);--ai-soft-foreground: oklch(.45 .15 295);--chat-outgoing: oklch(.94 .035 255);--chat-selected: oklch(.95 .025 255);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--foreground);background:var(--background);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:.875rem}h1,h2,h3,p{margin:0}h1{font-size:1.5rem;font-weight:650;letter-spacing:-.035em}h2{font-size:1rem;font-weight:600}a{color:var(--primary)}button,input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.text-muted-foreground{color:var(--muted-foreground)}.bg-primary{background:var(--primary)}.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}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.5rem;padding:.6rem 1rem;border:1px solid transparent;border-radius:.6rem;background:var(--primary);color:var(--primary-foreground);font-weight:550;cursor:pointer;white-space:nowrap;transition:background .12s,opacity .12s}.ui-button:hover{opacity:.88}.ui-button:disabled{opacity:.45;cursor:not-allowed}.ui-button-outline{border-color:var(--border);background:var(--card);color:var(--foreground)}.ui-button-ghost{background:transparent;color:var(--muted-foreground)}.ui-button-ghost:hover{background:var(--muted);color:var(--foreground);opacity:1}.ui-button-destructive{background:var(--destructive)}.ui-button-icon{padding:.6rem;width:2.5rem}.ui-button-small{min-height:2rem;padding:.4rem .7rem;font-size:.75rem}.ui-button svg{width:1.1rem;height:1.1rem;flex-shrink:0}.ui-input{width:100%;min-height:2.5rem;padding:.6rem .8rem;border:1px solid var(--input);border-radius:.6rem;color:var(--foreground);background:var(--card)}.ui-input::placeholder{color:var(--muted-foreground)}.ui-textarea{resize:vertical;min-height:5rem}.ui-field{display:flex;flex-direction:column;gap:.45rem;font-weight:500}.ui-field small{font-weight:400;line-height:1.5}.ui-select{cursor:pointer}.ui-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.ui-page-layout{display:flex;flex-direction:column;min-width:0;height:100%}.ui-page-header{min-height:6.2rem;padding:1.5rem 2rem;border-bottom:1px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:space-between;gap:1rem}.ui-page-header p{margin-top:.35rem;line-height:1.5}.ui-title-row{display:flex;align-items:center;gap:.7rem}.ui-page-content{padding:1.5rem 2rem;overflow:auto;min-height:0;flex:1}.ui-section-card{background:var(--card);border:1px solid var(--border);border-radius:.9rem;overflow:hidden}.ui-section-heading{padding:1.25rem;display:flex;justify-content:space-between;gap:1rem;align-items:center}.ui-section-heading p{margin-top:.3rem;line-height:1.5}.ui-section-content{padding:0 1.25rem 1.25rem}.ui-section-footer{padding:1rem 1.25rem;background:var(--background);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.5rem}.ui-badge{display:inline-flex;align-items:center;padding:.25rem .55rem;border-radius:.4rem;font-size:.75rem;font-weight:550;white-space:nowrap}.ui-tone-neutral{background:var(--muted);color:var(--muted-foreground)}.ui-tone-success{background:var(--success-soft);color:var(--success-soft-foreground)}.ui-tone-warning{background:var(--warning-soft);color:var(--warning-soft-foreground)}.ui-tone-info{background:var(--info-soft);color:var(--info-soft-foreground)}.ui-tone-destructive{background:var(--destructive-soft);color:var(--destructive-soft-foreground)}.ui-tone-ai{background:var(--ai-soft);color:var(--ai-soft-foreground)}.ui-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1.5rem;text-align:center;height:100%;min-height:12rem}.ui-empty-state p{max-width:26rem;line-height:1.7}.ui-empty-icon{padding:1rem;border-radius:1rem;background:var(--muted);color:var(--muted-foreground)}.ui-empty-icon svg{width:1.75rem;height:1.75rem}.ui-loading{display:flex;gap:.6rem;align-items:center;justify-content:center;padding:3rem;color:var(--muted-foreground)}.ui-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ui-notice{padding:.8rem 1rem;border-radius:.6rem;line-height:1.6}.ui-avatar{width:2.6rem;height:2.6rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:var(--primary);font-size:.8rem;font-weight:650;flex-shrink:0}.ui-table-scroll{overflow:auto}.ui-table{width:100%;border-collapse:collapse;text-align:left}.ui-table th{padding:.7rem .8rem;color:var(--muted-foreground);font-size:.75rem;font-weight:500;border-bottom:1px solid var(--border)}.ui-table td{padding:.95rem .8rem;border-bottom:1px solid var(--border)}.ui-table tr:last-child td{border-bottom:0}.ui-dialog{width:min(28rem,calc(100vw - 2rem));border:1px solid var(--border);border-radius:1rem;padding:1.5rem;color:var(--foreground);background:var(--card);box-shadow:0 1rem 4rem #0f171f33}.ui-dialog::backdrop{background:#0f171f73}.ui-dialog p{margin:1rem 0 1.5rem;line-height:1.7}.ui-dialog .ui-actions{justify-content:flex-end}@media(max-width:700px){.ui-page-header{padding:1rem;align-items:flex-start;flex-direction:column;min-height:auto}.ui-page-content{padding:1rem}h1{font-size:1.25rem}}html,body,#root{height:100%}.app-shell{display:flex;height:100%;min-height:0}.sidebar{width:15rem;flex-shrink:0;background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.8rem 1rem 0}.brand{display:flex;gap:.65rem;align-items:center;font-size:1.2rem;font-weight:700;letter-spacing:-.04em}.brand-mark{display:flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;border-radius:.7rem;background:var(--primary);color:var(--primary-foreground);font-size:1.75rem;font-style:italic;line-height:1}.brand-subtitle{display:block;color:var(--muted-foreground);font-size:.68rem;font-weight:400;letter-spacing:.04em;margin-top:.1rem}.workspace-selector{margin:2.2rem 0 1.7rem}.eyebrow{display:block;font-size:.65rem;font-weight:650;letter-spacing:.14em;color:var(--muted-foreground);margin-bottom:.7rem}.workspace-selector .ui-select{border:1px solid var(--border);background:var(--background);font-weight:550}.sidebar nav{display:flex;flex-direction:column;gap:.4rem}.nav-item{width:100%;justify-content:flex-start;font-weight:500;padding:.75rem .85rem;min-height:2.8rem}.nav-item.nav-active{background:var(--accent);color:var(--primary);font-weight:650}.sidebar-note{margin-top:auto;padding:1.5rem .8rem;display:flex;gap:.6rem;align-items:center;font-size:.75rem;line-height:1.7;color:var(--muted-foreground)}.sidebar-note svg{width:1rem}.sidebar-user{display:flex;align-items:center;gap:.6rem;padding:1.1rem .15rem;border-top:1px solid var(--border)}.sidebar-user strong{font-size:.8rem}.sidebar-user small{display:block;margin-top:.2rem;font-size:.7rem;color:var(--muted-foreground)}.sidebar-user .ui-button{margin-left:auto}.sidebar-user .ui-avatar{width:2.1rem;height:2.1rem;font-size:.7rem}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.app-main>.ui-page-layout,.inbox-page{flex:1;min-height:0}.demo-bar{padding:.55rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:.7rem;font-size:.75rem;background:var(--warning-soft);color:var(--warning-soft-foreground)}.demo-bar .ui-badge{padding:0}.mobile-bar{display:none}.inbox-page{height:100%}.inbox-page>.ui-page-layout>.ui-page-content{padding:0;overflow:hidden;display:flex}.inbox-grid{display:grid;grid-template-columns:minmax(17rem,23rem) minmax(0,1fr);width:100%;min-height:0}.conversation-list{background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.conversation-filters{padding:1rem;display:flex;flex-direction:column;gap:.7rem;border-bottom:1px solid var(--border)}.search-input{display:flex;align-items:center;position:relative;min-width:0}.search-input>svg{position:absolute;width:1rem;height:1rem;left:.75rem;color:var(--muted-foreground);pointer-events:none}.search-input .ui-input{padding-left:2.2rem;font-size:.8rem}.filter-row{display:flex;gap:.5rem}.filter-row .ui-select{font-size:.75rem;min-height:2.15rem;padding:.4rem}.conversation-scroll{overflow:auto;flex:1}.conversation-row{width:100%;display:flex;border-radius:0;padding:1.2rem 1rem;gap:.8rem;text-align:left;height:auto;border-bottom:1px solid var(--border);color:var(--foreground);white-space:normal;justify-content:flex-start}.conversation-row.conversation-selected,.conversation-row.conversation-selected:hover{background:var(--chat-selected)}.conversation-copy{min-width:0;flex:1}.conversation-title{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.conversation-title strong{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-title time{font-size:.65rem;font-weight:400;color:var(--muted-foreground)}.conversation-copy p{margin-top:.35rem;color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:400}.conversation-meta{display:flex;align-items:center;justify-content:space-between;margin-top:.6rem;font-size:.65rem;font-weight:400;color:var(--muted-foreground)}.conversation-meta .ui-badge{border-radius:50%;min-width:1.15rem;height:1.15rem;padding:.15rem;justify-content:center;font-size:.65rem}.chat-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--background)}.chat-header{display:flex;align-items:center;padding-left:1.5rem;background:var(--card);border-bottom:1px solid var(--border)}.chat-header .ui-page-header{padding:1rem;min-height:5rem;border-bottom:0;flex:1}.chat-header h1,.chat-header h2{font-size:.95rem;letter-spacing:-.01em}.chat-header .ui-page-header p{font-size:.75rem}.chat-header .ui-title-row{flex-wrap:wrap;gap:.45rem}.chat-header .ui-badge{font-size:.65rem}.chat-details{display:flex;gap:1rem;flex-wrap:wrap;padding:.8rem 1.5rem;border-bottom:1px solid var(--border);background:var(--card);color:var(--muted-foreground);font-size:.75rem}.control-bar{display:flex;gap:.7rem;align-items:center;justify-content:space-between;padding:.5rem 1.5rem;border-bottom:1px solid var(--border);background:var(--card);color:var(--muted-foreground);font-size:.75rem}.control-bar>div{display:flex;align-items:center;gap:.5rem}.control-bar svg{width:.85rem;height:.85rem}.messages{flex:1;min-height:0;overflow:auto;padding:1.7rem 2rem}.message-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.2rem}.message-row{display:flex;justify-content:flex-start}.message-outgoing{justify-content:flex-end}.message-bubble{max-width:80%;padding:.85rem 1rem .5rem;border:1px solid var(--border);border-radius:.25rem .9rem .9rem;background:var(--card);line-height:1.65;overflow-wrap:anywhere}.message-outgoing .message-bubble{background:var(--chat-outgoing);border-color:transparent;border-top-left-radius:.9rem;border-top-right-radius:.25rem}.message-text{white-space:pre-wrap}.message-author{display:block;color:var(--muted-foreground);margin-bottom:.3rem;font-size:.65rem}.message-footer{display:flex;justify-content:flex-end;gap:.3rem;color:var(--muted-foreground);font-size:.65rem;align-items:center;margin-top:.3rem}.message-footer span{display:flex}.message-footer svg{width:.85rem;height:.85rem}.message-image{max-width:100%;max-height:22rem;border-radius:.4rem}.message-bubble video{max-width:100%;max-height:20rem}.message-bubble audio{max-width:100%;height:2.5rem}.message-file{display:flex;align-items:center;gap:.5rem}.message-file svg{width:1.3rem}.composer-area{padding:1rem 1.5rem 1.2rem;background:var(--card);border-top:1px solid var(--border)}.composer-area .ui-textarea{min-height:4rem;resize:none;background:var(--background)}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.6rem}.composer-toolbar small{font-size:.65rem}.mobile-back{display:none}.stack{display:flex;flex-direction:column;gap:1.25rem}.stack.compact{gap:.65rem}.narrow{max-width:30rem}.block{display:block;margin-top:.3rem;font-size:.75rem}.channel-grid,.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.25rem}.detail-line{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.8rem}.contact-cell{display:flex;align-items:center;gap:.75rem;min-width:10rem}.contact-cell small{display:block;margin-top:.3rem}.contact-cell strong{font-weight:550}.pagination{display:flex;justify-content:flex-end;margin-top:1rem}.integration-address{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;padding:1rem;margin-bottom:1rem;background:var(--background);border-radius:.6rem;font-size:.75rem}.integration-help{margin-top:1rem;color:var(--muted-foreground);font-size:.75rem}.ui-checkbox{display:flex;align-items:center;gap:.6rem;line-height:1.5;cursor:pointer}.ui-checkbox input{accent-color:var(--primary);width:1rem;height:1rem}.ui-id-chip{font-family:ui-monospace,monospace;font-weight:400}.toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;max-width:min(28rem,calc(100vw - 3rem));box-shadow:0 .5rem 2rem #0f171f1f;border-radius:.6rem}.ui-dialog .ui-section-heading{padding:0 0 1rem}.ui-dialog p{margin:0}.login{min-height:100%;display:grid;grid-template-columns:1.15fr 1fr;background:var(--card)}.login-story{background:var(--background);border-right:1px solid var(--border);padding:3rem 4rem;display:flex;flex-direction:column;justify-content:space-between;gap:4rem}.login-story h1{font-size:clamp(2rem,4vw,3.7rem);line-height:1.15;letter-spacing:-.06em;font-weight:600}.login-story .eyebrow{margin-bottom:1.5rem}.login-story p{max-width:30rem;margin-top:1.5rem;line-height:1.8;color:var(--muted-foreground)}.login-story>p{font-size:.75rem}.login-form{display:flex;flex-direction:column;justify-content:center;padding:4rem;gap:2rem;width:min(100%,35rem);margin:auto}.login-form h2{font-size:1.7rem;letter-spacing:-.04em;font-weight:600}.login-form p{margin-top:.6rem;line-height:1.6}.login-form form{display:flex;flex-direction:column;gap:1.3rem}.login-form form>.ui-button{margin-top:.5rem;justify-content:space-between}.login-form small{line-height:1.8}@media(min-width:1600px){.inbox-grid{grid-template-columns:25rem minmax(0,1fr)}.messages{padding:2rem 4rem}}@media(max-width:1100px){.sidebar{width:12.5rem;padding:1.5rem .7rem 0}.sidebar-user strong{font-size:.7rem}.inbox-grid{grid-template-columns:18rem minmax(0,1fr)}.composer-toolbar small,.chat-header .ui-badge{display:none}.channel-grid,.settings-grid{grid-template-columns:1fr}.login-story,.login-form{padding:3rem 2rem}}@media(max-width:800px){.app-shell{flex-direction:column}.mobile-bar{display:flex;align-items:center;gap:.5rem;height:3.5rem;flex-shrink:0;border-bottom:1px solid var(--border);background:var(--card);padding:.5rem;font-weight:650}.sidebar{display:none;position:fixed;inset:3.5rem auto 0 0;z-index:20;width:16rem;box-shadow:.5rem 0 2rem #0f171f14}.sidebar.sidebar-open{display:flex}.app-main{flex:1}.demo-bar{font-size:.65rem;padding:.5rem .75rem;text-align:center}.inbox-grid{grid-template-columns:1fr}.chat-panel{display:none}.inbox-grid.has-selection .chat-panel{display:flex}.inbox-grid.has-selection .conversation-list{display:none}.mobile-back{display:inline-flex}.chat-header{padding-left:.5rem}.chat-header .ui-page-header{flex-direction:row;align-items:center;padding:.8rem}.chat-header .ui-page-header .ui-actions>.ui-button-icon{display:none}.chat-header .ui-avatar{display:none}.control-bar{padding:.4rem .8rem;font-size:.65rem}.messages{padding:1rem}.message-bubble{max-width:92%}.composer-area{padding:.7rem}.login{grid-template-columns:1fr}.login-story{padding:1.5rem;gap:2rem}.login-story>div:nth-child(2),.login-story>p{display:none}.login-form{padding:2rem 1.5rem}.ui-page-header>.ui-actions{width:100%}.contact-cell{min-width:8rem}}.workspace-content{flex:1;min-height:0;display:flex;flex-direction:column}.workspace-content>.ui-page-layout{flex:1;min-height:0}