@import"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{font-family:DM Sans,sans-serif;color:#26332e;background:#fafbf9;font-synthesis:none;font-size:13px;--green:#217654;--line:#e7ebe7;--muted:#8a948e;--soft:#f5f7f3}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s}button:hover{background:#eef2ec}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{outline:none;border:1px solid #dfe5df;border-radius:7px;padding:11px 12px;background:#fff;color:#26332e;min-width:0}input:focus,textarea:focus,select:focus{border-color:#338365;box-shadow:0 0 0 3px #21765413}button:focus-visible{outline:2px solid var(--green);outline-offset:3px}input::placeholder,textarea::placeholder{color:#9ca49e}p{line-height:1.65}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,.brand{font-family:Manrope,DM Sans,sans-serif}svg{flex-shrink:0}small{font-size:11px}label{display:flex;flex-direction:column;gap:8px;font-weight:550;margin-bottom:18px}.primary,.secondary{padding:10px 15px;border-radius:7px;font-size:12px;font-weight:600;white-space:nowrap}.primary{background:var(--green);color:#fff;border:1px solid var(--green)}.primary:hover{background:#175e41}.secondary{background:#fff;border:1px solid #dfe5df;box-shadow:0 1px 2px #173a1c05}.secondary:hover{background:#f3f6f1}.brand{font-size:26px;font-weight:800;letter-spacing:-1.2px;display:flex;align-items:center;gap:9px}.brand-dot{color:var(--green);margin-left:-8px}.brand-icon{width:33px;height:33px;border-radius:10px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;position:relative;letter-spacing:0}.brand-icon>svg+svg{position:absolute;background:var(--green);left:11px;top:10px}.app-shell{display:flex;height:100dvh;min-height:620px;overflow:hidden}.sidebar{width:228px;flex-shrink:0;background:#f7f8f5;border-right:1px solid var(--line);padding:27px 17px 0;display:flex;flex-direction:column}.sidebar>.brand{margin:0 12px 30px}.workspace{border:1px solid #e0e6de;background:#fff;border-radius:8px;justify-content:flex-start;padding:11px 10px;margin-bottom:29px;gap:10px;text-align:left}.workspace>span:nth-child(2){flex:1}.workspace strong{font-size:12px}.workspace small{display:block;color:var(--muted);margin-top:3px;font-size:10px}.workspace-icon{width:31px;height:31px;display:grid;place-items:center;background:#e9eedf;color:#697751;border-radius:7px;font-size:10px;font-weight:700}.nav-caption{color:#9aa397;font-size:9px;font-weight:700;letter-spacing:1.5px;margin:0 12px 12px}nav{display:flex;flex-direction:column;gap:5px}nav>button{justify-content:flex-start;border-radius:6px;padding:11px 12px;gap:11px;color:#69756d;font-size:12px;white-space:nowrap}nav>button span{flex:1;text-align:left}nav>button b{font-size:10px;background:#247552;color:#fff;border-radius:5px;padding:2px 6px}nav>button small{margin-left:auto;color:#75816f}nav>button.active{background:#e7eee3;color:#256a4d;font-weight:650}.label-heading{display:flex;justify-content:space-between;align-items:center;margin-top:32px}.label-heading .nav-caption{margin-bottom:0}.label-heading button{padding:4px 10px;color:#7d897e}.nav-labels{display:flex;flex-direction:column;margin-top:12px;gap:2px}.nav-labels button{justify-content:flex-start;padding:9px 13px;font-size:12px;color:#748071;border-radius:6px}.nav-labels button span{flex:1;text-align:left}.nav-labels small{color:#9ba397}.nav-labels>small{padding:0 12px;line-height:1.7}.nav-labels .chosen{background:#e7eee3}.nav-labels i,.task-column h3 i{width:7px;height:7px;border-radius:50%;background:#6d9876}.nav-labels i.blue,.task-column h3 i.blue{background:#7d9cbc}.nav-labels i.orange,.task-column h3 i.orange{background:#d7a568}.nav-labels i.purple{background:#ac94c3}.sidebar-bottom{margin-top:auto;padding-top:24px}.connection-card{border:1px solid #dfe6da;border-radius:8px;background:linear-gradient(120deg,#edf1e6,#f4f6ee);padding:15px 12px;margin:0 3px 19px}.connection-symbol{color:#4d7751;display:block;margin-bottom:8px}.connection-card strong{display:block;font-size:11px}.connection-card p{font-size:10px;color:#83907c;line-height:1.6;margin:5px 0 10px}.connection-card button{font-size:10px;color:#447145;padding:0;justify-content:space-between;width:100%;font-weight:600}.user-row{display:flex;align-items:center;gap:9px;padding:17px 2px;border-top:1px solid var(--line);margin-top:16px}.user-row>span:nth-child(2){flex:1}.user-row strong{font-size:11px}.user-row small{display:block;color:var(--muted);margin-top:3px;font-size:10px}.user-row button{color:#8a948e;padding:5px}.avatar{width:37px;height:37px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.2px;background:#e5eddf;color:#677d5b}.av0{background:#efe5d9;color:#987d5c}.av1{background:#e4e9f1;color:#7c8da5}.av2{background:#e7e8de;color:#838567}.av3{background:#eadfeb;color:#977ba0}.av4{background:#e0eae3;color:#72947b}.avatar.large{width:65px;height:65px;font-size:20px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:69px;flex-shrink:0;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.breadcrumb{display:flex;gap:14px;align-items:center;font-size:11px;color:#8e9890}.breadcrumb strong{color:#667168;font-weight:500}.top-actions{display:flex;align-items:center;gap:18px}.top-actions>button{border-left:1px solid var(--line);border-radius:0;padding-left:20px;color:#8a948e}.top-actions .avatar{width:29px;height:29px;font-size:9px}.status-pill{font-size:10px;display:flex;align-items:center;gap:6px;color:#7c887c}.status-pill i{width:5px;height:5px;background:#899684;border-radius:50%}.status-pill.demo{color:#9b8759;background:#f8f2e5;padding:5px 8px;border-radius:5px}.status-pill.demo i{background:#bba167}.page-heading{padding:29px 30px 25px;display:flex;justify-content:space-between;align-items:center}.page-heading h1{font-size:24px;font-weight:750;letter-spacing:-.9px;margin-bottom:7px}.heading-dot{color:var(--green)}.page-heading p{color:#8a948e;font-size:11px;margin:0}.page-heading>.secondary{font-size:10px;padding:10px 12px}.inbox-layout{margin:0 25px 23px 30px;border:1px solid #dde4dc;border-radius:10px;background:#fff;flex:1;min-height:0;display:grid;grid-template-columns:300px minmax(280px,1fr) 245px;overflow:hidden;box-shadow:0 3px 12px #16331a03}.inbox-layout.no-details{grid-template-columns:300px minmax(280px,1fr)}.chat-list{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.list-title{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 15px}.list-title h2{font-size:13px;margin:0;letter-spacing:-.2px}.list-title h2 span{margin-left:7px;background:#f0f3ed;color:#89957f;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:500}.list-title>button{padding:0;color:#8d988e}.search-box{display:flex;align-items:center;gap:9px;background:#f7f9f5;border:1px solid #e7ece3;border-radius:6px;margin:0 16px;color:#9aa596;padding:0 10px}.search-box input{background:none;border:0;padding:10px 0;box-shadow:none!important;font-size:11px;width:100%}.search-box kbd{font-family:inherit;font-size:12px}.chat-tabs{display:flex;gap:16px;border-bottom:1px solid var(--line);padding:13px 16px 0}.chat-tabs button{font-size:10px;padding:8px 0 12px;color:#98a08e;border-bottom:2px solid transparent;gap:5px}.chat-tabs button.active{color:#387354;border-color:#387354;font-weight:600}.chat-tabs span{font-size:9px;background:#f1f2ed;padding:1px 4px;border-radius:3px}.chat-scroll{overflow-y:auto;flex:1}.chat-item{display:flex;align-items:flex-start;padding:19px 15px;gap:11px;width:100%;text-align:left;border-bottom:1px solid #eff2ed;border-left:3px solid transparent;min-height:107px;border-radius:0}.chat-item.selected{background:#f0f5ed;border-left-color:#558660}.chat-item .avatar{width:35px;height:35px;font-size:10px}.chat-item-content{min-width:0;flex:1}.chat-item-content>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:4px}.chat-item strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.chat-item time{font-size:9px;color:#9ca596}.chat-item p{font-size:10px;color:#8b9687;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:7px 0 9px;line-height:1.4}.chat-item p svg{vertical-align:middle;color:#73a182}.chat-tags{display:flex;align-items:center;gap:5px;min-height:16px}.tag{display:inline-flex;align-items:center;line-height:1.4;padding:3px 6px;border-radius:4px;font-size:9px;font-weight:500;white-space:nowrap;background:#eff1ee;color:#727e70}.tag.green{background:#e8f1e5;color:#689061}.tag.blue{background:#eaf0f8;color:#7b94b1}.tag.orange{background:#faf0df;color:#bd9b62}.tag.purple{background:#f0eaf5;color:#a08cb4}.unread{margin-left:auto;color:#fff;background:#43835f;border-radius:50%;height:16px;min-width:16px;display:grid;place-items:center;font-size:9px}.list-footer{font-size:9px;color:#98a28f;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border-top:1px solid var(--line);background:#fcfdfb}.filter-clear{align-self:flex-start;font-size:10px;margin:8px 16px;padding:4px 7px;border-radius:4px;background:#edf2e9}.conversation{display:flex;flex-direction:column;min-height:0;min-width:0;background:#fafbf8}.conversation-head{height:73px;display:flex;align-items:center;gap:10px;background:#fff;border-bottom:1px solid var(--line);padding:0 19px;flex-shrink:0}.conversation-head>div{flex:1;min-width:0}.conversation-head strong{font-size:12px;display:block}.conversation-head small{display:flex;gap:4px;align-items:center;color:#98a38e;font-size:9px;margin-top:4px}.conversation-head>button:last-child{color:#97a18f;padding:5px}.conversation-head .resolve{font-size:10px;border:1px solid #dfe6da;border-radius:5px;padding:7px 9px;color:#6d8362}.resolve.resolved{background:#e6f0e1}.conversation-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0e7;padding:10px 19px;font-size:9px;color:#95a18b;gap:5px}.conversation-toolbar>span{display:flex;align-items:center;gap:5px}.conversation-toolbar button{padding:0;font-size:9px;color:#809475;gap:5px}.tiny-dot{width:5px;height:5px;border-radius:50%;background:#82a071}.messages{flex:1;overflow-y:auto;padding:23px 25px 12px;display:flex;flex-direction:column;background-image:radial-gradient(#9daa8913 .8px,transparent .8px);background-size:14px 14px;min-height:0}.date-divider{align-self:center;background:#eef1e8;border:1px solid #e8edde;color:#8f9a80;font-size:9px;padding:5px 10px;border-radius:5px;margin-bottom:12px}.secure-note{display:flex;align-items:center;justify-content:center;gap:5px;color:#acb49f;font-size:8px;margin-bottom:26px}.message-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;max-width:90%;align-self:flex-start}.message-row.outgoing{align-self:flex-end}.message-row input{accent-color:var(--green)}.bubble{background:#fff;border:1px solid #e4e8dd;border-radius:0 8px 8px;box-shadow:0 1px 2px #16331404;padding:11px 12px 7px;min-width:100px}.bubble p{font-size:11px;color:#69725d;line-height:1.7;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.bubble>span{display:flex;justify-content:flex-end;gap:5px;color:#aab29c;font-size:8px;margin-top:5px}.outgoing .bubble{background:#eaf2e2;border-color:#e0e9d7;border-radius:8px 0 8px 8px}.outgoing .bubble>span{color:#8eaa7c}.is-selected .bubble{outline:2px solid #5d8c63;outline-offset:2px}.composer{margin:0 17px 17px;padding:12px 13px 10px;border:1px solid #dfe5d9;background:#fff;border-radius:8px;box-shadow:0 2px 5px #16331503}.composer-label{display:flex;align-items:center;gap:5px;color:#718667;font-size:9px}.composer-label>span{color:#b0a47b}.composer textarea{width:100%;border:0;resize:none;padding:13px 0 7px;font-size:11px;box-shadow:none;height:64px}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.composer-bottom>span{font-size:8px;color:#b0b7a5}.composer-bottom .primary{padding:7px 10px;font-size:10px}.selection-bar{padding:17px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);background:#eef3e9;font-size:11px}.contact-details{border-left:1px solid var(--line);overflow-y:auto;background:#fff}.detail-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 19px;color:#9aa490}.detail-heading h3{margin:0;color:#65715b;font-size:11px;font-weight:600}.contact-profile{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4px 16px 24px}.contact-profile h3{margin:13px 0 5px;font-size:13px;letter-spacing:-.3px}.contact-profile p{font-size:10px;color:#9ca591;margin-bottom:10px}.channel{display:flex;gap:4px;font-size:9px;color:#8ca277;background:#f3f6ee;padding:4px 7px;border-radius:4px}.detail-section{border-top:1px solid var(--line);margin:0 18px;padding:21px 0}.detail-section h4{font-family:inherit;color:#99a08f;letter-spacing:1.1px;font-size:8px;display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.detail-section h4 button{padding:0}.detail-section h4>span{font-size:9px;letter-spacing:0;border:1px solid #e8ece1;border-radius:3px;padding:1px 4px}.info-row{display:flex;align-items:center;justify-content:space-between;margin-top:13px;font-size:10px;color:#9aa28d}.info-row strong{font-size:10px;color:#7d8973;font-weight:500}.detail-tags{display:flex;gap:5px;flex-wrap:wrap}.detail-section select{border:0;font-size:9px;color:#98a18d;padding:10px 0 0;max-width:100%;background:transparent}.linked-task{padding:10px 9px;background:#fafbf8;border:1px solid #e9eddf;border-radius:6px;text-align:left;width:100%;align-items:flex-start;color:#8a9b7b;font-size:10px;margin-bottom:10px;line-height:1.6}.linked-task>span{flex:1}.linked-task small{display:block;font-size:8px;color:#a8b09a;margin-top:5px}.linked-task>svg{margin-top:2px}.text-button{font-size:10px;color:#75916b;padding:4px 0;gap:5px}.detail-tip{margin:0 18px 20px;background:#f5f7ee;border:1px solid #e8edde;border-radius:7px;padding:14px;color:#a0ac8e}.detail-tip>span{font-size:10px;font-weight:550;color:#8a9974}.detail-tip p{font-size:9px;line-height:1.8;margin:7px 0 10px}.empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#8e9b82;gap:12px}.empty h2,.empty h3{margin:0;color:#536746;font-size:17px}.empty p{max-width:330px;font-size:12px;margin:0}.empty.small{padding:35px 20px}.empty.small h3{font-size:12px}.empty.small p{font-size:11px}.empty-icon{background:#eaf0e2;color:#6c8859;border:1px solid #dce6d2;width:66px;height:66px;display:flex;align-items:center;justify-content:center;border-radius:17px;margin-bottom:8px}.content-page{padding:0 30px 30px;overflow:auto}.board-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 0 18px;color:#8f9b88;font-size:11px}.board-top span:first-child{display:flex;align-items:center;gap:8px;color:#607752}.task-board{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:23px;align-items:start}.task-column{background:#f1f4ed;border:1px solid #e6ebe0;border-radius:8px;padding:16px;min-height:330px}.task-column>h3{display:flex;gap:8px;font-size:12px;align-items:center;color:#6c7b61;margin:0 0 17px}.task-column>h3>span{margin-left:auto;background:#e8ecdf;padding:3px 6px;border-radius:4px;font-size:10px}.task-card{background:#fff;border:1px solid #e1e7d9;padding:17px;border-radius:7px;box-shadow:0 2px 4px #273e1903;margin-bottom:12px}.task-card h3{font-size:13px;line-height:1.6;margin:11px 0 7px}.task-card p{font-size:11px;color:#8b957e;white-space:pre-wrap;max-height:200px;overflow:auto}.task-contact{font-size:10px;color:#769563;padding:0;margin-bottom:15px}.task-card select{font-size:10px;width:100%;color:#7d8e70;padding:8px;background:#fafbf8}.add-task{color:#8c9e7b;font-size:11px;width:100%;padding:10px}.due{display:flex;gap:5px;color:#9b9f88;margin-bottom:12px;font-size:10px}.contacts-search{max-width:350px;margin:0 0 20px}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:9px;overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:10px;color:#97a18d;font-weight:500;background:#f6f8f2;padding:15px 20px}td{border-top:1px solid var(--line);padding:16px 20px;font-size:11px;color:#8c967e}td .tag{margin-right:5px}.table-name{display:flex;align-items:center;gap:10px;color:#5c6c51}.table-name strong{font-weight:550}.integrations{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:start}.integration-card{background:#fff;border:1px solid var(--line);padding:27px;border-radius:10px;max-width:650px}.integration-card>header{display:flex;align-items:center;gap:13px;margin-bottom:20px}.integration-card>header>div{flex:1}.integration-card h2{font-size:16px;margin:0 0 5px}.integration-card p{font-size:11px;color:#8e9c83;line-height:1.8}.integration-card header p{font-size:10px;margin:0}.integration-icon{width:46px;height:46px;background:#e7f0e3;border-radius:10px;display:grid;place-items:center;color:#5e8950}.integration-icon.neutral{background:#f3f1e8;color:#9b9875}.integration-card label{font-size:11px;color:#7b8c6e;margin-top:22px}.integration-card input{font-size:11px;padding:12px}.integration-card input[readonly]{background:#f8faf5;color:#97a18d}.muted{font-size:10px;color:#97a18b;display:flex;align-items:center;gap:5px;line-height:1.7}.integration-card form>.primary{margin-top:20px}.connection-options{margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.button-row{display:flex;gap:8px;flex-wrap:wrap}.connection-step{display:flex;gap:13px;padding:15px 0}.connection-step>span{border:1px solid #e5eade;color:#90a27f;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-size:10px}.connection-step strong{font-size:11px;color:#718461;font-weight:550}.connection-step p{font-size:10px;margin:5px 0 0}.database-card>.tag{margin-top:22px}.qr img{max-width:220px;width:100%}.qr{margin-top:20px}.product-banner{border:1px solid #dde6d3;border-radius:10px;background:linear-gradient(120deg,#edf3e6,#f7f9f2);padding:40px;display:flex;gap:25px;align-items:flex-start}.product-banner h2{font-size:24px;letter-spacing:-.8px;margin:12px 0}.product-banner p{font-size:12px;color:#8c9a7f}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.6px;color:#829371}.catalog-placeholder{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:270px;color:#9bac8c}.catalog-placeholder h3{font-size:13px;margin:18px 0 7px}.catalog-placeholder p{font-size:11px}.settings-card{max-width:570px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#263f2b;color:#f3f6ee;border:1px solid #506e45;box-shadow:0 8px 30px #233a2420;border-radius:9px;padding:14px 18px;display:flex;align-items:center;gap:20px;z-index:100;max-width:min(600px,90vw);font-size:12px}.toast button{padding:2px;color:#b2c5a5}.modal-backdrop{position:fixed;inset:0;background:#1b2c224b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border:1px solid #e6ecdf;border-radius:14px;width:480px;max-height:90vh;overflow:auto;box-shadow:0 30px 100px #182c2520;padding:27px}.modal header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-icon{background:#e9f1e1;border:1px solid #e0ead6;color:#64844f;border-radius:10px;padding:10px;display:flex}.modal header>button{padding:6px;color:#97a58b}.modal h2{font-size:20px;letter-spacing:-.6px;margin-bottom:9px}.modal>p{color:#91a083;font-size:11px;margin-bottom:23px}.modal label{font-size:11px;color:#708360}.modal textarea{resize:vertical}.form-row{display:flex;gap:15px}.form-row>*{flex:1;min-width:0}.modal footer{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.context-note{font-size:10px;display:flex;gap:5px;align-items:center;color:#73965c;margin:-5px 0 20px}.auth{display:grid;grid-template-columns:1.05fr 1fr;min-height:100dvh;background:#fff}.auth-story{background:#eef2e7;background-image:radial-gradient(ellipse at 20% 80%,#dbe6cc80,transparent 60%);padding:45px 60px;display:flex;flex-direction:column;justify-content:space-between;min-height:750px}.auth-story>.brand{font-size:29px}.auth-story>div:nth-child(2){padding:50px 0}.auth-story .eyebrow{font-size:9px;letter-spacing:2px}.auth-story h1{font-size:clamp(30px,3.2vw,49px);font-weight:600;line-height:1.3;letter-spacing:-2px;color:#364e33;margin:25px 0 22px}.auth-story h1 em{font-style:normal;color:#7b9065}.auth-story>div>p{font-size:14px;line-height:1.9;color:#8a997b}.auth-story>small{color:#9ba78d;font-size:10px}.story-card{display:flex;align-items:center;gap:13px;margin:40px 10px 0 0;background:#ffffffd9;border:1px solid #dfe6d4;border-radius:11px;padding:20px;box-shadow:0 10px 40px #445b2c08;transform:rotate(-2deg);max-width:410px}.story-avatar{height:41px;width:41px;border-radius:50%;background:#ede3d5;color:#a28d6f;display:grid;place-items:center;font-size:11px}.story-card strong{font-size:11px}.story-card p{font-size:11px;margin:5px 0 0;color:#9aa48c}.mini-check{margin-left:auto;background:#e9f0e2;color:#6e9254;border-radius:50%;padding:7px;display:flex}.story-task{position:relative;display:flex;gap:10px;align-items:center;background:#f8fbf4;border:1px solid #e0e7d8;border-radius:8px;margin:18px 0 0 28px;padding:16px 15px;color:#79955f;font-size:10px;max-width:400px;transform:rotate(1deg)}.story-task>span:first-of-type{flex:1}.auth-form{width:100%;max-width:445px;align-self:center;justify-self:center;padding:55px 25px}.auth-form h2{font-size:25px;letter-spacing:-1px;margin:16px 0 12px;font-weight:650}.auth-form>p{font-size:12px;color:#9aa28f;margin-bottom:30px}.auth-form form{margin-top:28px}.auth-form label{font-size:11px;color:#718363;margin-bottom:20px}.input-icon{display:flex;border:1px solid #dfe5d9;border-radius:7px;align-items:center;padding:0 12px;color:#9ba98d;gap:10px}.input-icon:focus-within{border-color:#338365}.input-icon input{width:100%;border:0;box-shadow:none;padding:13px 0;font-size:12px}.auth-submit{width:100%;justify-content:space-between;padding:13px 16px;margin-top:7px;font-size:12px}.auth-form .auth-switch{font-size:11px;text-align:center;margin:24px 0;color:#9aa68d}.auth-switch button{padding:0;color:#4e8154;font-weight:600;font-size:11px}.divider{border-top:1px solid #e6eadd;position:relative;margin:30px 0}.divider>span{position:absolute;left:50%;top:-7px;transform:translate(-50%);background:#fff;padding:0 12px;color:#aab39c;font-size:10px;white-space:nowrap}.demo-button{width:100%;padding:12px;font-size:11px;color:#78916b}.auth-form .auth-foot{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;margin:25px 0 0;color:#a4af98}.inline-error{margin-top:20px;color:#a66044;background:#faf0e8;padding:12px;border-radius:6px;font-size:11px}.loading{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#72915c}.mobile-back,.auth-mobile{display:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#d9e2cf;border-radius:4px}@media(min-width:1500px){.inbox-layout{grid-template-columns:325px minmax(340px,1fr) 270px}.bubble p,.chat-item strong{font-size:12px}.chat-item p{font-size:11px}.sidebar{width:245px}.messages{padding:25px 35px}.message-row{max-width:80%}.contact-profile{padding-top:15px}.detail-section{padding:24px 0}}@media(max-width:1250px){.inbox-layout{grid-template-columns:275px minmax(280px,1fr)}.contact-details{display:none}.inbox-layout.no-details{grid-template-columns:275px minmax(280px,1fr)}.sidebar{width:205px;padding-left:12px;padding-right:12px}.page-heading{padding-left:24px}.inbox-layout{margin-left:24px}.auth-story{padding:40px}.task-board{gap:12px}.task-column{padding:12px}}@media(max-width:950px){.sidebar{width:75px;padding:25px 10px 0}.sidebar>.brand{font-size:0;margin:0 auto 25px;gap:0}.sidebar .brand-dot,.workspace,.nav-caption,.label-heading,.nav-labels,.connection-card,.user-row>span:nth-child(2),.user-row>button{display:none}.sidebar nav>button{font-size:0;padding:14px;gap:0;position:relative}.sidebar nav>button b,.sidebar nav>button small{position:absolute;right:1px;top:1px;font-size:8px}.sidebar-bottom{padding-top:15px}.user-row{justify-content:center}.topbar{padding:0 22px}.page-heading{padding:24px}.inbox-layout{margin:0 20px 20px;grid-template-columns:255px minmax(250px,1fr)}.inbox-layout.no-details{grid-template-columns:255px minmax(250px,1fr)}.conversation-head{padding:0 12px}.messages{padding:20px 15px}.composer-bottom>span{font-size:7px}.integrations{grid-template-columns:1fr}.integration-card{max-width:none}.auth-story{padding:35px}.auth-story h1{font-size:32px;letter-spacing:-1.4px}.story-task{margin-left:0}.story-task .tag{display:none}.auth-form{padding:35px}.task-board{grid-template-columns:1fr}.task-column{min-height:150px}.content-page{padding:0 24px 24px}}@media(max-width:650px){.auth{display:block}.auth-story{display:none}.auth-form{padding:35px 25px;max-width:420px}.auth-mobile{display:block;margin-bottom:55px}.app-shell{min-height:0}.sidebar{width:57px;padding:20px 5px 0}.sidebar nav>button{padding:13px}.brand-icon{width:30px;height:30px}.topbar{height:55px;padding:0 14px}.breadcrumb{gap:7px;font-size:9px}.top-actions{gap:8px}.top-actions>button{display:none}.status-pill{font-size:8px}.top-actions>.avatar{display:none}.page-heading{padding:20px 14px}.page-heading h1{font-size:20px}.page-heading p{font-size:9px;max-width:200px}.page-heading>.secondary{font-size:0;gap:5px;padding:8px}.page-heading>.secondary svg:last-child{display:none}.inbox-layout,.inbox-layout.no-details{display:flex;margin:0 10px 12px;flex:1}.chat-list{width:100%;border:0}.conversation,.has-chat .chat-list{display:none}.has-chat .conversation{display:flex;width:100%}.mobile-back{display:flex;padding:0}.conversation-head{height:66px;gap:7px}.conversation-head .avatar{width:29px;height:29px;font-size:9px}.conversation-head strong{font-size:10px}.conversation-head .resolve{font-size:9px;padding:6px;gap:3px}.conversation-head>button:last-child{display:none}.conversation-toolbar{padding:11px 12px;font-size:8px}.conversation-toolbar button{font-size:8px}.messages{padding:18px 12px}.bubble p{font-size:11px}.message-row{max-width:94%}.composer{margin:0 10px 10px}.composer-bottom>span{display:none}.composer-bottom{justify-content:flex-end}.selection-bar{padding:10px;font-size:10px}.selection-bar .primary{font-size:10px;padding:8px}.content-page{padding:0 14px 20px}.integration-card{padding:18px}.integration-card header{gap:8px;flex-wrap:wrap}.integration-card h2{font-size:14px}.integration-card>.muted{font-size:9px}.product-banner{padding:24px;display:block}.product-banner h2{font-size:21px}.product-banner p{font-size:11px}.product-banner .eyebrow{font-size:8px}.catalog-placeholder{text-align:center;padding:25px}.task-board{margin-top:15px}.modal{padding:22px}.modal h2{font-size:19px}.modal-backdrop{padding:12px}.toast{font-size:11px;bottom:15px;width:90vw}.settings-card{padding:20px}.page-heading .primary{font-size:10px;padding:9px}.connection-options .secondary{font-size:10px}.connection-options .muted{display:block}.table-wrap th,.table-wrap td{padding:13px}.user-row .avatar{width:30px;height:30px}.sidebar-bottom nav>button{padding:12px}.sidebar .brand-icon>svg+svg{top:9px;left:10px}}html,body,#root{min-height:100%;margin:0}.load-older{align-self:center;margin-bottom:15px}.product-banner+.table-wrap{margin-top:20px}@media(max-height:850px)and (min-width:651px){.sidebar{padding-top:20px}.sidebar>.brand{margin-bottom:20px}.workspace{margin-bottom:20px}.label-heading{margin-top:22px}.sidebar-bottom{padding-top:14px}.connection-card{padding:10px 12px;margin-bottom:12px}.connection-symbol{display:none}.connection-card p{margin:4px 0 7px}.sidebar nav>button{padding-top:9px;padding-bottom:9px}.user-row{margin-top:10px;padding-top:12px;padding-bottom:12px}.nav-labels button{padding-top:7px;padding-bottom:7px}}@media(max-height:720px){.connection-card{display:none}.sidebar-bottom{padding-top:10px}.page-heading{padding-top:20px;padding-bottom:20px}.topbar{height:57px}.composer textarea{height:48px}}.whatsapp-setup{max-width:760px}.setup-intro{padding:16px 18px;background:#f5f8f1;border:1px solid #e5ebdf;border-radius:8px;margin-bottom:18px}.setup-intro h3{font-size:14px;margin:0 0 5px;color:#526a48}.setup-intro p{margin:0}.setup-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.setup-steps>div{display:flex;gap:9px;align-items:flex-start;padding:12px 10px;border:1px solid #e7ebe3;border-radius:7px}.setup-steps span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#e6efe0;color:#5f8152;font-size:9px;flex-shrink:0}.setup-steps p{margin:0;line-height:1.3}.setup-steps strong{font-size:10px;color:#607355}.setup-steps small{display:block;font-size:8px;color:#99a490;margin-top:5px;line-height:1.5}.connection-choice{display:flex;background:#f3f5f0;padding:3px;border-radius:7px;margin:20px 0}.connection-choice button{flex:1;padding:9px;border-radius:5px;font-size:10px;color:#84907c}.connection-choice button.active{background:#fff;color:#4d7550;box-shadow:0 1px 4px #27391f12;font-weight:600}.whatsapp-setup label small{font-size:9px;font-weight:400;color:#9aa391;line-height:1.6}.whatsapp-setup code{font-size:9px;background:#eef2ea;padding:1px 4px;border-radius:3px}.server-note{display:flex;align-items:center;gap:7px;color:#83957a;background:#f8faf6;border:1px solid #e7ece2;border-radius:6px;padding:10px 12px;font-size:9px;margin:-3px 0 18px}.server-note strong{font-weight:500}.connection-status{display:flex;align-items:center;gap:12px;padding:15px;background:#f1f6ec;border:1px solid #e1ead9;border-radius:8px;margin-bottom:15px}.connection-status .connection-symbol{margin:0}.connection-status strong{font-size:11px;color:#59724e}.connection-status p{margin:3px 0 0;font-size:9px;line-height:1.4}.qr{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:center;padding:20px;background:#fafbf8;border:1px solid #e5eade;border-radius:9px}.qr-frame{background:#fff;padding:10px;border:1px solid #e0e5da;border-radius:8px}.qr img{display:block;width:100%;max-width:none}.qr h3{font-size:13px;margin-bottom:10px;color:#526649}.qr ol{padding-left:18px;color:#7f8e74;font-size:10px;line-height:1.9}.qr p{font-size:9px;margin:0}.webhook-note{display:flex;align-items:flex-start;gap:9px;background:#faf6e9;border:1px solid #eee5c9;color:#a08e62;border-radius:7px;padding:12px 13px;margin-top:16px}.webhook-note svg{margin-top:2px}.webhook-note p{margin:0;font-size:9px;line-height:1.65;color:#9a8e6b}.webhook-note strong{color:#88784e}@media(max-width:650px){.setup-steps{grid-template-columns:1fr}.setup-steps>div{padding:9px}.connection-choice{flex-direction:column}.qr{grid-template-columns:1fr}.qr-frame{max-width:220px;margin:auto}.whatsapp-setup .button-row{display:grid;grid-template-columns:1fr}.whatsapp-setup .button-row button{width:100%}}.whatsapp-connected .conversation>.empty .primary{display:none}.whatsapp-connected .chat-scroll .empty p,.whatsapp-connected .conversation>.empty p{font-size:0}.whatsapp-connected .chat-scroll .empty p:after{content:"WhatsApp conectado. Esperando mensajes nuevos.";font-size:11px}.whatsapp-connected .conversation>.empty p:after{content:"Tu WhatsApp está conectado. Esperando conversaciones nuevas.";font-size:12px}.message-media{display:block;max-width:260px;max-height:280px;border-radius:7px;object-fit:contain;margin-bottom:5px}.message-audio{max-width:240px}.message-file{display:inline-flex;align-items:center;color:#2d7654;text-decoration:none;background:#f1f6ee;border:1px solid #dce8d9;border-radius:6px;padding:8px 10px;margin-bottom:5px;font-size:11px}.message-file:hover{text-decoration:underline}.media-button{padding:0;border-radius:8px;display:block;background:none}.media-button:hover{background:none;filter:brightness(.96)}.bulk-task-button{margin:10px 16px;width:calc(100% - 32px);justify-content:center;padding:9px}.chosen-action{color:var(--green)!important;background:#e7eee3!important}.media-viewer-backdrop{position:fixed;inset:0;z-index:20;background:#142019d9;display:grid;place-items:center;padding:35px}.media-viewer{position:relative;max-width:92vw;max-height:92vh;display:grid;place-items:center}.media-viewer img,.media-viewer video{display:block;max-width:92vw;max-height:88vh;object-fit:contain;border-radius:8px;box-shadow:0 12px 50px #0008}.media-viewer-close{position:absolute;right:-12px;top:-35px;color:#fff;padding:7px;border-radius:50%;background:#ffffff1f}.media-viewer-close:hover{background:#fff3}.task-card{cursor:pointer;padding:14px 15px}.task-card h3{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:7px}.task-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45;margin-bottom:9px}.task-card[draggable=true]{cursor:grab}.task-card[draggable=true]:active{cursor:grabbing;opacity:.65}.task-detail-modal{max-width:620px;width:calc(100vw - 32px)}.task-detail-meta{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}.task-detail-description{color:#728076;font-size:12px}.task-detail-modal h3{font-size:12px;margin:18px 0 10px}.task-detail-messages{max-height:360px;overflow:auto;background:#f7f9f5;border:1px solid #e5eae2;border-radius:8px;padding:12px}.task-message{padding:9px 10px;border-bottom:1px solid #e7ece5;font-size:11px;color:#536157}.task-message:last-child{border-bottom:0}.task-message.outgoing{text-align:right}.task-message time{display:block;color:#9aa59a;font-size:9px;margin-top:4px}.task-message .message-media{max-width:220px;max-height:180px}.task-detail-modal>.secondary{margin-top:16px}.connect-main{width:100%;justify-content:space-between;padding:14px 16px;margin:4px 0 20px}.privacy-note{display:flex;align-items:flex-start;gap:9px;background:#f7f9f4;border:1px solid #e6ebe1;color:#78906d;border-radius:7px;padding:12px 13px;margin-top:18px}.privacy-note svg{margin-top:2px}.privacy-note p{margin:0;font-size:9px;line-height:1.65}.privacy-note strong{color:#617a56}.pending-media{position:relative;width:max-content;max-width:180px;margin:2px 0 8px}.pending-media img{display:block;max-width:180px;max-height:120px;border-radius:6px;border:1px solid #dfe5d9}.pending-media button{position:absolute;right:-8px;top:-8px;width:22px;height:22px;border-radius:50%;background:#263f2b;color:#fff;padding:0}.inbox-heading{display:none}.inbox-layout{margin-top:14px}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}:root{--line:#d5ded5;--muted:#68776d;--soft:#f0f4ee;color:#26382e}.topbar,.conversation-head{border-color:#d5ded5}.breadcrumb,.page-heading p,.chat-item time,.conversation-toolbar,.contact-details,.detail-section h4{color:#66766b}.chat-item p,.bubble p,.info-row,.detail-section select,.detail-tip p{color:#56665b}.chat-item strong,.conversation-head strong,.contact-profile h3{color:#26382e}.chat-item{border-color:#e0e6df}.chat-item.selected{background:#e4eee1;border-left-color:#397652}.search-box{background:#f1f5ef;border-color:#d7e0d6}.chat-tabs{border-color:#d5ded5}.chat-tabs button{color:#6f7d72}.chat-tabs button.active{color:#216c4b;border-color:#216c4b}.conversation-toolbar{border-color:#dce4db}.bubble{border-color:#d2ddd1}.bubble>span{color:#718176}.outgoing .bubble{background:#e1efdc;border-color:#cbdcc6}.secure-note,.list-footer{color:#788878}.contact-details{border-color:#d5ded5}.detail-heading>button{padding:4px;color:#69836b}.contact-labels{border:1px solid #dfe7dc;border-radius:7px;padding:12px;margin:0 0 18px}.contact-labels legend{font-size:10px;color:#73816f;padding:0 4px}.contact-labels label{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:11px;font-weight:450;margin:8px 0}.contact-labels input{min-width:auto;padding:0}