@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#1c1c1e;font-synthesis:none;background:#f7f7f5;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:#f7f7f5;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}.app-shell{min-height:100vh;display:flex}.sidebar{color:#f7f7f3;background:#181817;flex-direction:column;width:256px;padding:25px 16px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;padding:0 10px 30px;font-size:17px;font-weight:700;display:flex}.brand em{color:#7582a7;font-style:normal}.relay-mark{width:25px;height:25px;display:inline-block;position:relative}.relay-mark i,.relay-mark b{border-radius:8px;width:17px;height:17px;position:absolute}.relay-mark i{background:#f0f0eb;top:0;left:1px}.relay-mark b{background:#69779f;bottom:0;right:0}.workspace{border:1px solid #353532;border-radius:10px;align-items:center;gap:9px;margin-bottom:24px;padding:11px;display:flex}.store-dot{color:#201c19;background:#c98362;border-radius:8px;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.workspace strong,.profile strong{font-size:12px;display:block}.workspace small,.profile small{color:#a5a5a0;margin-top:2px;font-size:10px;display:block}.chevron{color:#9b9b94;margin-left:auto}nav{gap:3px;display:grid}nav button{color:#a9a9a2;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:12px;padding:10px 11px;font-size:14px;display:flex}nav button span{text-align:center;width:16px;font-size:17px}nav button.active{color:#fff;background:#2d2d2b}.count{color:#fff;background:#7582a7;border-radius:9px;margin-left:auto;padding:2px 6px;font-size:10px}.pilot-card{background:#262624;border:1px solid #373734;border-radius:10px;margin-top:auto;padding:13px}.pilot-card span{color:#c6c79c;font:500 10px DM Mono}.pilot-card p{color:#a4a49e;margin:8px 0;font-size:11px}.pilot-card button{color:#e5e5e0;background:0 0;padding:0;font-size:11px;text-decoration:underline}.profile{border-top:1px solid #32322f;align-items:center;gap:9px;margin-top:16px;padding:15px 6px 1px;display:flex}.profile>span:last-child{color:#999;margin-left:auto}.avatar{color:#34312e;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:12px;font-weight:600;display:grid}.avatar.dark{background:#d5d1c6}.avatar.peach{background:#f1d3c4}.avatar.lilac{background:#dcd3e9}.avatar.blue{background:#cbdbee}.avatar.gold{background:#e8d6ac}.content{width:calc(100% - 256px);max-width:1600px;margin-left:256px;padding:47px 55px 60px}.page-header{justify-content:space-between;align-items:start;margin-bottom:36px;display:flex}.page-header p,.inbox-top p,.preview>p{letter-spacing:.08em;color:#77766f;margin:0 0 7px;font:500 10px DM Mono}.page-header h1{letter-spacing:-1.1px;margin:0 0 7px;font-size:30px}.page-header span{color:#77766f;font-size:14px}.primary{color:#fff;background:#1f1f1d;border-radius:8px;align-items:center;gap:16px;padding:11px 14px;font-size:13px;font-weight:600;display:flex}.primary b{font-size:17px;font-weight:400}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.metric{background:#fff;border:1px solid #e8e8e4;border-radius:10px;padding:18px}.metric>span{color:#77766f;font-size:12px}.metric strong{letter-spacing:-.8px;margin:9px 0 11px;font-size:25px;display:block}.metric div{align-items:center;gap:7px;display:flex}.metric b{color:#5a7d5e;font:500 10px DM Mono}.metric b.warm{color:#b56b45}.metric small{color:#999790;font-size:10px}.overview-grid{grid-template-columns:1.4fr 1fr;gap:18px;display:grid}.panel{background:#fff;border:1px solid #e8e8e4;border-radius:10px}.panel-heading{justify-content:space-between;align-items:start;padding:20px 21px 0;display:flex}.panel-heading h2,.connection h2{letter-spacing:-.2px;margin:0 0 4px;font-size:14px}.panel-heading span{color:#8b8b84;font-size:11px}.select,.soft{color:#55554f;background:#f2f2ee;border:1px solid #e6e6e1;border-radius:7px;padding:7px 9px;font-size:11px}.link{color:#5e688c;background:0 0;padding:3px;font-size:12px}.chart{height:230px;padding:24px 22px 16px;display:flex}.y-labels{color:#aaa9a2;flex-direction:column;justify-content:space-between;width:27px;font:10px DM Mono;display:flex}.bars{background:repeating-linear-gradient(#0000 0 51px,#f0f0ec 52px);border-left:1px solid #eeeeea;flex:1;justify-content:space-around;align-items:end;display:flex}.bars>div{flex-direction:column;justify-content:end;align-items:center;gap:8px;width:26px;height:100%;display:flex}.bars i{background:#6e7ba1;border-radius:5px 5px 2px 2px;width:24px;display:block}.bars span{color:#97978f;font-size:10px}.automation-row{border-bottom:1px solid #efefeb;align-items:center;gap:10px;padding:16px 21px;display:flex}.automation-row:last-child{border-bottom:0}.automation-icon{color:#68769b;background:#eff0f6;border-radius:7px;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.automation-row strong{font-size:12px;display:block}.automation-row small{color:#8b8b84;margin-top:2px;font-size:10px;display:block}.automation-row>b{color:#686861;text-align:right;margin-left:auto;font:10px DM Mono}.recent-panel{margin-top:18px}.activity-row{border-top:1px solid #efefeb;align-items:center;gap:11px;padding:15px 21px;display:flex}.activity-icon{border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.activity-icon.blue{color:#68769b;background:#eef0f6}.activity-icon.charcoal{background:#f0efeb}.activity-row strong{font-size:12px;display:block}.activity-row small{color:#888880;margin-top:3px;font-size:10px;display:block}.activity-row .pill{margin-left:auto}.pill.delivered{color:#587b5d;background:#eef5ee;border-radius:20px;padding:4px 8px;font-size:10px}.toast{color:#f7f7f3;background:#262624;border-radius:9px;padding:12px 16px;font-size:12px;position:fixed;bottom:25px;right:25px;box-shadow:0 10px 25px #0002}.inbox-page{background:#fff;grid-template-columns:330px minmax(400px,1fr) 260px;height:100vh;margin:-47px -55px -60px;display:grid}.inbox-list{border-right:1px solid #e8e8e4;padding:27px 13px}.inbox-top{justify-content:space-between;align-items:center;padding:0 8px 15px;display:flex}.inbox-top h1{letter-spacing:-.7px;margin:0;font-size:23px}.inbox-top h1 span{vertical-align:middle;color:#66729a;background:#ecebf4;border-radius:10px;padding:2px 6px;font-size:11px}.inbox-top button{background:0 0;font-size:20px}.filters{border-bottom:1px solid #eeeeea;gap:5px;padding:0 7px 13px;display:flex}.filters button{color:#83837c;background:0 0;border-radius:6px;padding:6px 8px;font-size:11px}.filters .filter-active{color:#262624;background:#f1f1ed}.conversations{padding-top:8px}.conversation{text-align:left;background:0 0;border-radius:8px;grid-template-columns:38px 1fr auto;gap:10px;width:100%;padding:11px 8px;display:grid}.conversation.selected{background:#f0f0ed}.conversation strong{font-size:12px}.conversation p{color:#7f7f78;white-space:nowrap;text-overflow:ellipsis;max-width:165px;margin:4px 0 0;font-size:11px;overflow:hidden}.conversation aside{justify-items:end;gap:5px;display:grid}.conversation small{color:#97978f;font-size:9px}.conversation aside b{color:#fff;background:#65739b;border-radius:9px;padding:2px 5px;font:10px DM Mono}.thread{flex-direction:column;min-width:0;display:flex}.thread-top{border-bottom:1px solid #e8e8e4;justify-content:space-between;align-items:center;height:75px;padding:16px 22px;display:flex}.thread-top>div{align-items:center;gap:10px;display:flex}.thread-top strong{font-size:13px;display:block}.thread-top small{color:#8d8d86;font-size:10px}.thread-top i{color:#5e8a65;font-style:normal}.thread-top button,.customer-panel button{background:0 0;font-size:16px}.thread-body{background:#fbfbf9;flex-direction:column;flex:1;gap:9px;padding:21px 24px;display:flex;overflow:auto}.day{color:#a0a098;align-self:center;margin:3px 0 7px;font:9px DM Mono}.bubble{border-radius:10px;max-width:72%;padding:10px 11px 7px;font-size:12px;line-height:1.4}.bubble.them{background:#fff;border:1px solid #e8e8e4;border-bottom-left-radius:3px;align-self:start}.bubble.us{background:#e6e8f1;border-bottom-right-radius:3px;align-self:end}.bubble small{color:#8a8a84;text-align:right;margin-top:4px;font-size:9px;display:block}.reply-box{border-top:1px solid #e8e8e4;align-items:center;gap:9px;height:72px;padding:14px 18px;display:flex}.reply-box button{color:#777;background:0 0;font-size:20px}.reply-box input{border:1px solid #e1e1dd;border-radius:8px;outline:none;flex:1;padding:10px 12px;font-size:12px}.reply-box .send{color:#fff;background:#20201e;border-radius:7px;width:33px;height:33px;font-size:18px}.customer-panel{border-left:1px solid #e8e8e4;padding:25px 18px;position:relative}.customer-panel .close{color:#777;position:absolute;top:15px;right:13px}.avatar.large{width:58px;height:58px;margin:20px auto 11px;font-size:16px}.customer-panel h2{text-align:center;margin:0;font-size:15px}.customer-panel>p{text-align:center;color:#888880;margin:4px 0 18px;font-size:10px}.customer-links{border-bottom:1px solid #ecece8;gap:5px;padding-bottom:17px;display:grid}.customer-links button{text-align:left;color:#5e688c;padding:3px 0;font-size:11px}.customer-panel h3{text-transform:uppercase;letter-spacing:.08em;color:#92928a;margin:20px 0 8px;font-size:10px}.order-card{background:#f5f4f0;border-radius:8px;grid-template-columns:1fr auto;gap:5px;padding:10px;display:grid}.order-card span,.order-card strong{font-size:12px}.order-card small{color:#85857e;grid-column:1/-1;font-size:10px}.tags{flex-wrap:wrap;gap:5px;display:flex}.tags span{color:#63709a;background:#eef0f6;border-radius:20px;padding:4px 6px;font-size:9px}.automation-list{gap:10px;display:grid}.automation-card{background:#fff;border:1px solid #e8e8e4;border-radius:10px;align-items:center;gap:16px;padding:19px 20px;display:flex}.flow-icon{color:#66749b;background:#eef0f5;border-radius:9px;place-items:center;width:39px;height:39px;display:grid}.automation-copy{flex:1}.automation-copy>div{align-items:center;gap:8px;display:flex}.automation-copy h2{margin:0;font-size:14px}.automation-copy p{color:#77766f;margin:5px 0;font-size:12px}.automation-copy small{color:#97978f;font-size:10px}.marketing,.utility{border-radius:4px;padding:3px 5px;font:500 9px DM Mono}.marketing{color:#9b6145;background:#f5ece6}.utility{color:#577a5c;background:#edf4ed}.toggle input{display:none}.toggle i{background:#c9c9c4;border-radius:20px;width:34px;height:19px;display:block;position:relative}.toggle i:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:all .2s;position:absolute;top:2px;left:2px}.toggle input:checked+i{background:#68769b}.toggle input:checked+i:after{left:17px}.more{color:#888;background:0 0;margin-left:7px}.notice{color:#626260;background:#eeeff4;border:1px solid #e4e5eb;border-radius:9px;margin-top:18px;padding:14px 16px;font-size:12px}.notice strong{color:#313130;margin-right:7px}.campaign-grid{grid-template-columns:minmax(400px,1fr) 330px;gap:19px;max-width:850px;display:grid}.form-panel,.template-form{gap:16px;padding:22px;display:grid}.form-panel label,.template-form label{gap:7px;font-size:11px;font-weight:600;display:grid}.form-panel input,.form-panel select,.template-form input,.template-form select,.template-form textarea{color:#30302e;background:#fff;border:1px solid #deded9;border-radius:7px;outline:none;padding:10px;font-size:12px}.template-form textarea{resize:vertical;min-height:96px}.radio-row{gap:7px;display:flex}.radio-row button{color:#777;background:#fff;border:1px solid #deded9;border-radius:7px;padding:8px;font-size:11px}.radio-row .selected-radio{color:#505e87;background:#f5f6fa;border-color:#9ea7c2}.full{justify-content:space-between}.preview{padding:18px}.phone{background:#e9e4dc;border:7px solid #232322;border-radius:20px;height:380px;padding:13px 9px}.phone-head{background:#f7f7f5;justify-content:space-between;margin:-13px -9px 0;padding:10px;font-size:11px;display:flex}.whatsapp-bubble{background:#fff;border-radius:8px;margin-top:50px;padding:10px;font-size:11px;box-shadow:0 1px 2px #0001}.whatsapp-bubble small{color:#68769b;font-weight:600}.whatsapp-bubble p{line-height:1.5}.whatsapp-bubble span{color:#999;text-align:right;font-size:9px;display:block}.preview-note{text-align:center;color:#8b8b84;margin-top:9px;font-size:10px;display:block}.table{overflow:hidden}.table-head,.table-row{grid-template-columns:2fr .65fr .7fr .55fr;align-items:center;gap:10px;padding:13px 19px;display:grid}.table-head{color:#96968f;background:#fafaf8;font:10px DM Mono}.table-row{border-top:1px solid #ededeb}.table-row strong{font-size:12px;display:block}.table-row small{color:#898981;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:10px;display:block;overflow:hidden}.status{border-radius:4px;width:max-content;padding:4px 6px;font:500 10px DM Mono}.status.approved{color:#56765a;background:#edf5ed}.status.pending{color:#a56c45;background:#f8f0e8}.contact-summary{text-align:center;padding:35px}.contact-summary strong{letter-spacing:-2px;font-size:42px;display:block}.contact-summary span{margin:6px;font-size:13px;display:block}.contact-summary small{color:#898981;font-size:11px}.settings-list{gap:9px;max-width:720px;display:grid}.connection{background:#fff;border:1px solid #e8e8e4;border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:18px;display:grid}.connection h2{font-size:13px}.connection p{color:#85857e;margin:3px 0 0;font-size:11px}.connection>span{color:#9a704e;background:#f8f1e9;border-radius:5px;padding:5px 7px;font:10px DM Mono}@media (width<=950px){.sidebar{width:70px;padding:22px 10px}.brand span:last-child,.workspace div,.workspace .chevron,nav button:not(.active):after,nav button{font-size:0}.brand{justify-content:center;padding-bottom:25px}.workspace{justify-content:center;padding:8px}.workspace .store-dot{display:grid}nav button{justify-content:center;padding:11px}.pilot-card,.profile div,.profile>span:last-child{display:none}.profile{justify-content:center}.content{width:calc(100% - 70px);margin-left:70px;padding:32px 25px}.metrics{grid-template-columns:repeat(2,1fr)}.overview-grid,.campaign-grid{grid-template-columns:1fr}.inbox-page{grid-template-columns:280px 1fr;margin:-32px -25px -60px}.customer-panel{display:none}}@media (width<=650px){.content{padding:25px 16px}.page-header{display:block}.page-header .primary{margin-top:16px}.metrics{grid-template-columns:1fr}.inbox-page{grid-template-columns:1fr;margin:-25px -16px -60px}.inbox-list{display:none}.thread{min-height:100vh}.table-head,.table-row{grid-template-columns:1fr .6fr}.table-head span:nth-child(3),.table-head span:nth-child(4),.table-row span:nth-child(3),.table-row small:last-child{display:none}}.inbox-empty-list{color:#8b8b84;padding:14px 8px;font-size:11px}.empty-thread{text-align:center;color:#77766f;flex:1;place-content:center;padding:32px;display:grid}.empty-thread>span{color:#69779f;font-size:28px}.empty-thread h2{color:#292927;margin:12px 0 6px;font-size:18px}.empty-thread p{max-width:310px;margin:0 0 16px;font-size:12px;line-height:1.5}.empty-thread .soft{justify-self:center}.reply-box input:disabled,.reply-box button:disabled,.filters button:disabled,.customer-links button:disabled{opacity:.55;cursor:not-allowed}.auth-shell{background:#f5f4f1;place-items:center;min-height:100vh;padding:28px;display:grid}.auth-card{background:#fff;border:1px solid #e2e0dc;border-radius:20px;width:min(100%,440px);padding:40px;box-shadow:0 18px 60px #1c1d1f14}.auth-card .brand{margin-bottom:38px}.auth-card .eyebrow{color:#6c7698;letter-spacing:.12em;margin-bottom:12px;font:800 11px DM Mono;display:block}.auth-card h1{color:#1d1e20;letter-spacing:-.04em;margin:0;font-size:32px}.auth-card>p{color:#747474;margin:12px 0 26px;line-height:1.55}.auth-card label{color:#35363a;margin:16px 0;font-size:13px;font-weight:700;display:block}.auth-card input{box-sizing:border-box;color:#1d1e20;width:100%;font:inherit;border:1px solid #dddcd8;border-radius:9px;margin-top:7px;padding:13px 14px;font-weight:500}.auth-card input:focus{border-color:#727eaa;outline:3px solid #727eaa26}.auth-card .full{justify-content:center;width:100%;margin-top:10px}.auth-notice{font-size:13px;color:#59658e!important;margin:15px 0 0!important}.auth-switch{color:#59658e;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;margin-top:18px;padding:0;font-size:13px;display:block}.logout{color:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto}