@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--navy:#102b38;--navy-deep:#0b202b;--mint:#bdeedd;--green:#1c755e;--ink:#1c3441;--muted:#70838e;--border:#e2e8ec;--bg:#f5f7f9;--gold:#ffd079;--font:'DM Sans',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:var(--font);color:var(--ink);font-size:16px;line-height:1.5}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}button{transition:background .15s,color .15s,box-shadow .15s}button svg,span[data-icon] svg{width:19px;height:19px;display:block;flex-shrink:0}button:focus-visible,a:focus-visible{outline:3px solid #36a98b}button:hover:not(:disabled){filter:brightness(.97)}.app{display:flex;min-height:100vh}.sidebar{width:230px;flex-shrink:0;background:var(--navy-deep);color:#dbe8ee;padding:31px 19px 0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{text-decoration:none;display:flex;gap:11px;align-items:center;font-family:Manrope,var(--font);font-size:24px;font-weight:800;letter-spacing:-1px}.brand-icon{background:var(--gold);border-radius:12px;color:var(--navy);width:41px;height:41px;font-size:29px;display:grid;place-items:center;flex-shrink:0}.brand-light{font-weight:500}.brand small{display:block;font:600 12px var(--font);letter-spacing:1.35px;color:#99b3be;margin-top:3px}.workspace-label{font-size:12px;letter-spacing:1.5px;color:#8eacb8;font-weight:600;margin:48px 11px 16px}.nav{width:100%;background:none;border:0;color:#b6ccd7;display:flex;align-items:center;gap:10px;text-align:left;font-size:14px;padding:13px 11px;border-radius:8px;margin-bottom:6px;line-height:1.4}.nav.active{background:#193d49;color:var(--mint)}.nav-count{margin-left:auto;color:var(--navy);background:var(--mint);border-radius:5px;font-size:12px;padding:0 6px}.sidebar-bottom{margin-top:auto}.connection-card{border:1px solid #26424f;border-radius:11px;padding:17px;margin-bottom:22px;font-size:14px;background:#102a36}.connection-icon{display:block;color:#73cbb2;margin-bottom:11px}.connection-card p{margin:5px 0 14px;color:#9fb6c1;font-size:14px}.connection-card button{color:#d4e8e1;background:#1d414b;border:1px solid #355964;border-radius:6px;font-size:14px;padding:7px 12px;width:100%}.profile{border-top:1px solid #26424f;padding:21px 0;display:flex;align-items:center;gap:10px}.profile strong{font-size:14px}.profile small{display:block;color:#97b3bf;font-size:12px}.profile>span{margin-left:auto;color:#97b3bf}.avatar{border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-weight:650;font-size:14px;flex-shrink:0;color:#834b6f;background:#f4e5ef}.avatar.owner{background:#2c4550;color:#dce8ed;border-radius:11px}.avatar.pink{background:#f5e6ef;color:#93476f}.avatar.lilac{background:#eae7f7;color:#655295}.avatar.blue{background:#e3eef9;color:#41719d}.avatar.gold{background:#fff0d8;color:#9e772b}.avatar.green{background:#e1f1e7;color:#4c815e}.avatar.orange{background:#fde7dd;color:#a36445}main{min-width:0;flex:1}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--border);padding:0 32px;display:flex;align-items:center;justify-content:space-between;font-size:14px}.breadcrumb{color:var(--muted);display:flex;gap:12px}.breadcrumb strong{color:var(--ink);font-weight:500}.breadcrumb>span{color:#b7c1c7}.topbar-right{display:flex;align-items:center;gap:18px}.demo-pill{background:#fff4da;color:#886723;border:1px solid #f4e4b9;border-radius:99px;padding:5px 12px;font-size:12px;font-weight:550}.header-avatar{display:grid;place-items:center;background:#eef3f6;border-radius:50%;width:34px;height:34px;font-size:12px;font-weight:700}.demo-banner{background:#ecf5f7;color:#426571;font-size:14px;padding:10px 32px;display:flex;gap:9px;align-items:center;border-bottom:1px solid #dce9ed}.demo-banner svg{width:16px!important;height:16px!important}.view{padding:28px 30px 0}.heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:1.8px;color:#81929b}h1{font-family:Manrope,var(--font);font-size:27px;font-weight:750;letter-spacing:-1px;margin:6px 0}h2{font-size:16px;line-height:1.4;margin:0;font-weight:650}h3{font-size:16px;margin:0}.heading p{font-size:14px;color:var(--muted);margin:5px 0 0}.heading-note{display:flex;align-items:center;gap:10px}.heading-note strong{font-size:14px;font-weight:550}.heading-note small{font-size:12px;color:var(--muted);display:block}.sparkle{background:#e7f2ec;color:#337d66;border:1px solid #d8e9df;width:36px;height:36px;border-radius:9px;display:grid;place-items:center}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:23px}.metric{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border:1px solid var(--border);background:#fff;border-radius:11px}.metric>div>span{font-size:14px;color:var(--muted);display:block}.metric strong{font:750 28px Manrope,var(--font);display:block;line-height:1.4;margin-top:5px}.metric-icon{background:#f0f3f6;border-radius:9px;color:#6f8590;padding:10px}.metric-icon.mint{background:#e8f6ed;color:#468768}.metric-icon.gold{background:#fff3db;color:#ac8542}.metric-icon.blue{background:#eaf1fb;color:#6084b4}.inbox{display:grid;grid-template-columns:280px minmax(280px,1fr) 260px;min-height:620px;height:min(690px,calc(100vh - 350px));background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #15384d04}.conversation-list{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border)}.list-heading{padding:21px 20px 15px;display:flex;align-items:center;justify-content:space-between}.small-label{font-size:12px;border:1px solid var(--border);background:#f5f7f9;border-radius:5px;padding:1px 6px;color:var(--muted)}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:7px;margin:0 16px;padding:9px 10px;color:#92a1ab;background:#fafbfc}.search svg{width:16px!important;height:16px!important}.search input{width:100%;border:0;background:none;min-width:0;font-size:14px;color:var(--ink);outline:0}.filters{display:flex;gap:5px;padding:15px 16px;border-bottom:1px solid var(--border)}.filter{font-size:12px;color:#778891;padding:5px 10px;background:none;border:0;border-radius:5px;white-space:nowrap}.filter.selected{background:#e9f2ef;color:#33745e;font-weight:600}#contacts{overflow:auto;flex:1}.contact{display:flex;gap:10px;background:#fff;border:0;border-bottom:1px solid #f0f3f5;padding:19px 16px;width:100%;text-align:left;color:var(--ink);position:relative}.contact.selected{background:#edf5f3}.contact.selected:before{position:absolute;content:'';left:0;top:0;bottom:0;width:3px;background:#479e82}.contact .avatar{width:38px;height:38px;font-size:12px}.contact-content{min-width:0;flex:1}.contact-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.contact strong{font-size:14px;font-weight:650}.contact time{font-size:12px;color:#8d9da6}.contact p{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#7d8c95;margin:4px 0 8px}.contact-status{font-size:12px;display:inline-flex;align-items:center;gap:4px;color:#63917f;background:#e6f1eb;border:1px solid #d8e8df;border-radius:4px;padding:1px 5px}.contact-status.human{background:#fff2dd;border-color:#f5e6cb;color:#a17e45}.contact-status.stopped{background:#f0f2f5;border-color:#e5e8ec;color:#7e8b94}.contact-status svg{height:11px!important;width:11px!important}.list-footer{font-size:12px;color:#8b9aa3;padding:14px 16px;border-top:1px solid var(--border);display:flex;align-items:center;gap:6px}.list-footer svg{width:12px!important;height:12px!important}.chat{display:flex;flex-direction:column;min-height:0;min-width:0}.chat-header{display:flex;gap:10px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--border)}.chat-person{min-width:0;flex:1}.chat-person h2{font-size:14px}.chat-person>span{font-size:12px;color:var(--muted)}.chat-header .avatar{height:38px;width:38px;font-size:12px}.handoff-button{display:flex;align-items:center;gap:5px;border:1px solid #d9e4e4;padding:7px 9px;background:#fff;color:#467566;border-radius:6px;font-size:12px;white-space:nowrap}.handoff-button svg{width:14px!important;height:14px!important}.icon-button{background:none;border:0;color:#8b9ca5;padding:5px;display:grid;place-items:center}.ai-strip{display:flex;align-items:center;gap:7px;background:#f4f9f6;color:#668773;font-size:12px;padding:9px 19px;border-bottom:1px solid #e6eeea}.ai-strip svg{width:13px!important;height:13px!important}.mode-badge{margin-left:auto;background:#e3efe6;font-size:12px;border-radius:4px;padding:0 5px}.messages{overflow:auto;flex:1;background:#fcfdfd;padding:20px;display:flex;flex-direction:column;gap:15px;scroll-behavior:smooth}.day-separator{font-size:12px;color:#8d9ea8;text-align:center;margin:0 0 5px}.message{max-width:88%;display:flex;flex-direction:column;align-items:flex-start;font-size:14px;line-height:1.65}.message.outgoing{align-self:flex-end;align-items:flex-end}.message-author{font-size:12px;color:#8c9eaa;margin:0 4px 5px}.message-author.assistant{color:#68967f}.bubble{background:#fff;padding:12px 14px;border:1px solid #e4e9ed;border-radius:9px 9px 9px 2px;box-shadow:0 1px 2px #0c2d3b03;white-space:pre-wrap;overflow-wrap:anywhere}.message.outgoing .bubble{background:#e9f5ed;border-color:#dcece0;border-radius:9px 9px 2px 9px}.message.manual .bubble{background:#e9f1fb;border-color:#dae6f7}.message-time{font-size:12px;color:#8a9d99;margin:5px 3px 0}.bubble a{color:#27775e}.composer-area{padding:14px 18px 11px;border-top:1px solid var(--border);background:#fff}.quick-actions{display:flex;gap:7px;margin-bottom:11px;flex-wrap:wrap}.quick-actions button{display:flex;align-items:center;gap:5px;border:1px solid #e2e8eb;background:#fff;color:#72858e;border-radius:5px;font-size:12px;padding:5px 7px}.quick-actions svg{width:12px!important;height:12px!important}.composer{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:8px;background:#f9fafb;padding:9px 10px}.composer textarea{background:none;border:0;flex:1;font-size:12px;min-width:0;resize:none;color:var(--ink);max-height:100px;line-height:1.5}.composer textarea::placeholder{color:#9daab1}.composer button{padding:7px;border:0;background:#1c795e;color:#fff;border-radius:6px}.composer button:disabled{background:#dce8e3;color:#89a79b}.composer-note{display:flex;gap:5px;align-items:center;font-size:12px;color:#8f9fa8;margin:7px 0 0}.composer-note svg{width:10px!important;height:10px!important}.lead-panel{padding:21px 19px;border-left:1px solid var(--border);overflow:auto}.lead-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.lead-heading h2{font-size:14px;font-weight:600}.avatar.large{width:62px;height:62px;font-size:20px;margin:0 auto 11px}.lead-panel>h3{text-align:center;font-size:15px}.lead-label{text-align:center;color:#93a0a8;font-size:12px;margin:3px 0 11px}.lead-status{background:#eef5f2;color:#698f7c;border:1px solid #e0eae5;border-radius:5px;font-size:12px;padding:3px 8px;width:fit-content;margin:auto}.lead-facts{margin:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:13px 0}.lead-facts>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:6px 0}.lead-facts dt{color:#8a9aa4}.lead-facts dd{margin:0;color:#557181;text-align:right;max-width:70%}.association-card{padding:17px 16px;background:var(--navy);border-radius:9px;color:#e7f3ef;position:relative;overflow:hidden}.association-card .eyebrow{color:#89baa9;font-size:12px;letter-spacing:1.4px}.association-card h3{font:650 18px/1.4 Manrope,var(--font);letter-spacing:-.5px;margin:8px 0 17px}.price{font-size:14px;color:#bfddd0;display:flex;align-items:baseline;gap:4px;white-space:nowrap}.price strong{font:700 27px Manrope,var(--font);color:#fff}.price>span{font-size:14px;color:#fff;margin-left:-4px}.association-card>p{font-size:12px;margin:3px 0 16px;color:#a6c4bd}.annual-info{display:flex;gap:8px;border-top:1px solid #365461;padding-top:12px;font-size:12px;color:#c6e0d6;line-height:1.6}.annual-info svg{height:15px!important;width:15px!important;color:#96c2b2;margin-top:2px}.association-card>small{display:block;font-size:12px;color:#9fbeb5;line-height:1.6;margin-top:10px}.human-card{display:flex;gap:8px;margin-top:23px;color:#879aa5}.human-card>span svg{width:15px!important;height:15px!important;margin-top:3px}.human-card strong{display:block;font-size:12px;font-weight:600;color:#71838d}.human-card a{display:block;text-decoration:none;font-size:12px;margin:2px 0}.human-card small{display:block;font-size:12px;color:#9ca9b0}.page-footer{display:flex;justify-content:space-between;color:#9aa7af;font-size:12px;padding:17px 32px}.hidden{display:none!important}.mobile-back,.close-details{display:none}.table-card{overflow:auto;border:1px solid var(--border);border-radius:11px;background:#fff}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:14px;color:var(--muted);background:#fafbfc;font-weight:550;padding:17px 21px;border-bottom:1px solid var(--border)}td{font-size:14px;padding:19px 21px;border-bottom:1px solid #edf0f2}.table-client{display:flex;align-items:center;gap:11px;background:none;border:0;font-size:14px;font-weight:550;color:var(--ink);padding:0}.table-client .avatar{height:36px;width:36px;font-size:12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-card{border:1px solid var(--border);background:#fff;border-radius:12px;padding:25px}.settings-title{display:flex;align-items:center;gap:10px;margin-bottom:24px}.settings-title>span{color:#508675;background:#edf5f1;padding:9px;border-radius:8px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 0;border-bottom:1px solid #edf0f3;font-size:14px}.setting-row strong{font-weight:550}.setting-row p{color:var(--muted);margin:4px 0;font-size:14px}.pending-badge{font-size:12px;background:#fff5df;color:#95743f;border-radius:5px;padding:3px 7px;white-space:nowrap}.notice{display:flex;gap:9px;background:#f3f7f9;border-radius:8px;padding:12px;margin-top:19px;color:#778c98}.notice p{font-size:14px;margin:0}.notice>span{margin-top:2px}.settings-facts{margin:0}.settings-facts>div{padding:10px 0;border-bottom:1px solid #edf0f3}.settings-facts dt{font-size:12px;color:var(--muted);margin-bottom:4px}.settings-facts dd{font-size:14px;margin:0;overflow-wrap:anywhere}.settings-facts a{color:#288368}.benefit-copy{font-size:16px;color:#587181;line-height:1.8}dialog{border:1px solid var(--border);border-radius:15px;max-width:480px;width:calc(100% - 36px);padding:28px;box-shadow:0 25px 90px #0b283440;color:var(--ink)}dialog::backdrop{background:#0b243666;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.dialog-heading h2{font-size:20px;margin-top:5px}dialog p{font-size:15px;line-height:1.8}.primary-button{border:0;background:var(--green);color:white;font-size:14px;border-radius:7px;padding:12px 16px;width:100%;margin-top:15px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--navy);color:#fff;box-shadow:0 5px 20px #17334326;padding:12px 20px;border-radius:8px;font-size:14px;opacity:0;transition:opacity .15s,transform .15s;pointer-events:none;max-width:calc(100vw - 32px);z-index:10}#toast.visible{opacity:1;transform:translate(-50%,0)}.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}.empty-list{color:var(--muted);padding:30px 20px;font-size:14px}
/* Comfortable readable type at the full desktop working surface. */
@media(min-width:1600px){.sidebar{width:250px}.view{padding:35px 40px 0}.inbox{grid-template-columns:310px minmax(340px,1fr) 285px}.contact strong,.chat-person h2,.lead-panel>h3{font-size:16px}.contact p,.chat-person>span,.lead-facts>div,.quick-actions button,.composer textarea{font-size:14px}.message{font-size:16px}.contact-status,.ai-strip,.lead-heading h2,.lead-status,.human-card strong,.human-card a{font-size:14px}.message-author,.message-time,.human-card small,.association-card>p,.annual-info,.association-card>small{font-size:12px}.inbox{min-height:690px}}
@media(max-width:1250px){.sidebar{width:205px;padding:27px 14px 0}.brand{font-size:21px}.brand small{font-size:8px}.brand-icon{width:36px;height:36px}.inbox{grid-template-columns:260px minmax(280px,1fr);position:relative}.lead-panel{display:none;position:absolute;right:0;top:0;bottom:0;width:280px;background:#fff;box-shadow:-8px 0 30px #16364812;z-index:4}.lead-panel.open{display:block}.close-details{display:grid}.heading-note{display:none}.metric{padding:14px}.metric>div>span{font-size:12px}.metric-icon{padding:8px}.view{padding:25px 24px 0}.topbar{padding:0 24px}}
@media(max-width:1000px){.sidebar{width:76px;padding:25px 13px 0}.brand>span:last-child,.workspace-label,.nav>span:not([data-icon]),.connection-card,.profile>div:not(.avatar),.profile>span{display:none}.brand{justify-content:center}.nav{justify-content:center;padding:15px 0}.sidebar nav{margin-top:36px}.profile{justify-content:center}.inbox{grid-template-columns:245px minmax(260px,1fr)}.heading h1{font-size:25px}.metrics{gap:9px}.metric-icon{display:none}.topbar-right{gap:12px}.chat-header{padding:15px}.messages{padding:17px}.message{font-size:14px}.settings-grid{grid-template-columns:1fr}.contact strong{font-size:14px}.contact p{font-size:14px}.chat-person h2{font-size:15px}.chat-person>span{font-size:12px}.handoff-button{font-size:12px}}
@media(max-width:700px){.sidebar{position:fixed;bottom:0;top:auto;width:100%;height:65px;flex-direction:row;padding:0;background:var(--navy-deep);z-index:7;border-top:1px solid #2d4753}.brand,.sidebar-bottom{display:none}.sidebar nav{display:flex;margin:0;width:100%;align-items:center}.nav{flex:1;margin:0;flex-direction:column;gap:3px;font-size:12px;padding:8px 3px;border-radius:0}.nav>span:not([data-icon]){display:block}.nav-count{display:none!important}.nav>span[data-icon] svg{height:19px;width:19px}.nav.active{background:#163440}.app{display:block;padding-bottom:65px}.topbar{height:62px;padding:0 17px}.topbar-right{gap:0}.header-avatar{display:none}.breadcrumb{font-size:12px;gap:7px}.demo-pill{font-size:12px;padding:4px 9px}.demo-banner{padding:9px 17px;font-size:12px;line-height:1.5}.view{padding:20px 14px 0}.heading{margin-bottom:17px}.heading h1{font-size:22px;letter-spacing:-.7px;line-height:1.4}.eyebrow{font-size:12px}.heading p{font-size:14px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:17px}.metric{padding:11px 8px;border-radius:8px}.metric>div>span{font-size:12px;line-height:1.4;min-height:28px}.metric strong{font-size:23px}.inbox{display:block;height:650px;min-height:unset}.conversation-list{display:none;height:100%;border-right:0}.chat{height:100%}.inbox.show-list .conversation-list{display:flex}.inbox.show-list .chat{display:none}.chat-header{padding:13px 12px;gap:8px}.chat-person h2{font-size:14px}.chat-person>span{font-size:12px}.chat-header .avatar{height:33px;width:33px;font-size:12px}.handoff-button{font-size:12px;padding:6px 7px}.handoff-button svg{display:none}.mobile-back{display:grid}.chat-header>.icon-button{padding:2px}.messages{padding:17px 13px;gap:17px}.message{max-width:91%;font-size:14px}.message-author{font-size:12px}.message-time{font-size:12px}.ai-strip{font-size:12px;padding:8px 13px}.composer-area{padding:13px 12px 10px}.quick-actions button{font-size:12px;padding:5px 8px}.composer textarea{font-size:14px}.composer-note{font-size:12px;align-items:flex-start}.lead-panel{width:100%}.page-footer{font-size:12px;padding:16px}.settings-card{padding:20px}.setting-row{flex-wrap:wrap}.settings-grid{gap:14px}.table-card{border-radius:9px}th,td{padding:15px}.contact strong{font-size:15px}.contact p{font-size:14px}.contact-status{font-size:12px}.contact time{font-size:12px}.filters{padding:12px 16px}.filter{font-size:14px}.search input{font-size:14px}.list-footer{font-size:12px}.lead-heading h2,.lead-facts>div,.annual-info,.human-card strong,.human-card a{font-size:14px}.lead-label,.lead-status,.association-card>p,.association-card>small,.human-card small{font-size:12px}.lead-panel>h3{font-size:18px}.association-card{max-width:340px;margin:auto}.lead-panel .lead-facts{margin:24px 0}.inbox.show-list .lead-panel{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.message{font-size:16px}.composer textarea,.quick-actions button,.contact strong,.chat-person h2,.lead-panel>h3,.lead-heading h2,.filter,.lead-facts>div,.human-card a{font-size:14px}.annual-info{font-size:12px}.contact p{font-size:14px}.workspace-label{font-size:12px}.brand small{font-size:12px;letter-spacing:.2px}.metric>div>span{font-size:14px}@media(max-width:700px){.brand small{font-size:12px}.metric>div>span{font-size:12px}.message{font-size:16px}.handoff-button{font-size:12px}.nav{font-size:12px}.composer-note{font-size:12px}.page-footer{font-size:12px;flex-wrap:wrap;gap:6px}.chat-person>span{font-size:12px}.inbox{height:740px}}

.brand .brand-light{color:var(--mint);font-weight:800}.brand-icon{font-family:Manrope,var(--font);font-size:25px;font-weight:800;letter-spacing:-1px}.breadcrumb .platform-crumb{color:#728994}@media(max-width:700px){.breadcrumb .platform-crumb{display:none}}

@media(min-width:1251px){#lead-details{display:none}}@media(max-width:700px){.inbox{height:clamp(520px,calc(100svh - 280px),740px)}}