.pagination{display:flex;align-items:center;gap:9px;border-top:1px solid #e5e7eb;padding:15px 20px;flex-wrap:wrap}.pagination>span{margin-right:auto;font-size:10px;color:#6e887f}.import-progress{border:1px solid #d7ede7;border-radius:8px;padding:15px;background:#f4fdfb;margin:18px 0}.import-progress>div{display:flex;justify-content:space-between;gap:12px;color:#608c7f;font-size:11px}.import-progress progress{display:block;width:100%;height:8px;margin:13px 0;accent-color:#00843d}.import-progress small{font-size:10px;color:#7a968d}
:root{--purple:#00843d;--purple-dark:#006e36;--ink:#17211c;--muted:#59635f;--line:#e5e7eb;--page:#fafbfc;--green:#00843d}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:13px;background:var(--page);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{cursor:pointer}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:wait}input,textarea,select{border:1px solid #e0e9e8;border-radius:7px;background:#fff;color:var(--ink);padding:11px 12px;outline:none;min-width:0}input:focus,textarea:focus,select:focus{border-color:#74bdb0;box-shadow:0 0 0 3px #00843d14}button:focus-visible,a:focus-visible{outline:3px solid #a0d0c7;outline-offset:3px}textarea{resize:vertical}h1,h2,h3,h4,p{margin:0}h3{font-size:14px;font-weight:650}small{font-size:11px}svg{flex-shrink:0}button{transition:background .15s,color .15s,transform .15s}.app-shell{min-height:100vh}.sidebar{width:238px;position:fixed;left:0;top:0;bottom:0;background:white;border-right:1px solid var(--line);padding:29px 18px 0;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;font-size:30px;letter-spacing:-1.3px;font-weight:750;padding:0 12px}.brand-mark{background:var(--purple);color:white;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;margin-right:9px}.brand-dot{color:var(--purple)}.workspace-switch{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:12px 10px;margin:31px 0 29px}.workspace-switch div{flex:1}.workspace-switch strong,.profile strong{font-size:12px;display:block;font-weight:600}.workspace-switch small,.profile small{color:var(--muted);display:block;margin-top:4px;font-size:10px}.workspace-avatar{width:32px;height:32px;border-radius:8px;background:#e6f4f2;color:#50a594;display:grid;place-items:center;font-weight:700}.nav-caption{font-size:9px;letter-spacing:1.4px;color:#a4b0ae;margin:0 12px 13px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;padding:12px 12px;text-align:left;font-size:12px;color:#707d7b;border-radius:7px;margin:3px 0;white-space:nowrap}.nav-item svg{color:#869492;stroke-width:1.65}.nav-item:hover{background:#f2faf9;color:var(--purple)}.nav-item.selected{background:#e7f6f3;color:var(--purple);font-weight:600}.nav-item.selected svg{color:var(--purple)}.nav-item span:nth-child(2){flex:1}.nav-item.nav-separated{margin-top:24px}.tiny-new{font-size:7px;font-weight:700;background:#dff3ef;color:#5fae9b;padding:4px;border-radius:4px;letter-spacing:.5px}.sidebar-bottom{margin-top:auto;padding-top:24px}.official-card{background:linear-gradient(120deg,#f6f7fb,#f1f7f5);border:1px solid #eaedf0;padding:17px 13px;border-radius:9px;margin:10px 0 19px}.official-card>span{display:flex;align-items:center;gap:6px;font-size:8px;color:#4a9d82;letter-spacing:1px;font-weight:700}.official-card strong{font-size:11px;display:block;margin-top:10px}.official-card p{font-size:10px;line-height:1.65;color:#909a99;margin:6px 0 13px}.official-dots{display:flex;align-items:center;gap:3px}.official-dots i{width:4px;height:4px;border-radius:50%;background:#b2cfbf}.official-dots span{font-size:7px;color:#91a298;margin-left:4px}.profile{border-top:1px solid var(--line);display:flex;align-items:center;gap:9px;margin-top:17px;padding:18px 8px}.profile div{flex:1}.profile a{color:#a3afad}.profile-avatar{height:33px;width:33px;display:grid;place-items:center;background:#f3e8df;border:3px solid white;border-radius:50%;color:#9d7967;font-weight:600;font-size:12px}.profile-avatar.small{height:31px;width:31px;font-size:10px}.main{margin-left:238px;min-height:100vh}.topbar{height:73px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px}.breadcrumbs{display:flex;align-items:center;gap:14px;font-size:11px;color:#99a5a3}.breadcrumbs strong{font-weight:500;color:#5e6b68}.topbar-right{display:flex;align-items:center;gap:23px}.live-indicator{display:flex;align-items:center;gap:7px;font-size:10px;color:#86918f}.live-indicator i{height:6px;width:6px;border-radius:50%;background:#b4bebd}.notification{position:relative;color:#869592}.page-content{max-width:1680px;margin:auto;padding:33px 36px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:35px}.eyebrow{font-size:8px;font-weight:650;letter-spacing:1.6px;color:#9dadaa;margin-bottom:9px}h1{font-size:25px;letter-spacing:-.75px;font-weight:650;line-height:1.3}.page-heading p{font-size:11px;color:#8d9a98;margin-top:9px}.heading-actions{display:flex;gap:9px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:7px;padding:11px 15px;font-size:11px;font-weight:550;white-space:nowrap;min-height:37px}.btn.primary{background:var(--purple);color:#fff;box-shadow:0 3px 6px #00843d18}.btn.primary:hover{background:var(--purple-dark)}.btn.secondary{background:#fff;border-color:#e0e9e8;color:#657471}.btn.secondary:hover{background:#f4fbfa}.btn.dark{background:#2d3e3a;color:white}.btn.dark:hover{background:#3a564e}.btn.danger{background:#bd4557;color:white}.btn.small-btn{padding:7px 10px;font-size:10px;min-height:29px}.btn.full{width:100%}.icon-btn{display:inline-grid;place-items:center;border-radius:6px;padding:6px;color:#90a09d;vertical-align:middle}.icon-btn:hover{background:#eaf4f3;color:var(--purple)}.text-btn{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:600;color:var(--purple);padding:4px 0}.text-btn:hover{color:#21705e}.overview-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-label{font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px}.purple-dot{height:6px;width:6px;border-radius:50%;background:#6eb2a4}.date-chip{display:flex;align-items:center;gap:8px;border:1px solid #e2ecea;background:white;border-radius:6px;font-size:10px;padding:8px 10px;color:#7e8c89}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.stat-card,.card{background:white;border:1px solid #e6eeed;border-radius:10px;box-shadow:0 2px 2px #1d2b2802}.stat-card{padding:19px 19px 17px}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.stat-top>span:first-child{font-size:10px;color:#7f8d8a}.stat-icon{width:31px;height:31px;border-radius:8px;display:grid;place-items:center}.stat-icon.purple{background:#e7f6f3;color:#6fb7a7}.stat-icon.green{background:#eaf8f0;color:#61af8b}.stat-icon.blue{background:#edf3fe;color:#7c9cdc}.stat-icon.orange{background:#fff1e8;color:#d99f70}.stat-card>strong{font-size:30px;line-height:1.6;letter-spacing:-1px;font-weight:600}.stat-sub{font-size:9px;color:#a2afac}.dashboard-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:23px}.welcome-card{min-height:290px;position:relative;background:linear-gradient(110deg,#e6f6f3,#e4f5f2 60%,#dbf1ec);border:1px solid #dcf1ec;border-radius:10px;overflow:hidden;padding:27px}.pill{display:inline-flex;align-items:center;gap:5px;background:#ffffff99;border:1px solid #daf1eb;border-radius:20px;padding:5px 8px;color:#7aad9e;font-size:7px;font-weight:650;letter-spacing:.5px}.welcome-card h2{font-size:25px;line-height:1.3;letter-spacing:-.8px;font-weight:650;color:#32534a;margin-top:17px}.welcome-card p{font-size:10px;line-height:1.8;color:#8caba2;margin:12px 0 21px}.welcome-card .btn{position:relative;z-index:2;font-size:9px;padding:10px 13px}.hero-art{position:absolute;right:2px;top:35px;width:235px;height:245px;pointer-events:none}.orbit{position:absolute;border:1px solid #bfe3d9;border-radius:50%;width:190px;height:190px;left:27px;top:19px}.orbit.two{width:145px;height:145px;top:42px;left:50px;border-style:dashed;opacity:.7}.chat-symbol{position:absolute;top:66px;left:80px;background:linear-gradient(145deg,#79bdad,#3f947f);color:#eafaf6;box-shadow:0 16px 35px #51998538,inset 0 2px 2px #ffffff66;transform:rotate(-10deg);border-radius:25px;width:92px;height:92px;display:grid;place-items:center}.chat-symbol>span{position:absolute;right:-7px;bottom:-6px;background:#e5f6e9;color:#6fba93;border:4px solid #ddf2ed;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.floating-mini{position:absolute;display:flex;align-items:center;gap:7px;background:#fffffff0;border:1px solid #ffffff;border-radius:9px;box-shadow:0 8px 20px #679d8c14;padding:11px 12px}.floating-mini.top{top:20px;left:28px;font-size:8px;color:#829792;transform:rotate(5deg)}.floating-mini.top svg{color:#91bba7}.floating-mini.top>span{width:5px;height:5px;background:#a3c8b3;border-radius:50%;margin-left:7px}.floating-mini.bottom{bottom:23px;left:52px;width:176px;transform:rotate(-5deg)}.mini-avatar{background:#f3e9d9;color:#b9a080;border-radius:50%;height:28px;width:28px;display:grid;place-items:center;font-size:9px}.floating-mini b{font-size:8px;color:#77948b;font-weight:550}.floating-mini i{height:3px;display:block;width:70px;background:#e4f1ee;border-radius:3px;margin-top:5px}.floating-mini i:last-child{width:46px}.sparkle{font-size:23px;color:#97c4b7;margin-left:auto}.art-star{position:absolute;color:#97c6b9;font-size:20px}.art-star.a{right:6px;top:42px}.art-star.b{left:25px;bottom:37px;font-size:15px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 22px 13px}.card-title h3{font-size:12px}.card-title p{font-size:9px;color:#9aa8a4;margin-top:6px}.checklist .card-title{padding-bottom:12px}.progress-ring{width:34px;height:34px;border:3px solid #e7f4f1;border-top-color:#98cabd;border-radius:50%;display:grid;place-items:center;font-size:9px;color:#89b3a6;flex-shrink:0}.checklist-item{display:flex;align-items:center;gap:11px;width:100%;padding:12px 22px;text-align:left}.checklist-item:hover{background:#f5fcfb}.checklist-item>div{flex:1}.checklist-item strong{display:block;font-size:10px;font-weight:550}.checklist-item small{display:block;font-size:8px;color:#99a8a4;margin-top:5px}.checklist-item>svg{color:#b4c6c2}.step-circle{width:23px;height:23px;border:1px solid #e0edea;border-radius:50%;display:grid;place-items:center;color:#8fafa6;font-size:9px}.step-circle.done{background:#eaf7ef;color:#54a57b;border-color:#d9f0e2}.dashboard-lower{display:grid;grid-template-columns:1.18fr 1fr;gap:23px;margin-top:24px}.empty-state{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:51px 24px;gap:10px;min-height:240px}.empty-symbol{display:grid;place-items:center;width:59px;height:59px;border-radius:17px;background:#f1faf8;border:1px solid #e4f3ef;color:#9dc7bc;margin-bottom:6px;transform:rotate(-4deg)}.empty-state h3{font-size:13px;font-weight:550}.empty-state p{font-size:11px;line-height:1.8;color:#a0aeab;max-width:350px}.empty-state .btn{margin-top:8px}.dashboard-lower .empty-state{padding:25px 20px;min-height:216px}.dashboard-lower .empty-symbol{width:44px;height:44px;border-radius:13px}.dashboard-lower .empty-state h3{font-size:10px}.dashboard-lower .empty-state p{font-size:9px}.dashboard-lower .empty-state .text-btn{font-size:9px}.activity-chart{display:flex;align-items:stretch;justify-content:space-around;height:150px;margin:5px 22px 0;background:repeating-linear-gradient(to top,transparent 0,transparent 40px,#f7f5fa 40px,#f7f5fa 41px)}.chart-column{width:10%;display:flex;flex-direction:column;text-align:center;justify-content:end;gap:12px}.chart-bar-zone{height:113px;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:4px;font-size:9px;color:var(--purple)}.chart-bar{width:25px;background:#e0f0ec;border-radius:4px 4px 0 0}.chart-bar.filled{background:linear-gradient(#93d0c1,#5faa98)}.chart-column small{color:#a2b4af;font-size:8px}.legend{display:flex;align-items:center;gap:5px;font-size:8px;color:#91a49f}.legend i,.muted-dot{width:5px;height:5px;border-radius:50%;background:#a2cdc1;display:inline-block}.chart-footer{padding:18px 22px;color:#a2b6b1;font-size:8px;display:flex;gap:7px;align-items:center}.page-footer{display:flex;justify-content:space-between;padding:27px 0 22px;color:#a0afab;align-items:center}.page-footer>span:first-child{font-size:12px;font-weight:650}.page-footer small{font-size:8px;font-weight:400;margin-left:10px}.page-footer>span:last-child{display:flex;gap:5px;align-items:center;font-size:8px;color:#a4b5b1}.badge{display:inline-flex;gap:5px;align-items:center;border-radius:5px;padding:5px 7px;background:#eef4f4;color:#8d9c98;font-size:9px;white-space:nowrap}.badge i{width:4px;height:4px;border-radius:50%;background:currentColor}.badge.green{background:#eaf7f0;color:#4b9e7c}.badge.amber{background:#fff6e8;color:#bd9858}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{font-size:9px;letter-spacing:.2px;color:#9aaaa5;font-weight:500;background:#fcfbfd;padding:13px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}td{padding:16px 20px;border-bottom:1px solid #ecf4f3;color:#748681}tr:last-child td{border-bottom:0}.name-btn{display:flex;align-items:center;gap:10px;text-align:left}.name-btn strong{font-size:11px;display:block;font-weight:550;color:#465a54}.name-btn small{display:block;font-size:9px;color:#a4b7b2;margin-top:5px}.square-icon{display:inline-grid;place-items:center;width:34px;height:34px;background:#ecf8f5;color:#87b9ab;border:1px solid #e2f2ee;border-radius:9px;flex-shrink:0}.row-actions{display:flex;align-items:center;gap:2px}.recent-row{display:flex;align-items:center;gap:12px;padding:17px 22px;width:100%;text-align:left;border-top:1px solid var(--line)}.recent-row div{flex:1}.recent-row strong{font-size:11px;font-weight:500}.recent-row small{display:block;font-size:9px;color:#a1b5af;margin-top:5px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px}.table-toolbar.bare{padding:0;margin-bottom:22px}.tabs{display:flex;gap:5px}.tabs button{padding:9px 12px;border-radius:6px;font-size:10px;color:#91a9a2}.tabs button.active{background:#e6f5f2;color:var(--purple);font-weight:600}.search-input{display:flex;align-items:center;gap:8px;border:1px solid #e4efed;border-radius:6px;background:white;padding:0 10px;color:#acc0bb;min-width:210px}.search-input input{width:100%;border:0;padding:9px 0;box-shadow:none;font-size:10px;outline:none}.search-input input::placeholder{color:#aabbb6}.mini-stats{display:flex;gap:30px;margin-bottom:24px;color:#92a7a1;font-size:11px}.mini-stats strong{font-size:16px;color:#557169;margin-right:5px}.info-banner{display:flex;align-items:center;gap:14px;background:#e8f5f3;border:1px solid #ddefeb;padding:20px;border-radius:9px;color:#87b9ab;margin-bottom:25px}.info-banner strong{font-size:12px;color:#628d80;font-weight:550}.info-banner p{font-size:10px;color:#89a89e;margin-top:6px}.info-banner.official{background:#f0f8f3;border-color:#dfefe4;color:#7ab497}.info-banner.official strong{color:#5b9377}.info-banner.official p{color:#99b4a5}.info-banner>div{flex:1}.flow-grid,.template-grid,.number-grid,.help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.flow-card,.template-card,.number-card{padding:23px}.flow-card-top,.number-card-top,.template-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.flow-symbol{width:43px;height:43px;display:grid;place-items:center;background:#e5f6f2;color:#8cbeb0;border-radius:11px}.flow-card h3,.template-card h3,.number-card h3{font-size:15px;margin-bottom:8px}.flow-card p{font-size:10px;color:#8fada3}.mini-flow{display:flex;gap:16px;margin:28px 0}.mini-flow>span{background:#f0faf8;color:#9ec4b9;border:1px solid #daefea;border-radius:7px;padding:8px;position:relative}.mini-flow i{position:absolute;width:16px;height:1px;background:#d5ede6;top:50%;left:100%}.flow-card-footer,.template-footer{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:15px;margin-top:12px}.flow-card-footer .text-btn,.template-footer .text-btn{flex:1}.new-flow,.connect-number{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px dashed #c9e1db;border-radius:10px;background:#f4fdfb;color:#98c1b5;min-height:250px}.new-flow strong{font-size:12px;color:#7fb0a2}.new-flow span{font-size:10px}.example-flow{display:flex;align-items:center;justify-content:center;padding:0 25px 38px;color:#adcac1}.example-flow span{display:flex;align-items:center;gap:7px;border:1px solid #e1f1ed;background:#fcfaff;padding:12px;font-size:10px;border-radius:7px}.example-flow>i{height:1px;width:25px;background:#d4eae4}.contacts-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:20px}.list-sidebar{padding:16px 11px;align-self:start}.list-sidebar>div{display:flex;align-items:center;justify-content:space-between;padding:0 7px 15px}.list-sidebar h3{font-size:11px}.list-sidebar>button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:12px 10px;border-radius:6px;font-size:10px;color:#87a89d}.list-sidebar>button.selected{background:#eaf9f5;color:var(--purple)}.list-sidebar b{margin-left:auto;font-size:9px;font-weight:500;color:#9bbdb2}.list-sidebar .add-list{color:var(--purple);margin-top:12px}.list-dot{height:5px;width:5px;border-radius:50%;background:#a3cfc2}.contact-avatar{width:35px;height:35px;border-radius:50%;background:#e7f5f2;color:#79ad9e;font-size:10px;display:grid;place-items:center;flex-shrink:0}.tag,.category-tag{display:inline-block;padding:4px 7px;border-radius:4px;background:#ecf8f5;color:#88b0a3;font-size:9px}.muted{color:#9fb9b1;font-size:10px}.whatsapp-icon{background:#eaf7ee;color:#7db896;width:49px;height:49px;border-radius:14px;display:grid;place-items:center}.number-phone{font-size:13px;color:#89a79d;margin-top:10px}.number-details{margin:25px 0 20px;display:flex;flex-direction:column;gap:12px}.number-details span{font-size:10px;color:#a0bab2;display:flex;justify-content:space-between;gap:8px}.number-details strong{color:#7da497;font-size:10px;font-weight:500}.connect-number{min-height:285px}.connect-number h3{color:#81ac9f;font-size:14px}.connect-number p{font-size:10px;color:#9ebeb4;line-height:1.7}.add-number-symbol{background:#e7f7f3;border:1px solid #d2ebe4;width:55px;height:55px;border-radius:15px;display:grid;place-items:center;color:#98c3b5}.connection-note{display:flex;align-items:center;gap:12px;color:#9fc0b5;border-top:1px solid #e0efeb;padding:25px 0;margin-top:35px}.connection-note p{font-size:10px;color:#96b4ab;flex:1;line-height:1.7}.message-preview{padding:17px;background:#f3f9f2;border:1px solid #e5eee0;border-radius:0 9px 9px 9px;font-size:12px;line-height:1.7;color:#7e9079;min-height:115px;margin-top:20px;white-space:pre-wrap;overflow-wrap:anywhere}.message-preview>span{display:flex;align-items:center;justify-content:end;gap:4px;font-size:8px;color:#b0bea9;margin-top:10px}.footnote{font-size:10px;line-height:1.8;color:#9db9b1;margin:20px 0}.inbox{display:grid;grid-template-columns:285px minmax(0,1fr);min-height:550px;overflow:hidden}.conversation-list{border-right:1px solid var(--line)}.inbox-list-header{padding:20px 17px 15px;border-bottom:1px solid var(--line)}.inbox-list-header h3{margin-bottom:18px}.inbox-list-header h3 span{font-size:9px;background:#e7f6f2;border-radius:5px;color:#97beb2;padding:3px 6px;margin-left:5px}.conversation{display:flex;align-items:center;gap:9px;text-align:left;width:100%;padding:17px 15px;border-bottom:1px solid #f6f2f9}.conversation.selected{background:#ecf9f6}.conversation div{min-width:0}.conversation strong{font-size:11px;font-weight:550}.conversation p{font-size:10px;color:#9fbbb2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px;margin-top:5px}.inbox-list-empty{text-align:center;padding:45px 15px;color:#a7c3ba;font-size:11px;line-height:1.8}.inbox-list-empty .text-btn{margin-top:18px}.conversation-main{display:flex;flex-direction:column;min-width:0}.conversation-main>.empty-state{flex:1}.conversation-header{display:flex;align-items:center;gap:10px;padding:17px 20px;border-bottom:1px solid var(--line)}.conversation-header>div{flex:1}.conversation-header h3{font-size:12px}.conversation-header small{font-size:9px;color:#a0c0b5;display:block;margin-top:4px}.conversation-header select{max-width:210px;font-size:10px}.messages-area{flex:1;display:flex;flex-direction:column;gap:14px;padding:25px;background-color:#fcfbfd;background-image:radial-gradient(#dcefe9 .5px,transparent .5px);background-size:14px 14px;min-height:280px;max-height:490px;overflow:auto}.chat-message{border:1px solid #e0f1ec;border-radius:9px;padding:12px;max-width:80%;background:white;align-self:start}.chat-message.outgoing{align-self:end;background:#e5f6f2}.chat-message p{font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message small{display:flex;justify-content:end;gap:5px;align-items:center;font-size:8px;color:#97bdb1;margin-top:7px}.chat-day{align-self:center;color:#a2c3b8;background:#eff9f7;border:1px solid #e1f3ee;border-radius:5px;font-size:9px;padding:8px 10px}.composer{padding:15px 18px;background:white;border-top:1px solid var(--line)}.composer select{font-size:10px;width:100%;padding:8px}.composer textarea{width:100%;margin:10px 0;border-color:#e5f3ef;font-size:11px}.composer>div:last-child{display:flex;align-items:center;justify-content:space-between}.composer small{display:flex;align-items:center;gap:5px;color:#9bbfb3;font-size:9px}.composer-template{padding:13px;font-size:11px;color:#82a89b;line-height:1.7}.paused-jobs{display:flex;align-items:center;gap:10px;background:#fff8eb;font-size:9px;padding:12px;color:#c1a574;flex-wrap:wrap}.settings-tabs{margin-bottom:23px}.settings-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:25px}.settings-card{padding:25px}.settings-card .card-title{padding:0 0 25px;color:#8eb2a6}.settings-card .card-title h3{color:#5a7e73;font-size:15px}.settings-card .card-title p{line-height:1.7}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;text-align:left}.field>span{font-size:11px;color:#72968a;font-weight:550}.field small{font-size:9px;line-height:1.65;color:#9ab8af}.field input,.field select,.field textarea{width:100%;font-size:11px;color:#608176;border-color:#dcede8}.field input::placeholder,.field textarea::placeholder{color:#a9c7bd}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-footer{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.form-footer>span{display:flex;align-items:center;gap:5px;color:#a3c3b8;font-size:9px}.setup-guide{padding:25px}.setup-guide>.square-icon{margin-bottom:17px}.setup-guide h3{font-size:20px;line-height:1.5;color:#779e91;letter-spacing:-.5px}.setup-guide p{font-size:11px;line-height:1.9;color:#98baaf;margin:13px 0 20px}.setup-guide ol{padding-left:16px;color:#98bbb0;font-size:10px;line-height:1.8}.setup-guide li{padding-left:4px;margin-bottom:13px}.subtle-note{display:flex;align-items:start;gap:9px;color:#a8c9bd;padding:18px 5px}.subtle-note p{font-size:10px;line-height:1.85}.activation-row{display:flex;align-items:center;gap:12px;padding:21px 0;border-bottom:1px solid var(--line)}.activation-row>span{background:#ecf9f5;color:#97beb2;border-radius:8px;padding:9px}.activation-row>div{flex:1}.activation-row strong{font-size:11px;color:#74988b}.activation-row p{font-size:9px;color:#a4c5ba;margin-top:6px}.notice{display:flex;align-items:start;gap:10px;padding:14px;background:#fff9ee;border:1px solid #f3e8d0;border-radius:7px;color:#b7a47f;font-size:10px;line-height:1.8;margin:18px 0}.settings-card h4{font-size:12px;color:#84aa9d;margin-top:25px}.activation-instructions{padding-left:17px;color:#92b6aa;font-size:11px;line-height:1.9}.activation-instructions li{margin:15px 0}code{background:#eaf7f3;color:#84ab9e;padding:2px 4px;border-radius:4px;font-size:10px;overflow-wrap:anywhere}.guide-detail{display:flex;flex-direction:column;gap:8px;padding:18px 0;border-top:1px solid var(--line)}.guide-detail strong{font-size:11px;color:#87a99e}.guide-detail span{font-size:10px;line-height:1.8;color:#9abfb2}.help-card{text-align:left;padding:26px}.help-card h3{margin:20px 0 12px;font-size:14px;color:#77a192}.help-card p{font-size:11px;line-height:1.9;color:#98baae;min-height:83px}.help-card .text-btn{margin-top:15px}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#172f2b66;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:25px;overflow:auto}.modal{background:white;border:1px solid #d2eae2;border-radius:14px;padding:27px;width:570px;max-width:100%;max-height:92vh;overflow:auto;box-shadow:0 30px 100px #163d3240}.modal.wide{width:990px}.modal-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:25px}.modal-heading h2{font-size:20px;letter-spacing:-.5px}.modal-heading p{font-size:10px;color:#95b7ac;margin-top:9px;line-height:1.6}.form-actions{display:flex;align-items:center;justify-content:end;gap:10px;padding-top:20px;margin-top:15px;border-top:1px solid var(--line)}.checkbox-line{display:flex;align-items:center;gap:9px;font-size:10px;color:#8db2a5;margin-bottom:19px}.checkbox-line input{accent-color:var(--purple);width:15px;height:15px;flex-shrink:0}.upload-zone{border:1px dashed #c3e0d7;background:#fcf8ff;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:23px;color:#93bbae;margin-bottom:14px}.upload-zone strong{font-size:12px}.upload-zone span{font-size:9px}.upload-zone input{font-size:10px;max-width:100%;padding:8px;background:white}.upload-zone+.text-btn{margin-bottom:20px}.sequence-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:27px}.sequence-canvas{background:#fcfaff;background-image:radial-gradient(#cee6df .6px,transparent .6px);background-size:12px 12px;border:1px solid #e1f3ee;border-radius:9px;padding:22px}.sequence-start{display:flex;align-items:center;gap:9px;justify-content:center;margin-top:25px;font-size:10px;color:#87b0a2}.sequence-start span{display:grid;place-items:center;padding:7px;border:1px solid #d3eae3;background:#f3fcfa;border-radius:50%}.sequence-wire{height:24px;width:1px;background:#cce6de;margin:0 auto}.step-card{background:white;border:1px solid #d5ece5;border-radius:9px;padding:17px;box-shadow:0 4px 12px #70a69405}.step-card-header{display:flex;align-items:center;gap:8px;margin-bottom:21px}.step-icon{background:#eaf9f5;color:#91c1b1;padding:6px;border-radius:6px;display:flex}.step-card-header strong{font-size:11px;color:#6fa18f}.step-order{margin-left:auto;font-size:9px;color:#a5cbbe}.delay-fields{display:flex;align-items:center;gap:8px;color:#9bc3b6}.delay-fields input{width:65px}.delay-fields select{flex:1}.step-preview{background:#f1fcf9;border:1px solid #e0f4ee;border-radius:6px;font-size:10px;color:#8fb9ab;line-height:1.8;padding:11px;white-space:pre-wrap}.step-card .field:last-child{margin-bottom:0}.add-step{display:flex;align-items:center;gap:7px;justify-content:center;border:1px dashed #bcded3;color:#87baa9;background:#fcf9ff;border-radius:7px;width:100%;padding:12px;font-size:10px}.sequence-end{text-align:center;color:#a6cdc0;font-size:9px;margin-top:23px}.sequence-options{padding:4px}.sequence-options>h3{color:#729f8f;font-size:13px}.sequence-options>p{font-size:10px;color:#9dc3b6;margin:7px 0 23px}.options-divider{border-top:1px solid #e2f2ee;margin:20px 0}.behavior-description{background:#edfaf6;border:1px solid #dff3ed;border-radius:7px;display:flex;align-items:start;gap:9px;padding:13px;color:#93bfb0;margin:-6px 0 22px}.behavior-description p{font-size:10px;line-height:1.8}.hours-fields{display:flex;align-items:center;gap:10px}.hours-fields span{font-size:10px;color:#9ac1b4}.hours-fields select{flex:1}.sticky-actions>span{margin-right:auto;color:#97c0b2;font-size:10px}.launch-summary{padding:20px;background:#f2fdfa;border:1px solid #def3ed;border-radius:8px;color:#8ab4a6}.launch-summary h3{font-size:17px;color:#70a492}.launch-summary p{line-height:1.8;font-size:11px;margin-top:14px}.launch-summary>strong{display:block;font-size:21px;margin-top:20px}.confirmation-text{color:#93bcae;font-size:12px;line-height:1.9}.activity-feed>div{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid var(--line)}.activity-feed p{flex:1}.activity-feed strong{font-size:11px}.activity-feed small{display:block;margin-top:6px;color:#a3c7ba;font-size:9px}.activity-feed .empty-state{border:0}.toast{position:fixed;bottom:25px;left:calc(50% + 110px);transform:translateX(-50%);z-index:200;display:flex;align-items:center;gap:12px;background:#2a3e39;color:#e5f7f2;padding:13px 18px;border:1px solid #5d756d;border-radius:9px;box-shadow:0 9px 30px #1f433830;max-width:min(620px,90vw);font-size:12px;line-height:1.7}.toast .icon-btn{color:#bee1d5}.loading{display:flex;align-items:center;gap:12px;justify-content:center;min-height:400px;color:#92bdae;font-size:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.load-error{display:flex;gap:12px;align-items:center;background:#fff5ea;color:#b39b71;padding:15px 35px;font-size:11px}.load-error button,.load-error a{text-decoration:underline}
@media(min-width:1600px){.page-content{padding:45px 45px 0}.welcome-card{padding:35px;min-height:320px}.hero-art{right:25px;top:40px;transform:scale(1.12)}.welcome-card h2{font-size:31px}.welcome-card p{font-size:12px}.welcome-card .btn{font-size:11px}.checklist-item{padding:15px 25px}.checklist-item strong{font-size:12px}.checklist-item small{font-size:10px}.card-title h3{font-size:14px}.card-title p{font-size:11px}.stat-top>span:first-child{font-size:12px}.stat-sub{font-size:11px}.stat-card>strong{font-size:35px}}
@media(max-width:1250px){.sidebar{width:210px;padding-left:12px;padding-right:12px}.main{margin-left:210px}.page-content{padding:27px 24px 0}.topbar{padding:0 24px}.page-heading{align-items:start}h1{font-size:22px}.heading-actions{flex-wrap:wrap;justify-content:end}.heading-actions .btn{font-size:10px;padding:10px}.dashboard-grid{grid-template-columns:1.3fr 1fr;gap:17px}.hero-art{right:-35px;transform:scale(.8);transform-origin:right center}.welcome-card{padding:23px}.welcome-card h2{font-size:23px}.welcome-card p{max-width:235px}.desktop{display:none}.stats-grid{gap:12px}.stat-card{padding:16px 14px}.checklist-item{padding:12px 17px}.flow-grid,.template-grid,.number-grid,.help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inbox{grid-template-columns:235px minmax(0,1fr)}.toast{left:calc(50% + 100px)}}
@media(max-width:1050px){.sidebar{width:74px;padding:25px 10px 0}.brand{font-size:0;padding:0 9px}.brand-mark{margin:0}.brand-dot{font-size:0}.workspace-switch,.nav-caption,.nav-item>span,.nav-item .tiny-new,.official-card,.sidebar .profile>div,.sidebar .profile>a,.sidebar .nav-item>svg:last-child:not(:first-child){display:none}.nav-item{font-size:0;justify-content:center;padding:14px 10px}.nav-item svg{width:21px;height:21px}.sidebar nav{margin-top:40px}.profile{justify-content:center;padding-left:0;padding-right:0}.main{margin-left:74px}.hero-art{right:-15px}.dashboard-grid{grid-template-columns:1.25fr 1fr}.welcome-card p{max-width:205px}.hero-art{opacity:.65;right:-50px}.welcome-card h2,.welcome-card p{position:relative;z-index:1}.contacts-layout{grid-template-columns:170px minmax(0,1fr)}.settings-grid{grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr)}.toast{left:calc(50% + 37px)}}
@media(max-width:800px){.page-heading{flex-direction:column;gap:17px;margin-bottom:25px}.heading-actions{justify-content:start}.page-content{padding:25px 20px 0}.topbar{padding:0 20px;height:61px}.topbar-right{gap:12px}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.dashboard-lower{grid-template-columns:1fr}.welcome-card{min-height:290px}.hero-art{opacity:1;right:15px;transform:scale(1)}.welcome-card p{max-width:280px}.welcome-card h2{font-size:28px}.checklist-item{padding:14px 22px}.checklist-item strong{font-size:12px}.checklist-item small{font-size:10px}.card-title h3{font-size:14px}.card-title p{font-size:11px}.dashboard-lower .empty-state h3{font-size:12px}.dashboard-lower .empty-state p{font-size:10px}.settings-grid{grid-template-columns:1fr}.settings-grid>aside{display:none}.contacts-layout{grid-template-columns:1fr}.list-sidebar{display:flex;flex-wrap:wrap;gap:5px}.list-sidebar>div{display:none}.list-sidebar>button{width:auto}.list-sidebar .add-list{margin:0}.mini-stats{gap:17px;flex-wrap:wrap}.inbox{grid-template-columns:190px minmax(0,1fr);min-height:520px}.inbox-list-header{padding:17px 10px}.inbox-list-header .search-input{min-width:0}.conversation{padding:14px 9px}.conversation strong{font-size:10px}.conversation p{max-width:110px}.conversation-header{flex-wrap:wrap}.conversation-header select{width:100%;max-width:none}.sequence-layout{grid-template-columns:1fr}.sequence-options{padding-top:10px}.table-toolbar{flex-wrap:wrap}.page-footer small{display:none}.connection-note{flex-wrap:wrap}.info-banner.official>.badge{display:none}.toast{max-width:80vw}.page-footer{font-size:10px}}
@media(max-width:570px){.sidebar{width:59px;padding:22px 6px 0}.brand{padding:0 5px}.brand-mark{height:32px;width:32px;border-radius:9px}.brand-mark svg{width:22px}.main{margin-left:59px}.page-content{padding:20px 13px 0}.topbar{padding:0 13px}.breadcrumbs{font-size:9px;gap:6px}.live-indicator{display:none}.profile-avatar.small{display:none}h1{font-size:21px}.page-heading p{font-size:10px;line-height:1.8}.eyebrow{font-size:7px}.stats-grid{gap:9px}.stat-card{padding:13px}.stat-top>span:first-child{font-size:9px}.stat-icon{width:25px;height:25px}.stat-icon svg{width:14px}.stat-card>strong{font-size:26px}.stat-sub{font-size:8px;line-height:1.5}.welcome-card{min-height:315px;padding:22px}.welcome-card h2{font-size:25px}.hero-art{opacity:.25;right:-55px}.welcome-card p{max-width:220px;position:relative;z-index:2;font-size:10px}.pill{font-size:6px}.welcome-card .btn{font-size:10px}.flow-grid,.template-grid,.number-grid,.help-grid{grid-template-columns:1fr}.modal-backdrop{padding:10px}.modal{padding:20px 16px;max-height:96vh;border-radius:10px}.modal-heading h2{font-size:18px}.form-grid{grid-template-columns:1fr;gap:0}.form-actions{flex-wrap:wrap}.sticky-actions>span{width:100%;margin-bottom:7px}.sequence-canvas{padding:13px}.inbox{grid-template-columns:1fr}.conversation-list{border-right:0;border-bottom:1px solid var(--line);max-height:200px;overflow:auto}.conversation{padding:12px 15px}.conversation p{max-width:200px}.inbox-list-empty{padding:17px}.conversation-main>.empty-state{min-height:300px}.inbox-list-header{padding:15px}.inbox-list-header h3{margin-bottom:10px}.connection-note{margin-top:15px}.connection-note .text-btn{margin-left:30px}.example-flow{flex-direction:column;gap:0}.example-flow>i{height:20px;width:1px}.page-footer>span:last-child{font-size:6px}.toast{left:calc(50% + 20px);bottom:15px;font-size:11px;max-width:84vw}.table-toolbar .search-input{min-width:0;width:100%}.tabs{gap:0}.tabs button{font-size:9px;padding:8px}.info-banner{padding:15px}.info-banner strong{font-size:10px;line-height:1.7}.info-banner p{font-size:9px;line-height:1.7}.settings-card{padding:18px}.form-footer{flex-wrap:wrap}.heading-actions .btn{font-size:9px;padding:9px}.date-chip{font-size:8px}.section-label{font-size:10px}.page-footer{gap:10px}}

.report-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:20px}.report-actions>span{flex:1;color:#6e7d7a;font-size:11px}.report-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.report-metric{border:1px solid #e0edea;border-radius:10px;background:#f5fdfc;padding:18px;display:flex;flex-direction:column;gap:9px}.report-metric>span{font-weight:600;font-size:12px}.report-metric>strong{font-size:32px;letter-spacing:-1px;color:#006e36}.report-metric>small{font-size:10px;color:#6e7d7a;line-height:1.6}.report-note{font-size:11px;color:#6e7d7a;line-height:1.7;margin:12px 0}.report-distribution{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px;background:#f6f7fa;border-radius:9px;margin:20px 0}.report-distribution>div{display:flex;align-items:center;gap:7px;font-size:11px}.report-distribution strong{margin-left:auto}.report-dot{width:7px;height:7px;border-radius:50%;background:#aaa}.report-dot.green{background:#00843d}.report-dot.red{background:#d86565}.report-dot.purple{background:#00843d}.report-dot.amber{background:#c69232}.report-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.report-panel{padding:18px;border:1px solid #e5e7eb;border-radius:9px;margin-bottom:16px;min-width:0}.report-panel h3{margin-bottom:12px}.report-panel p,.report-panel>small{color:#6e7d7a;line-height:1.8;font-size:11px;margin:8px 0}.report-panel table{min-width:360px}.report-panel td,.report-panel th{padding:12px 9px;font-size:11px}.report-panel .report-reason{min-width:190px;max-width:300px;white-space:normal;overflow-wrap:anywhere}.report-filters{display:flex;gap:10px;margin:15px 0}.report-filters input{flex:1}.report-panel .pagination{padding:15px 0 0}@media(max-width:750px){.report-panels{grid-template-columns:1fr}.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.report-distribution{grid-template-columns:1fr 1fr}.report-filters{flex-wrap:wrap}.report-filters input,.report-filters select{width:100%}}

.template-editor-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.8fr);gap:26px}.editor-section{border:1px solid #e5e7eb;border-radius:10px;padding:18px;margin-bottom:16px}.editor-section h3{margin-bottom:16px}.editor-section>p{font-size:11px;line-height:1.7;color:#6e7d7a;margin-bottom:15px}.editor-label{font-size:11px;font-weight:600}.format-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 18px}.format-picker button{padding:13px 5px;border:1px solid #dbeae7;border-radius:7px;display:flex;align-items:center;flex-direction:column;gap:7px;font-size:10px}.format-picker .selected{border-color:#00843d;background:#ecfaf7;color:#006e36}.template-button-editor{padding:13px;background:#fafbfc;border-radius:8px;margin-bottom:12px}.template-button-editor>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.optout-fixed{display:flex;gap:10px;padding:15px 0 0;align-items:center}.optout-fixed strong,.optout-fixed small{display:block}.optout-fixed small{color:#6e7d7a;line-height:1.7;margin-top:5px}.template-phone-preview{align-self:start;position:sticky;top:0;background:#f6f7f9;border:1px solid #e0eae8;border-radius:11px;overflow:hidden}.template-phone-preview>span{display:block;padding:18px;font-size:9px;color:#6e7d7a;letter-spacing:1px}.phone-preview-header{display:flex;align-items:center;gap:10px;padding:16px;background:#fff}.phone-preview-header small{display:block;color:#889492;margin-top:4px}.phone-preview-chat{background:#eae4dc;padding:22px 14px;min-height:280px}.phone-preview-bubble{background:white;border-radius:0 8px 8px;box-shadow:0 1px 2px #0001;overflow:hidden;padding:14px 13px 0}.phone-preview-bubble h4{margin:0 0 10px}.phone-preview-bubble>p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:12px;min-height:40px}.phone-preview-bubble>small{display:block;margin-top:10px;color:#8b8584;font-size:10px}.phone-preview-bubble time{display:block;text-align:right;font-size:9px;color:#9b9390;padding:9px 0}.preview-button{border-top:1px solid #e9e8e6;padding:13px 0;display:flex;gap:7px;align-items:center;justify-content:center;color:#1682c4;font-size:11px}.preview-media{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;background:#ebf3f2;min-height:130px;margin-bottom:12px;border-radius:5px;color:#708880}.preview-media img,.preview-media video{width:100%;max-height:190px;object-fit:contain}.preview-media strong{font-size:11px;word-break:break-word}.template-phone-preview>p{font-size:10px;line-height:1.8;color:#82908d;padding:16px}.template-approval{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:15px;background:#f2faf9;border-radius:8px;margin-bottom:20px}.template-approval>span:not(.badge){font-size:10px;flex:1;color:#788e88}.template-approval>p{width:100%;font-size:11px}.template-button-summary{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:14px}.template-button-summary span{font-size:9px;background:#eaf6f4;color:#00843d;padding:5px 7px;border-radius:5px}.template-status-line{font-size:9px;color:#81948f;line-height:1.8;margin-bottom:12px;overflow-wrap:anywhere}.template-status-line svg{vertical-align:middle;margin-right:4px}@media(max-width:750px){.template-editor-layout{grid-template-columns:1fr}.template-phone-preview{position:static}.format-picker{grid-template-columns:repeat(4,1fr)}}

.profile-header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.profile-header-actions>div{flex:1}.profile-header-actions small{color:#81948f;display:block;line-height:1.8;margin-top:5px}.profile-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.profile-tags>span{background:#e7f5f2;color:#00843d;border-radius:5px;padding:5px 8px;font-size:11px}.profile-tags>small{color:#81948f}.profile-facts{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;font-size:11px;line-height:1.7;margin:0}.profile-facts dt{color:#81948f}.profile-facts dd{margin:0;overflow-wrap:anywhere}.profile-metrics{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.profile-history-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.profile-timeline{padding:5px 0}.profile-event{display:flex;gap:13px;padding:13px 0;border-bottom:1px solid #e5e7eb}.profile-event>svg{color:#00843d;margin-top:2px}.profile-event>div{min-width:0;flex:1}.profile-event strong{font-size:12px}.profile-event small{display:block;color:#81948f;margin-top:5px;line-height:1.7}.profile-event p{white-space:pre-wrap;overflow-wrap:anywhere}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:white}.login-brand-panel{padding:48px 10%;background:#ebf7f5;display:flex;flex-direction:column;justify-content:space-between;min-height:650px}.login-brand-panel .brand{padding:0}.login-brand-panel h1{font-size:clamp(32px,3.5vw,52px);line-height:1.22;letter-spacing:-1.8px;margin:20px 0}.login-eyebrow{font-size:9px;letter-spacing:2px;color:#00843d}.login-brand-panel p{font-size:14px;line-height:1.8;color:#788e88;max-width:340px}.login-brand-panel>small{display:flex;gap:8px;align-items:center;color:#788e88;font-size:10px}.login-form-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:50px 28px}.login-form{width:100%;max-width:365px}.login-lock{display:grid;place-items:center;width:52px;height:52px;background:#ebf7f5;color:#00843d;border-radius:13px;margin-bottom:24px}.login-form h2{font-size:25px;letter-spacing:-.5px;margin:0 0 12px}.login-form>p{color:#81948f;font-size:12px;margin-bottom:30px}.login-form .field{margin-bottom:20px}.login-form .field input{padding:14px}.login-password{display:flex;border:1px solid #e0e9e8;border-radius:7px;overflow:hidden}.login-password input{flex:1;border:0;box-shadow:none!important;min-width:0}.login-password button{padding:0 13px;color:#81948f}.login-password:focus-within{border-color:#74bdb0;box-shadow:0 0 0 3px #00843d14}.login-form>.btn{padding:14px;margin:7px 0 20px}.login-form>small{display:block;color:#8ea19c;font-size:10px;line-height:1.8}.login-form-panel>footer{position:absolute;bottom:24px;font-size:10px;color:#a3b6b1}.login-form .notice{margin-bottom:20px}@media(max-width:750px){.profile-metrics{grid-template-columns:repeat(2,1fr)}.login-page{grid-template-columns:1fr}.login-brand-panel{min-height:auto;padding:24px;gap:20px}.login-brand-panel>div,.login-brand-panel>small{display:none}.login-form-panel{padding:40px 22px 70px;min-height:600px}}
/* Operational inbox: bounded panels, independent scrolling and explicit pagination. */
.inbox-v2{display:grid;grid-template-columns:265px minmax(300px,1fr) 245px;height:calc(100dvh - 252px);min-height:580px;max-height:920px;padding:0!important;overflow:hidden}.inbox-contacts{display:flex;flex-direction:column;min-height:0;border-right:1px solid #e5ecec}.inbox-v2-heading{padding:20px 16px 14px;border-bottom:1px solid #e5e7eb}.inbox-v2-heading h3{display:flex;justify-content:space-between;margin:0 0 15px;font-size:15px}.inbox-v2-heading h3 span{color:#788e8a;font-weight:400}.inbox-v2-heading input{width:100%;min-width:0}.inbox-contact-scroll{overflow-y:auto;flex:1;min-height:0}.inbox-contact-scroll .conversation{width:100%;border:0;border-bottom:1px solid #ebf3f2;background:white;display:flex;gap:12px;text-align:left;padding:17px 14px;cursor:pointer}.inbox-contact-scroll .conversation.selected{background:#eaf8f6;border-left:3px solid #5eac9d;padding-left:11px}.inbox-contact-scroll .conversation>div{min-width:0}.inbox-contact-scroll .conversation strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.inbox-contact-scroll .conversation p{font-size:12px;margin:5px 0;color:#6f7c7a}.inbox-contact-scroll .conversation small{font-size:10px;color:#8a9996}.inbox-pager{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid #e5ecec}.inbox-pager small{color:#768784}.inbox-chat{display:flex;flex-direction:column;min-width:0;min-height:0;background:#faf9fd}.inbox-chat>.empty{margin:auto}.inbox-chat-heading{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid #e5e7eb;background:white}.inbox-profile-link{display:flex;gap:10px;align-items:center;background:none;border:0;text-align:left;cursor:pointer;flex:1;min-width:0;color:inherit}.inbox-profile-link>span:last-child{min-width:0}.inbox-profile-link strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.inbox-profile-link small{display:block;font-size:11px;color:#829490;margin-top:4px}.inbox-number{padding:10px 18px;display:flex;align-items:center;gap:14px;background:white;border-bottom:1px solid #e5e7eb}.inbox-number label{font-size:11px;color:#80918d}.inbox-number select{flex:1;min-width:0;max-width:360px;font-size:12px}.inbox-message-pages{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #e5e7eb}.inbox-message-pages small{font-size:10px;color:#81928f;text-align:center}.inbox-message-pages button{font-size:11px}.inbox-messages{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:100px;display:flex;flex-direction:column;gap:14px;padding:22px}.inbox-messages .chat-message{max-width:85%;flex-shrink:0;overflow-wrap:anywhere}.inbox-messages .chat-message p{white-space:pre-wrap}.inbox-messages .incoming{align-self:flex-start}.inbox-messages .outgoing{align-self:flex-end}.inbox-composer{background:white;flex-shrink:0;border-top:1px solid #e6f0ef;padding:14px 18px!important}.inbox-composer textarea{max-height:110px;resize:vertical}.inbox-composer .composer-template{max-height:90px;overflow:auto;margin:8px 0}.inbox-composer select{font-size:12px}.inbox-composer>div:last-child{display:flex;justify-content:space-between;align-items:center}.inbox-composer small{font-size:10px;display:flex;gap:5px;color:#90a39f}.inbox-contact-profile{overflow-y:auto;padding:26px 19px;border-left:1px solid #e5e7eb;text-align:center;background:white}.inbox-contact-profile>.large{width:56px;height:56px;font-size:20px;margin:0 auto 14px}.inbox-contact-profile h3{margin:6px 0;font-size:15px;overflow-wrap:anywhere}.inbox-contact-profile>p{font-size:11px;color:#829691;overflow-wrap:anywhere}.inbox-contact-profile>.btn{font-size:11px;margin:13px 0 0}.inbox-contact-profile hr{border:0;border-top:1px solid #eaf2f1;margin:24px 0}.inbox-contact-profile h4{display:flex;align-items:center;gap:8px;font-size:12px;text-align:left}.inbox-contact-profile .profile-tags{padding:0;justify-content:flex-start;flex-wrap:wrap}.inbox-profile-facts{text-align:left;margin:20px 0;font-size:12px}.inbox-profile-facts dt{color:#879995;margin-top:17px;font-size:10px;text-transform:uppercase;letter-spacing:.07em}.inbox-profile-facts dd{margin:5px 0;line-height:1.5;overflow-wrap:anywhere}.inbox-warning{margin:0;border-radius:0;font-size:12px}.inbox-empty-note{font-size:12px;color:#889995;text-align:center;padding:30px 10px}.message-error{color:#c34555!important}.icon-btn:disabled,.text-btn:disabled{opacity:.4;cursor:default}.notification-count{position:absolute;right:-4px;top:-5px;min-width:17px;border-radius:10px;background:#51a695;color:white;font-size:9px;line-height:17px;padding:0 4px}.notification{position:relative}.operation-card{padding:0!important;overflow:hidden}.operation-card .table-toolbar{padding:23px}.operation-card h3{margin:0 0 7px}.operation-card .table-toolbar p{margin:0;font-size:12px;color:#859893}.operation-loading{padding:30px}.logs-filters{display:flex;gap:12px;align-items:center;padding:0 23px 20px;flex-wrap:wrap}.logs-filters>.search-input{flex:1;min-width:220px}.logs-filters label{font-size:11px;color:#859893;display:flex;gap:7px;align-items:center}.logs-filters input[type=date]{max-width:160px}.logs-filters select{max-width:240px}.log-kind,.log-id{display:block;color:#8a9d98;font-size:10px;margin-top:5px;max-width:250px;overflow-wrap:anywhere}.audit-result{font-size:11px;border-radius:6px;padding:5px 8px;white-space:nowrap}.audit-result.success{color:#328465;background:#edf8f1}.audit-result.failure{color:#ae454b;background:#fff1f1}.notification-items{border-top:1px solid #e5e7eb}.notification-item{display:flex;gap:16px;padding:22px 25px;border-bottom:1px solid #e5e7eb}.notification-item.unread{background:#f5fdfc;border-left:3px solid #5dad9c;padding-left:22px}.notification-item>div{flex:1;min-width:0}.notification-item strong{font-size:13px}.notification-item p{font-size:12px;line-height:1.6;margin:7px 0;overflow-wrap:anywhere}.notification-item small{display:block;font-size:10px;color:#8ca09b}.notification-item .text-btn{margin-top:10px;font-size:11px}.notification-settings{max-width:900px}.notification-setting{display:flex;gap:25px;justify-content:space-between;align-items:center;padding:19px 0;border-bottom:1px solid #eaf2f1;cursor:pointer}.notification-setting strong{display:block;font-size:13px}.notification-setting small{display:block;font-size:11px;color:#869a94;margin-top:7px;line-height:1.6}.notification-setting input{width:19px!important;height:19px;accent-color:#5dac9c;flex-shrink:0}.operation-card>.pagination{padding:18px 23px}
@media(max-width:1350px){.inbox-v2{grid-template-columns:235px minmax(300px,1fr)}.inbox-contact-profile{display:none}}@media(max-width:850px){.inbox-v2{grid-template-columns:190px minmax(260px,1fr);min-height:600px}.inbox-chat-heading{padding:12px 10px}.inbox-chat-heading .btn{font-size:10px;padding:7px}.inbox-number{padding:9px 10px;gap:6px}.inbox-number label{display:none}.inbox-messages{padding:14px}.inbox-composer small{display:none}.inbox-message-pages{padding:9px 8px;gap:5px}.logs-filters{padding:0 16px 16px}.operation-card .table-toolbar{align-items:flex-start;gap:12px;flex-wrap:wrap}}@media(max-width:600px){.inbox-v2{display:flex;flex-direction:column;height:auto;max-height:none;min-height:0}.inbox-contacts{height:240px;border-bottom:1px solid #e5e7eb}.inbox-v2-heading{padding:10px}.inbox-v2-heading h3{margin-bottom:8px}.inbox-contact-scroll .conversation{padding:10px}.inbox-pager{padding:2px 10px}.inbox-chat{height:650px;min-height:650px}.inbox-message-pages small{max-width:115px}.inbox-contact-profile{display:none}.notification-item{padding:17px 13px}.logs-filters>label{width:100%}}

/* Account controls: the sole signed-in profile is in the upper-right corner. */
:root{--purple:#00843d;--purple-dark:#006e36;--ink:#17211c;--muted:#59635f;--line:#e5e7eb;--page:#fafbfc;--green:#00843d}
.sidebar{padding-top:27px;overflow-y:auto}.sidebar .brand{margin-bottom:34px}.sidebar-bottom{padding-bottom:18px}.nav-item.selected{background:#e8f5ee;color:#107653}.nav-item:hover{background:#f0f8f4}.tiny-new{background:#e4f3eb;color:#14815d}.official-card{background:#f3faf6;border-color:#dfede5}.topbar{position:relative;z-index:30}.topbar-right{gap:18px}.live-indicator i{background:#00843d}.page-heading{margin-bottom:28px}.eyebrow{color:#638474}.account-control{position:relative}.account-trigger{display:flex;align-items:center;gap:9px;border:1px solid #e0ebe4;border-radius:9px;padding:5px 9px 5px 5px;max-width:220px;background:#fff;min-height:40px}.account-trigger:hover,.account-trigger[aria-expanded=true]{background:#f3faf6;border-color:#c1ddcd}.account-initial{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;background:#e2f2e9;color:#117953;font-size:12px;font-weight:700;flex-shrink:0}.account-trigger-name{font-size:11px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu{position:absolute;right:0;top:calc(100% + 12px);width:284px;padding:8px;background:white;border:1px solid #dce9e1;border-radius:12px;box-shadow:0 16px 46px #173e2b1c;z-index:80;max-height:calc(100dvh - 92px);overflow:auto}.account-menu-heading{padding:11px 12px 15px;border-bottom:1px solid #e8efe9}.account-menu-heading strong{font-size:13px;display:block}.account-menu-heading small{font-size:11px;color:#7e9086;display:block;margin-top:5px;overflow-wrap:anywhere}.account-menu>button,.account-menu>a{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border-radius:6px;text-align:left;font-size:11px}.account-menu>button:hover,.account-menu>a:hover{background:#eff8f3;color:#107653}.account-operation{padding:13px 12px;display:block}.account-operation>span{font-size:10px;color:#738a7d;display:block;margin-bottom:7px}.account-operation select{width:100%;padding:9px;font-size:11px}.account-menu .account-logout{border-top:1px solid #e8efe9;border-radius:0;margin-top:6px;color:#a44848}.account-dialog{max-width:470px}.account-dialog .field input{width:100%}.account-error{padding:12px;font-size:11px;color:#a44848}.account-error button{display:block;color:#00843d;margin-top:8px}.referrals-view{display:grid;gap:22px}.referral-link-card{padding:30px;display:flex;align-items:flex-start;gap:23px;background:linear-gradient(115deg,#fff,#f1faf5)}.referral-gift{display:grid;place-items:center;width:58px;height:58px;flex-shrink:0;background:#e1f2e8;color:#00843d;border-radius:15px}.referral-link-card>div{flex:1;min-width:0}.referral-link-card h2{font-size:23px;letter-spacing:-.5px;margin:2px 0 11px}.referral-link-card p{font-size:12px;line-height:1.8;color:#73867b}.referral-link-card small{display:block;font-size:11px;color:#00843d;margin-top:8px;line-height:1.7}.referral-link-field{display:block;max-width:730px;margin-top:22px}.referral-link-field>span{display:block;font-size:10px;margin-bottom:8px;color:#688271}.referral-link-field>div{display:flex;gap:9px}.referral-link-field input{flex:1;width:100%;font-size:12px;background:#fff}.referral-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.referral-stats .stat-card>span{font-size:11px;color:#74887c}.referral-stats .stat-card>strong{font-size:27px;display:block;margin-top:16px}.referral-billing-note{font-size:11px;color:#76877d;line-height:1.8}.referrals-view td small{display:block;margin-top:5px;color:#829389}.referrals-view .settings-card .btn{margin-top:18px}.referrals-view .settings-card .field{margin-top:18px;max-width:300px}.account-trigger:focus-visible{outline-color:#92c7ad}
@media(max-width:1000px){.sidebar .brand{margin-bottom:30px}.referral-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.account-trigger-name{max-width:85px}}
@media(max-width:570px){.account-trigger-name{display:none}.account-trigger{gap:4px;padding:4px}.account-trigger .account-initial{width:27px;height:27px}.topbar-right{gap:8px}.account-menu{position:fixed;right:10px;top:64px;width:min(300px,calc(100vw - 20px))}.referral-link-card{padding:20px;display:block}.referral-gift{margin-bottom:16px;width:43px;height:43px}.referral-link-card h2{font-size:21px}.referral-link-field>div{flex-wrap:wrap}.referral-link-field .btn{width:100%}.referral-stats{gap:10px}.referral-stats .stat-card>strong{font-size:22px}.sidebar .brand{margin-bottom:25px}.breadcrumbs>strong{max-width:110px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account-menu .account-trigger-name{display:inline}}

.referral-public{min-height:100dvh;padding:35px 24px;background:linear-gradient(145deg,#f1faf5,#fff 65%);display:flex;flex-direction:column;align-items:center}.referral-public>.brand{align-self:flex-start;font-size:28px}.referral-public-card{width:100%;max-width:490px;margin:45px auto 30px;padding:36px;background:#fff;border:1px solid #e0ece4;border-radius:16px;box-shadow:0 15px 45px #174e2d08}.referral-public-card .eyebrow{display:block;margin-bottom:19px}.referral-public-card h1{font-size:31px;letter-spacing:-1px;margin:12px 0 17px}.referral-public-card>p{font-size:12px;line-height:1.9;color:#72887a;margin-bottom:22px}.referral-public-card .field input{width:100%}.referral-public-card form{margin-top:24px}.referral-public-card form>small{display:block;color:#839488;font-size:10px;line-height:1.8;margin-top:15px}.referral-consent{display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.7;margin:15px 0 20px;color:#637c6c}.referral-consent input{width:16px;height:16px;accent-color:#00843d;flex-shrink:0;margin-top:2px}.referral-public-footer{display:flex;gap:8px;align-items:center;font-size:10px;color:#84978b}.commission-paid-control{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.commission-paid-control label{display:flex;gap:7px;align-items:center;font-size:10px;white-space:normal}.commission-paid-control input{accent-color:#00843d}@media(max-width:570px){.referral-public{padding:24px 16px}.referral-public-card{padding:25px 20px;margin-top:30px}.referral-public-card h1{font-size:28px}}

/* components/flow-builder.css */
.flow-builder{--flow-green:#00843d}.flow-workspace{display:grid;grid-template-columns:155px minmax(280px,1fr) 235px;border:1px solid #dfebe4;border-radius:14px;overflow:hidden;min-height:480px;margin-top:20px}.flow-palette{background:#fff;padding:18px 12px;border-right:1px solid #dfebe4}.flow-palette h3,.flow-inspector h3,.flow-settings h3{font-size:14px;margin:0 0 9px}.flow-palette p,.flow-palette small,.flow-settings p{font-size:12px;line-height:1.6;color:#6b7e74}.flow-palette button{display:flex;width:100%;align-items:center;gap:8px;border:1px solid #e1eae5;background:white;padding:11px 9px;border-radius:9px;margin:9px 0;text-align:left;color:#346449;font-size:12px;cursor:pointer}.flow-palette button svg:last-child{margin-left:auto}.flow-palette button:hover{border-color:#00843d;background:#f0fbf5}.flow-canvas-scroll{max-height:570px;overflow:auto;background-color:#f5faf7;background-image:radial-gradient(#d9e8df 1px,transparent 1px);background-size:18px 18px}.flow-canvas{position:relative;min-width:100%;min-height:100%}.flow-canvas>svg{position:absolute;inset:0;pointer-events:none}.flow-node{position:absolute;display:flex;flex-direction:column;text-align:left;width:240px;min-height:115px;border:1px solid #cfdfd5;box-shadow:0 4px 12px #153d2510;background:white;border-radius:12px;cursor:grab;padding:13px;color:#334e40}.flow-node.selected{border:2px solid #00843d;box-shadow:0 0 0 3px #00843d15;padding:12px}.flow-node:focus-visible{outline:3px solid #00843d;outline-offset:3px}.flow-node-heading{display:flex;align-items:center;gap:9px;color:#168b5e;width:100%;font-size:13px}.flow-node-heading svg:last-child{margin-left:auto;color:#a2b4a9}.flow-node-description{font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:8px 0}.flow-node small{font-size:9px;color:#82958b;letter-spacing:.5px}.flow-node.type-filter .flow-node-heading{color:#b17d29}.flow-node.type-end{background:#f2f8f4}.flow-inspector{padding:16px 14px;background:white;border-left:1px solid #dfebe4}.flow-inspector-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.flow-inspector .field{margin-bottom:14px}.flow-inspector .field>span{font-size:11px}.flow-inspector input,.flow-inspector select,.flow-inspector textarea{width:100%;min-width:0;font-size:12px}.flow-inspector .field small{font-size:10px;line-height:1.5}.flow-move{display:flex;flex-wrap:wrap;gap:5px;margin-top:15px}.flow-move button{font-size:10px!important;padding:7px!important}.flow-settings{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;padding:22px 0}.flow-settings>section{min-width:0}.flow-settings .field{margin-top:14px}.flow-channel-list{max-height:180px;overflow:auto;margin:12px 0}.flow-channel-list .checkbox-line{align-items:center;margin:8px 0;font-size:12px;border:1px solid #e3ece6;padding:9px;border-radius:9px}.flow-channel-list small{display:block;color:#829389;font-size:10px;margin-top:4px;overflow-wrap:anywhere}.flow-channel-list input{accent-color:#00843d}.flow-settings>section>strong{font-size:12px;color:#00843d}.flow-builder .notice{margin:12px 0}.flow-builder .sticky-actions>span{margin-right:auto;font-size:12px;color:#74877c}.flow-builder .field select{max-width:100%}@media(min-width:1000px){.modal.wide:has(.flow-builder){max-width:1260px;width:96vw}}@media(max-width:1000px){.flow-workspace{grid-template-columns:120px minmax(240px,1fr)}.flow-inspector{grid-column:1/-1;border-top:1px solid #dfebe4;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.flow-inspector-title{width:100%}.flow-inspector .field{width:calc(50% - 8px)}.flow-settings{grid-template-columns:1fr 1fr}.flow-settings>section:last-child{grid-column:1/-1}}@media(max-width:600px){.flow-workspace{display:flex;flex-direction:column}.flow-palette{display:flex;flex-wrap:wrap;gap:5px}.flow-palette h3,.flow-palette p,.flow-palette small{width:100%}.flow-palette button{width:calc(33.333% - 4px);font-size:10px;margin:0;padding:8px 5px}.flow-palette button svg:last-child{display:none}.flow-canvas-scroll{max-height:390px}.flow-inspector .field{width:100%}.flow-settings{grid-template-columns:1fr}.flow-settings>section:last-child{grid-column:auto}.flow-builder .sticky-actions{flex-wrap:wrap}.flow-builder .sticky-actions>span{width:100%}}

/* components/report-v2.css */
.report-v2-stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:18px 0}.report-v2-stages>div{display:grid;grid-template-columns:1fr auto;gap:6px;padding:14px;border:1px solid var(--border,#e6e5ed);border-radius:12px;background:var(--surface,#fff)}.report-v2-stages small{grid-column:1/-1;color:var(--muted,#777)}.report-metric strong{overflow-wrap:anywhere}.pricing-settings{margin-top:24px}.pricing-settings input,.pricing-settings select{max-width:200px;min-width:100px;width:100%;padding:9px;border:1px solid var(--border,#e6e5ed);border-radius:8px;background:var(--surface,#fff);color:inherit}.pricing-settings .report-actions{justify-content:flex-start;margin-top:16px}.report-panel>small{display:block;line-height:1.6}.report-panel+.report-panel{margin-top:16px}@media(max-width:650px){.report-v2-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.report-metric strong{font-size:22px}}

/* components/meta-connect.css */
.meta-connect{display:grid;gap:19px}.meta-connect h3,.meta-connect p{margin:0}.meta-connect p{line-height:1.65;color:var(--muted,#6b7280)}.meta-progress{display:flex;gap:8px;font-size:11px;font-weight:650;border-bottom:1px solid #e5e9e7;padding-bottom:16px;color:#8b9591}.meta-progress span{flex:1}.meta-progress .active{color:#007a3c}.meta-intro{display:flex;align-items:flex-start;gap:14px}.meta-intro>span{background:#edf4ff;color:#1877f2;border-radius:14px;display:grid;place-items:center;min-width:48px;height:48px}.meta-intro h3{font-size:17px;margin-bottom:7px}.meta-intro p{font-size:13px}.meta-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.meta-modes button{display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-align:left;background:#fff;border:1px solid #dce5df;border-radius:12px;padding:17px;color:inherit;cursor:pointer}.meta-modes button.selected{background:#effaf4;border-color:#00843d;box-shadow:0 0 0 1px #00843d}.meta-modes button>svg{color:#00843d}.meta-modes strong{font-size:13px}.meta-modes span{font-size:12px;color:#6c7871;line-height:1.6}.meta-note{background:#fff8e6;border-radius:10px;color:#7b6028;padding:13px 15px;font-size:12px;line-height:1.7}.meta-steps{padding-left:22px;margin:0;display:grid;gap:9px;font-size:13px;color:#65746d}.meta-security{font-size:11px;text-align:center}.meta-facebook{background:#1877f2!important}.meta-error{padding:13px 15px;background:#fff1ed;border:1px solid #f0d0c8;color:#9f3e2c;border-radius:10px;font-size:13px;line-height:1.6}.meta-assets{display:grid;gap:10px;max-height:310px;overflow:auto}.meta-assets label{display:flex;align-items:flex-start;gap:12px;padding:15px;border:1px solid #e1e7e2;border-radius:11px;cursor:pointer}.meta-assets label.selected{border-color:#00843d;background:#f1faf5}.meta-assets label>div{display:grid;gap:7px}.meta-assets input{accent-color:#00843d;margin-top:3px}.meta-assets strong{font-size:14px}.meta-assets span{font-size:12px;color:#5f7168}.meta-assets small{font-size:11px;color:#7d8a82}.meta-success{text-align:center;display:grid;justify-items:center;gap:14px;padding:15px}.meta-success>svg{color:#00843d}.meta-success p{font-size:13px}.meta-connect .spin{animation:meta-spin 1s linear infinite}@keyframes meta-spin{to{transform:rotate(360deg)}}@media(max-width:560px){.meta-modes{grid-template-columns:1fr}.meta-progress{font-size:10px;gap:4px}}

/* White surfaces, neutral typography and strong Conecta green. */
:root{--brand:#00843d;--purple:var(--brand);--purple-dark:#006e36;--ink:#17211c;--muted:#59635f;--line:#e5e7eb;--page:#fafbfc;--green:var(--brand)}
.sidebar,.topbar,.card,.stat-card{background:#fff}.nav-caption,.eyebrow{color:#66736c}.nav-item{color:#4b5563}.nav-item svg{color:#66736c}.nav-item.selected{background:#eaf8ef;color:#007337}.nav-item.selected svg,.brand-dot{color:#00843d}.tiny-new{background:#dcfce7;color:#006e36}.brand-mark,.btn.primary{background:#00843d}.btn.primary:hover{background:#006e36}.btn.dark{background:#00843d}.btn.dark:hover{background:#006e36}.page-heading p,.breadcrumbs,.stat-top>span,.stat-card>small{color:#59635f}.breadcrumbs strong{color:#37443d}.live-indicator{color:#59635f}.official-card{background:#fff;border-color:#e5e7eb}.official-card p,.official-dots span{color:#66736c}.official-card>span{color:#007a3c}
.welcome-card{background:#fff;border:1px solid #dce7df;box-shadow:inset 4px 0 #00843d}.welcome-card h2{color:#17211c}.welcome-card p{color:#59635f}.stat-icon.purple,.stat-icon.green{background:#eaf8ef;color:#00843d}.stat-icon.blue{background:#eff6ff;color:#2563eb}.stat-icon.orange{background:#fff7ed;color:#c26716}.account-trigger{background:#fff;border-color:#d8dfdb}.account-initial{background:#eaf8ef;color:#007337}.account-menu-heading small,.account-operation>span{color:#59635f}.referral-link-card{background:#fff}.referral-link-card p{color:#59635f}.flow-canvas-scroll{background-color:#fafcfb}.connection-note p,.meta-connect p,.meta-modes span,.meta-steps{color:#536159}.meta-modes button.selected{background:#f2fcf5;border-color:#00843d;box-shadow:0 0 0 1px #00843d}.meta-progress{color:#65736b}.meta-progress .active{color:#007a3c}.meta-platform-pending{display:grid;gap:17px;padding:12px 0}.meta-platform-pending>svg{color:#00843d}.meta-platform-pending h3{font-size:19px;color:#17211c}.meta-platform-pending small{color:#65736b;line-height:1.7}.platform-setup-explainer{background:#f2fcf5;border:1px solid #d1ebda;padding:16px;border-radius:10px;margin:20px 0}.platform-setup-explainer strong{color:#007337;font-size:13px}.platform-setup-explainer p{color:#4d5d53;font-size:12px;line-height:1.8;margin-top:7px}.platform-setup-status{display:grid;gap:8px;margin:18px 0 24px}.platform-setup-status>span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#8a641b}.platform-setup-status>span.complete{color:#007337}.platform-setup-status small{color:#59635f;line-height:1.7}.platform-addresses{margin-top:18px}.platform-addresses label{display:block;margin-top:17px}.platform-addresses label>span{font-size:10px;color:#59635f}.platform-addresses label>div{display:flex;align-items:center;gap:4px;margin-top:7px}.platform-addresses input{min-width:0;width:100%;font-size:10px;padding:9px;background:#fafbfc;color:#37443d}.platform-advanced{padding-top:16px}.platform-advanced[hidden]{display:none}.platform-meta-settings .field small{line-height:1.65;color:#59635f}.setup-guide p,.setup-guide ol{color:#59635f}.settings-card .card-title p{color:#59635f}

/* components/campaign-report-compact.css */
.modal.wide:has(.campaign-report-compact){width:96vw;max-width:1260px}
.campaign-report-compact{color:#17211c}.campaign-report-compact .report-actions{margin-bottom:8px}.campaign-report-compact .report-actions>span{font-size:10px;color:#59635f}.cr-tabs{display:flex;gap:6px;border-bottom:1px solid #e5e7eb;margin:15px 0 14px;position:sticky;top:-1px;background:white;z-index:2;padding-top:5px;overflow-x:auto}.cr-tabs button{padding:12px 15px 13px;font-size:12px;font-weight:550;color:#647168;border-bottom:2px solid transparent;white-space:nowrap}.cr-tabs button[aria-selected=true]{color:#007337;border-bottom-color:#00843d}.cr-tabs button:hover{background:#f4faf6}.cr-audience{font-size:11px;color:#647168;display:flex;align-items:center;gap:5px;margin:0 0 17px}.cr-audience strong{color:#28392f;font-weight:650}.cr-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.cr-kpi{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid #e1e7e3;border-radius:11px;background:#fff;padding:15px 12px;gap:10px;min-width:0}.cr-kpi>span{font-size:11px;color:#546158;font-weight:550}.cr-kpi>strong{font-size:25px;line-height:1.2;letter-spacing:-.7px;color:#123923;overflow-wrap:anywhere}.cr-kpi>small{font-size:10px;color:#65736b;line-height:1.5}.cr-kpi:hover:not(:disabled){border-color:#00843d;background:#fbfefc}.cr-kpi:disabled{opacity:1;cursor:default}.cr-kpi:focus-visible{outline:2px solid #00843d}.cr-operation{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;padding:17px 1px;color:#59635f;font-size:10px}.cr-operation span,.cr-operation button{display:flex;align-items:center;gap:5px}.cr-operation button{margin-left:auto;color:#007337;padding:0}.cr-operation strong{font-weight:650}.cr-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 16px}.cr-panel{border:1px solid #e1e7e3;border-radius:12px;background:white;padding:20px;min-width:0}.cr-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:18px}.cr-panel-heading h3{font-size:13px;font-weight:650;color:#24352b;margin:0}.cr-panel-heading small{font-size:10px;color:#647168}.cr-caption{font-size:10px;line-height:1.7;color:#65736b;margin:15px 0 0}.cr-status-chart{display:flex;align-items:center;gap:20px;min-height:236px}.cr-donut{width:180px;min-width:145px;flex-shrink:0;position:relative}.cr-donut svg{width:100%;display:block}.cr-donut>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;gap:5px}.cr-donut strong{font-size:26px;font-weight:650;letter-spacing:-.8px;color:#24352b}.cr-donut span{font-size:9px;color:#65736b}.cr-chart-legend{flex:1;min-width:0;display:grid;gap:12px}.cr-chart-legend>div{display:grid;grid-template-columns:7px 1fr auto auto;gap:8px;align-items:center;font-size:10px}.cr-chart-legend i,.cr-status-table i{width:7px;height:7px;border-radius:50%}.cr-chart-legend span{color:#59635f}.cr-chart-legend strong{font-weight:650}.cr-chart-legend small{font-size:9px;color:#65736b;min-width:30px;text-align:right}.cr-chart-legend p{font-size:11px;line-height:1.8;color:#65736b}.cr-bars{display:grid;gap:14px}.cr-bar{min-width:0}.cr-bar-label{display:flex;align-items:baseline;gap:12px;justify-content:space-between;font-size:11px;margin-bottom:7px}.cr-bar-label>span{line-height:1.45;color:#536159;overflow-wrap:anywhere}.cr-bar-label strong{display:flex;gap:9px;align-items:baseline;white-space:nowrap;font-weight:650;color:#253a2d}.cr-bar-label small{font-weight:400;font-size:10px;color:#718077;min-width:34px;text-align:right}.cr-bar-track{height:7px;background:#edf1ef;border-radius:4px;overflow:hidden}.cr-bar-track>span{height:100%;display:block;min-width:0;background:var(--bar-color,#00843d);border-radius:4px}.cr-bar-button{width:100%;padding:0;text-align:left;border-radius:3px}.cr-bar-button:hover .cr-bar-label>span{color:#007337;text-decoration:underline}.cr-bar-hint{display:block;color:#65736b;font-size:10px;margin-top:7px;line-height:1.5}.cr-attention{display:flex;gap:12px;align-items:flex-start;background:#f6faf7;border:1px solid #e1eee5;padding:14px 16px;border-radius:10px;margin-bottom:14px}.cr-attention>svg{color:#00843d;margin-top:2px}.cr-attention>div{flex:1}.cr-attention strong{font-size:11px;font-weight:650;color:#34513f}.cr-attention p{font-size:10px;color:#596b5f;line-height:1.7;margin:5px 0 0}.cr-attention .text-btn{white-space:nowrap;align-self:center}.cr-details{border:1px solid #e5e7eb;border-radius:10px;padding:0 16px;margin:14px 0;background:#fff}.cr-details>summary{cursor:pointer;padding:15px 0;color:#43574a;font-size:11px;font-weight:600;line-height:1.5}.cr-details[open]>summary{border-bottom:1px solid #edf1ee;margin-bottom:16px}.cr-details>p{font-size:11px;line-height:1.8;color:#647168;margin:12px 0 16px}.cr-details .report-metrics{grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:16px}.cr-details .report-metric{padding:13px;background:#fff}.cr-details .report-metric>strong{font-size:22px}.cr-details .report-metric>small{font-size:10px}.cr-method{border:0;border-top:1px solid #e5e7eb;border-radius:0;margin-bottom:0;padding:0 2px}.cr-method>summary{font-weight:400;color:#647168;padding:14px 0 4px}.cr-detail-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}.cr-detail-metrics>div{display:flex;flex-direction:column;gap:10px;border:1px solid #e1e7e3;border-radius:10px;padding:16px;background:white}.cr-detail-metrics span{font-size:11px;color:#59635f;line-height:1.5}.cr-detail-metrics strong{font-size:24px;font-weight:650;color:#253b2e}.campaign-report-compact .report-panel{background:white;margin-top:0}.campaign-report-compact .report-panel h3{font-size:13px}.campaign-report-compact .report-panel td,.campaign-report-compact .report-panel th{padding:11px 9px}.campaign-report-compact .report-reason{white-space:normal;min-width:190px;max-width:320px;overflow-wrap:anywhere}.cr-loading{padding:60px 20px;text-align:center;color:#647168;font-size:12px}.campaign-report-compact .empty-state{padding:24px 8px}.campaign-report-compact .empty-state h3{font-size:13px}.campaign-report-compact .empty-state p{font-size:11px;max-width:300px}.campaign-report-compact .report-v2-stages{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1100px){.cr-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.cr-status-chart{gap:12px}.cr-donut{width:145px}.cr-chart-legend>div{grid-template-columns:7px 1fr auto}.cr-chart-legend small{display:none}.cr-kpi{padding:13px}.cr-details .report-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.cr-chart-grid{grid-template-columns:1fr}.cr-panel{padding:18px}.cr-status-chart{min-height:190px}.cr-donut{width:180px}.cr-chart-legend small{display:block}.cr-chart-legend>div{grid-template-columns:7px 1fr auto auto}.cr-detail-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.cr-operation button{margin-left:0}.cr-details .report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-report-compact .report-v2-stages{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.cr-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cr-kpi>strong{font-size:23px}.cr-kpi>small{font-size:9px}.cr-tabs{gap:0}.cr-tabs button{font-size:10px;padding:12px 9px}.cr-donut{width:140px;min-width:125px}.cr-donut strong{font-size:22px}.cr-status-chart{gap:10px;flex-direction:column}.cr-chart-legend{width:100%;gap:10px}.cr-attention{flex-wrap:wrap}.cr-attention .text-btn{margin-left:28px}.cr-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-detail-metrics strong{font-size:21px}.cr-audience{font-size:10px;flex-wrap:wrap}.cr-details{padding:0 12px}.cr-operation{font-size:10px;gap:11px}.cr-panel-heading small{font-size:9px}.cr-caption{font-size:10px}.cr-method{padding:0}}

.cr-bar-label>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}

/* components/sidebar.css */
/* Navigation shell: consistent groups, independent scrolling and compact footer. */
.app-shell{--sidebar-width:248px}
.sidebar.app-sidebar{width:var(--sidebar-width);padding:0;overflow:hidden;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column}
.app-shell>.main{margin-left:var(--sidebar-width)}
.app-sidebar .brand{display:flex;align-items:center;gap:0;padding:0 24px;min-height:88px;margin:0;flex-shrink:0;font-size:29px;letter-spacing:-1.2px;color:#18281e}
.app-sidebar .brand-mark{width:36px;height:36px;margin-right:9px;background:#00843d;border-radius:10px}
.app-sidebar .brand-name{display:inline;line-height:1}
.app-sidebar .brand-dot{display:inline;font-size:29px;color:#00843d}
.sidebar-navigation{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 14px 20px;scrollbar-width:thin;scrollbar-color:#d2ded6 transparent;overscroll-behavior:contain}
.app-sidebar nav{margin:0;padding:0;display:block}
.sidebar-nav-group+.sidebar-nav-group{margin-top:24px}
.sidebar-group-title{display:block;color:#809087;font-size:9px;font-weight:650;line-height:1.5;letter-spacing:1.2px;text-transform:uppercase;padding:0 12px;margin:0 0 9px}
.app-sidebar .nav-item{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:43px;margin:3px 0;padding:10px 12px;border-radius:8px;color:#56625c;font-size:12px;line-height:1.5;font-weight:450;white-space:nowrap;text-align:left;border:1px solid transparent;position:relative}
.app-sidebar .nav-item>svg{width:19px;height:19px;stroke-width:1.75;color:#7a8880;flex-shrink:0}
.app-sidebar .nav-item>.nav-label{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.app-sidebar .nav-item.selected{color:#006c32;background:#edf8f0;border-color:#e3f2e7;font-weight:650}
.app-sidebar .nav-item.selected>svg{color:#00843d}
.app-sidebar .nav-item.selected:before{content:'';position:absolute;width:3px;height:18px;left:-1px;top:50%;transform:translateY(-50%);border-radius:0 3px 3px 0;background:#00843d}
.app-sidebar .nav-item:hover{background:#f5f8f6;color:#007337}
.app-sidebar .nav-item.selected:hover{background:#e7f5ec}
.app-sidebar .nav-item:focus-visible{outline:2px solid #00843d;outline-offset:2px}
.app-sidebar .sidebar-bottom{flex-shrink:0;margin-top:0;padding:12px 14px 18px;background:#fff;border-top:1px solid #eef1ef}
.sidebar-integration{display:flex;align-items:center;gap:9px;padding:9px 12px 13px;color:#00843d}
.sidebar-integration>span{display:flex;flex-direction:column;gap:4px}
.sidebar-integration strong{font-size:10px;font-weight:600;color:#596b60;letter-spacing:.1px}
.sidebar-integration small{font-size:9px;color:#819087}
.app-sidebar .sidebar-bottom .nav-item{margin:0}
.app-sidebar .nav-item>.nav-external{width:13px;height:13px;stroke-width:1.7;color:#99a69e}
@media(max-width:1250px){.app-shell{--sidebar-width:232px}.app-sidebar .brand{padding:0 22px;font-size:28px}.sidebar-navigation{padding-left:12px;padding-right:12px}.app-sidebar .sidebar-bottom{padding-left:12px;padding-right:12px}.app-sidebar .nav-item{gap:10px}}
@media(max-width:900px){.app-shell{--sidebar-width:72px}.app-sidebar .brand{justify-content:center;padding:0;min-height:82px;font-size:0}.app-sidebar .brand-mark{margin:0;width:35px;height:35px}.app-sidebar .brand-name,.app-sidebar .brand-dot{display:none}.sidebar-navigation{padding:0 10px 14px}.sidebar-group-title{display:none}.sidebar-nav-group+.sidebar-nav-group{border-top:1px solid #edf1ee;padding-top:13px;margin-top:13px}.app-sidebar .nav-item{justify-content:center;min-height:44px;padding:10px 0;gap:0}.app-sidebar .nav-item>.nav-label,.app-sidebar .nav-item>.nav-external{display:none}.app-sidebar .nav-item>svg{width:20px;height:20px}.app-sidebar .sidebar-bottom{padding:12px 10px 16px}.sidebar-integration{display:none}.app-sidebar .nav-item.selected:before{height:17px}}
@media(max-width:570px){.app-shell{--sidebar-width:64px}.app-sidebar .brand{min-height:74px}.app-sidebar .brand-mark{width:33px;height:33px;border-radius:9px}.app-sidebar .brand-mark svg{width:22px;height:22px}.sidebar-navigation{padding-left:7px;padding-right:7px}.app-sidebar .sidebar-bottom{padding-left:7px;padding-right:7px}.app-sidebar .nav-item{min-height:44px}.sidebar-nav-group+.sidebar-nav-group{margin-top:10px;padding-top:10px}}

.legal-footer-links,.login-form-panel footer nav{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.legal-footer-links a,.login-form-panel footer nav a{font-size:11px;color:#526e5e;text-decoration:none}.legal-footer-links a:hover,.login-form-panel footer nav a:hover{text-decoration:underline;color:#00843d}.login-form-panel footer nav{justify-content:center;margin-top:10px}.page-footer{flex-wrap:wrap;gap:14px}