@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#202337;--muted:#85899c;--line:#ececf2;--paper:#fff;--canvas:#f7f7fa;--navy:#202137;--violet:#7458ec;--violet2:#a18df8;--shadow:0 14px 38px #25254112}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:#fff;border-right:1px solid var(--line);padding:25px 16px 16px;display:flex;flex-direction:column;z-index:4}.brand{display:flex;align-items:center;gap:10px;padding:0 9px 36px;font:800 18px Manrope,sans-serif;letter-spacing:-.8px;color:#28273a}.brand-mark{width:35px;height:35px;border-radius:12px;background:linear-gradient(145deg,#9f8bff,#6749ec);display:grid;place-items:center;color:#fff;font:800 23px Manrope;box-shadow:0 5px 14px #7157ef43}.brand small{display:block;color:#9a9bac;font:600 8px 'DM Sans';letter-spacing:1.45px;margin-top:2px}.nav-label{padding:0 12px 10px;color:#a4a5b3;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;font-weight:700}.nav-item{border:0;background:transparent;color:#74788b;width:100%;display:flex;gap:13px;align-items:center;padding:11px 12px;border-radius:9px;text-align:left;margin:2px 0;font-size:13px;font-weight:600}.nav-item:hover,.nav-item.active{background:#f1efff;color:#644ce2}.nav-item.active .ico{color:#7058ea}.ico{width:20px;text-align:center;font-size:17px;color:#a1a2b1}.nav-count{margin-left:auto;background:#ebe8ff;color:#6e55e6;border-radius:10px;padding:2px 7px;font-size:10px}.nav-gap{margin-top:25px}.sidebar-bottom{margin-top:auto}.plan-card{margin:8px 2px 17px;background:linear-gradient(145deg,#f5f3ff,#f8f7fc);border:1px solid #edeafd;border-radius:12px;padding:14px}.plan-spark{color:#7059ec;font-size:16px}.plan-card strong{display:block;font:700 11px Manrope;margin:8px 0 4px}.plan-card small{display:block;color:#8c8da0;line-height:1.5;font-size:10px}.plan-card button{border:0;background:transparent;color:#6f57e8;font-size:10px;font-weight:700;padding:10px 0 0}.profile-mini{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding:15px 7px 0;font-size:11px;font-weight:700}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e7e2ff;color:#634cdb;font-weight:700;font-size:12px;flex:none}.profile-mini small{display:block;color:#9699a9;font-size:10px;font-weight:500;margin-top:3px}.more{margin-left:auto;color:#85899c;letter-spacing:2px}.main{margin-left:246px;min-height:100vh}.topbar{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:sticky;top:0;z-index:3}.crumb{font-size:11px;color:#9899a8}.crumb b{color:#cacbd4;margin:0 9px}.top-actions{display:flex;align-items:center;gap:18px}.connection-pill{display:flex;align-items:center;gap:7px;background:#f7f7f9;color:#85889a;border:1px solid #efeff3;border-radius:20px;padding:7px 11px;font-size:10px;font-weight:600}.connection-pill i,.status i,.account-status i{width:7px;height:7px;border-radius:50%;background:#d0a24d}.connection-pill.is-connected{color:#358766;background:#f0faf5}.connection-pill.is-connected i{background:#4ab586}.avatar-top{border:0}.content{padding:34px 40px 56px;max-width:1500px;margin:auto}.heading-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.heading-row h1{font:800 27px Manrope;margin:8px 0 5px;letter-spacing:-1.1px}.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:1.35px;color:#8570e8;font-weight:700}.subtle{color:#9294a5;font-size:12px}.wave{font-size:20px;color:#765eea}.btn{border:0;border-radius:8px;padding:11px 15px;font-weight:700;font-size:11px}.btn-primary{background:var(--violet);color:#fff;box-shadow:0 6px 14px #7157ef30}.btn-primary:hover{background:#6248dc}.btn-soft{background:#f1efff;color:#654de1}.btn-dark{background:#25243a;color:white}.btn-white{background:white;color:#2b2940}.ig-glyph{font-size:15px;vertical-align:-1px;margin-right:4px}.welcome-banner{min-height:260px;border-radius:16px;background:linear-gradient(108deg,#24233c 0%,#302b54 52%,#6148c3 100%);position:relative;overflow:hidden;color:white;padding:35px 38px;display:flex;align-items:center;margin-bottom:30px}.welcome-copy{max-width:470px;position:relative;z-index:1}.banner-label{color:#c3b9ff;font-size:9px;letter-spacing:1.35px;font-weight:700}.banner-label i{display:inline-block;width:6px;height:6px;background:#8ee1be;border-radius:50%;margin-right:5px}.welcome-banner h2{font:800 27px/1.2 Manrope;letter-spacing:-1px;margin:13px 0 8px}.welcome-banner h2 em{font-style:normal;color:#c1b5ff}.welcome-banner p{color:#c4c1d5;max-width:390px;line-height:1.6;font-size:11px;margin:0 0 18px}.welcome-banner .btn{padding:11px 13px}.banner-art{position:absolute;inset:0 0 0 47%;overflow:hidden}.orbit{position:absolute;border:1px solid #ffffff17;border-radius:50%;width:300px;height:300px;right:105px;top:-102px}.orbit-two{width:420px;height:420px;right:44px;top:-163px}.phone{position:absolute;right:135px;top:28px;width:190px;height:238px;border:5px solid #f7f5ff;border-radius:26px;background:#fff;color:#29283d;padding:12px 11px;box-shadow:0 18px 40px #17152f62;transform:rotate(4deg)}.phone-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:700;margin:0 0 17px}.phone-top span:first-child{width:8px;height:8px;border-radius:50%;background:#d8d0ff}.phone-top span:last-child{font-size:13px}.chat-date{text-align:center;color:#aaa9b7;font-size:6px;margin:8px}.bubble{font-size:7px;padding:8px 9px;border-radius:10px;max-width:145px;line-height:1.5;margin:9px 0}.user-bubble{background:#f0eff4;color:#343348;border-radius:10px 10px 10px 2px}.reply-bubble{background:#eeeaff;color:#423774;margin-left:auto;border-radius:10px 10px 2px 10px}.chat-input{position:absolute;bottom:8px;left:10px;right:10px;background:#f7f7fa;border-radius:20px;padding:7px;color:#b1b1bc;font-size:7px}.chat-input i{float:right;color:#755be8;font-style:normal}.float-chip{position:absolute;background:#fff;color:#443b67;border-radius:8px;padding:8px 10px;font-size:8px;font-weight:700;box-shadow:0 8px 25px #15132d30}.chip-a{right:290px;top:48px}.chip-b{right:45px;bottom:38px}.section-line{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px}.section-line h2{font:700 15px Manrope;margin:0 0 3px}.section-line p{font-size:10px;color:#9698a7;margin:0}.text-button{border:0;background:transparent;color:#7259e9;font-size:10px;font-weight:700;padding:8px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 12px #25254107}.metric{padding:16px 17px 12px;position:relative;overflow:hidden;min-height:126px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#828596;font-size:10px;font-weight:600}.metric-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;font-size:14px}.lavender{background:#f0edff;color:#755ce9}.mint{background:#e7f8ef;color:#42a47b}.peach{background:#fff1e8;color:#df945a}.blue{background:#eaf3ff;color:#5a96df}.metric-value{font:800 24px Manrope;margin:10px 0 3px;letter-spacing:-.7px}.metric-value small{font-size:12px}.metric-foot{color:#a1a3b0;font-size:9px}.metric-foot span{color:#3da47a;font-weight:700}.metric-foot .neutral,.neutral{color:#9294a4}.sparkline{position:absolute;right:13px;bottom:10px;font-size:17px;letter-spacing:1px;opacity:.75}.spark-purple{color:#8e7bf1}.spark-green{color:#6ec19a}.spark-orange{color:#e8ad79}.spark-blue{color:#83b2ec}.dash-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin-top:18px}.panel{padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel h2{font:700 13px Manrope;margin:0}.panel-note{font-size:10px;color:#9a9baa;margin-top:4px}.rule-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid #f1f1f5}.rule-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;flex:none;font-size:13px}.rule-icon.purple,.rank-icon.purple{background:#f0edff;color:#735ce6}.rule-icon.blue,.rank-icon.blue{background:#eaf3ff;color:#5494df}.rule-icon.orange,.rank-icon.orange{background:#fff1e8;color:#df995f}.rule-icon.green,.rank-icon.green{background:#e7f8ef;color:#3fa37a}.rule-icon.pink,.rank-icon.pink{background:#fff0f6;color:#d773a1}.rule-name{flex:1;min-width:0}.rule-name b,.rule-sent b{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rule-name small,.rule-sent small{display:block;color:#a0a2af;font-size:9px;margin-top:3px}.rule-sent{text-align:right;min-width:55px}.switch{height:18px;width:32px;padding:2px;border:0;border-radius:15px;background:#d9d9e0;display:flex;align-items:center}.switch i{width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .2s}.switch.on{background:#7b62ec}.switch.on i{transform:translateX(14px)}.row-more,.more-button{border:0;background:transparent;color:#989aaa;letter-spacing:2px}.getting-started{background:linear-gradient(140deg,#fff,#fbfaff)}.step-count{font-size:9px;color:#8874eb;background:#f1efff;padding:5px 8px;border-radius:12px}.step-list{margin-top:12px}.step{display:flex;gap:10px;align-items:flex-start;padding:8px 0}.step>i{width:19px;height:19px;border-radius:50%;border:1px solid #e3e2eb;color:#a2a3b1;display:grid;place-items:center;font-size:9px;font-style:normal;flex:none}.step.done>i{background:#e8f8f0;border-color:#e8f8f0;color:#43a57c}.step b{font-size:10px;display:block}.step small{font-size:9px;color:#9b9daa;display:block;margin-top:3px}.step-cta{margin:9px 0 0 28px}.automation-callout{display:flex;align-items:center;gap:13px;background:#f0edff;border:1px solid #e8e4ff;border-radius:11px;padding:15px 18px;margin-bottom:22px}.callout-icon{width:34px;height:34px;background:#fff;border-radius:10px;display:grid;place-items:center;color:#765ee9;font-size:17px}.automation-callout>div:nth-child(2){flex:1}.automation-callout b{font-size:11px}.automation-callout p{margin:4px 0 0;color:#85869b;font-size:10px}.filter-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.tabs{display:flex;gap:5px}.tab{border:0;background:transparent;color:#8c8d9d;padding:8px 10px;border-radius:7px;font-size:10px;font-weight:600}.tab.selected{background:#fff;color:#6e55e7;box-shadow:0 2px 7px #2926440d}.tab span{color:#aaa}.search{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 11px;width:205px;font-size:10px;outline:none}.search:focus,.field input:focus,.field textarea:focus,.field select:focus{border-color:#a193f4;box-shadow:0 0 0 3px #8b79f21a}.rules-card{overflow:hidden}.rules-head,.full-rule{display:grid;grid-template-columns:2fr 1.1fr .6fr .7fr 24px;align-items:center;gap:14px;padding:12px 16px}.rules-head{background:#fbfbfd;color:#a0a1b0;text-transform:uppercase;font-size:8px;font-weight:700;letter-spacing:.7px;border-bottom:1px solid var(--line)}.full-rule{border-bottom:1px solid #f0f0f4;min-height:67px}.full-rule:last-child{border:0}.full-rule[hidden]{display:none}.full-rule-name{display:flex;align-items:center;gap:10px;min-width:0}.full-rule-name b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.full-rule-name small{display:block;color:#a0a1af;font-size:9px;margin-top:4px}.trigger-tag{background:#f7f7fa;color:#7e8092;padding:6px 8px;border-radius:6px;width:max-content;font-size:9px}.response-count{font-size:10px;color:#686b7d}.status{display:flex;align-items:center;gap:6px;font-size:9px}.status-on{color:#3a9b74}.status-on i{background:#4bb486}.status-off{color:#a0a1af}.status-off i{background:#c4c5ce}.footnote,.demo-caption{color:#a0a1af;font-size:9px;margin-top:12px}.inbox-layout{display:grid;grid-template-columns:240px minmax(250px,1fr) 190px;overflow:hidden;min-height:495px}.conversation-list{border-right:1px solid var(--line)}.inbox-head{height:55px;padding:17px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px}.unread-count{font-size:8px;color:#735be8;background:#f0edff;padding:5px 7px;border-radius:12px}.conversation{display:flex;align-items:center;gap:9px;padding:12px 11px;border-bottom:1px solid #f5f5f8;position:relative}.conversation.active{background:#f8f7ff}.conversation.active:before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:#8069eb}.contact-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-style:normal;font-weight:700;flex:none}.ava-purple{background:#eee9ff;color:#725bdc}.ava-orange{background:#fff0e6;color:#c98149}.ava-green{background:#e7f7ee;color:#429772}.ava-blue{background:#e8f2ff;color:#548bcf}.ava-pink{background:#fff0f6;color:#c96792}.conversation-copy{min-width:0;flex:1}.conversation-copy b{font-size:9px;display:block}.conversation-copy small{font-size:8px;color:#9799a8;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.conversation time{font-size:7px;color:#a2a3ae;align-self:flex-start}.demo-note{text-align:center;padding:12px;color:#b0b0bc;font-size:8px}.chat-view{display:flex;flex-direction:column;min-width:0}.chat-header{display:flex;align-items:center;gap:9px;padding:11px 14px;border-bottom:1px solid var(--line)}.chat-header b{font-size:10px;display:block}.chat-header small{display:block;color:#a0a1ae;font-size:8px;margin-top:3px}.chat-header .more-button{margin-left:auto}.chat-messages{padding:20px 16px;flex:1;background:linear-gradient(#fff,#fdfdff)}.chat-messages .chat-date{text-align:center;font-size:7px;color:#aaa;margin:0 0 19px}.chat-messages .bubble{font-size:9px;padding:9px 11px;max-width:74%;margin:9px 0}.chat-messages .reply-bubble{margin-left:auto}.automation-label{font-size:7px;letter-spacing:.4px;color:#8e7bea;text-align:right;margin:14px 0 3px}.chat-composer{border-top:1px solid var(--line);padding:10px 12px;display:flex;justify-content:space-between;color:#b1b1bd;font-size:9px}.chat-composer button{border:0;width:23px;height:23px;border-radius:50%;background:#7660e9;color:#fff}.contact-details{border-left:1px solid var(--line);padding:18px 12px}.contact-profile{text-align:center;padding:5px 0 18px;border-bottom:1px solid var(--line)}.contact-avatar.large{width:45px;height:45px;margin:0 auto 9px;font-size:12px}.contact-profile b,.contact-profile small{display:block}.contact-profile b{font-size:9px}.contact-profile small{font-size:8px;color:#999baa;margin-top:4px}.detail-block{padding:17px 0;border-bottom:1px solid var(--line)}.detail-label{font-size:7px;color:#a0a1ae;letter-spacing:1px;font-weight:700}.tag-list{display:flex;gap:5px;align-items:center;margin-top:9px}.tag{font-style:normal;border-radius:5px;background:#f0edff;color:#755de5;padding:5px 7px;font-size:8px}.tag-list button{width:20px;height:20px;border:1px dashed #d4d1e5;background:#fff;color:#9694a7;border-radius:6px}.detail-item{margin-top:10px}.detail-item small{display:block;color:#a0a1ae;font-size:8px}.detail-item b{display:block;font-size:8px;margin-top:3px}.profile-btn{width:100%;margin-top:13px;padding:8px}.contact-toolbar{display:flex;justify-content:space-between;margin-bottom:13px}.search-wrap{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:0 10px;color:#a3a4b1;width:280px}.search-wrap input{border:0;outline:0;width:100%;padding:10px 0;font-size:10px}.contacts-card{overflow:hidden}.contact-table-head,.contact-row{display:grid;grid-template-columns:1.55fr 1fr 1fr 1fr 22px;align-items:center;gap:12px;padding:13px 16px}.contact-table-head{background:#fbfbfd;border-bottom:1px solid var(--line);color:#a0a1af;text-transform:uppercase;font-size:8px;letter-spacing:.7px;font-weight:700}.contact-row{border-bottom:1px solid #f1f1f5}.contact-row:last-child{border:0}.contact-row[hidden]{display:none}.contact-cell{display:flex;align-items:center;gap:9px}.contact-cell b{display:block;font-size:10px}.contact-cell small{display:block;color:#a0a1ae;font-size:9px;margin-top:3px}.muted-cell{font-size:9px;color:#818394}.report-panel{margin-top:18px}.legend{font-size:9px;color:#86889a}.legend i{width:7px;height:7px;background:#7963ea;border-radius:50%;display:inline-block;margin-right:5px}.report-chart{height:270px;display:grid;grid-template-columns:30px 1fr;gap:9px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;text-align:right;color:#a7a8b3;font-size:8px;padding-bottom:26px}.chart-area{position:relative}.chart-grid{position:absolute;inset:0 0 26px;display:flex;flex-direction:column;justify-content:space-between}.chart-grid i{border-top:1px solid #f0f0f4}.chart-area svg{position:absolute;width:100%;height:calc(100% - 26px);inset:0}.chart-x{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#a5a6b1;font-size:8px}.rank-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #f1f1f5}.rank-number{color:#b0b0bc;font-size:9px}.rank-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;font-size:11px}.rank-name{flex:1}.rank-name b{display:block;font-size:9px}.rank-name small{display:block;color:#a3a4b1;font-size:8px;margin-top:3px}.rank-total{font-size:9px}.insights{background:linear-gradient(145deg,#fcfbff,#f3f0ff);position:relative;overflow:hidden}.insight-symbol{position:absolute;right:20px;top:15px;color:#e1dbff;font-size:48px}.insights h2{font:700 16px/1.3 Manrope;max-width:235px;margin:11px 0}.insights p{font-size:10px;color:#85869a;line-height:1.6;max-width:320px}.settings-layout{display:grid;grid-template-columns:175px minmax(0,1fr);gap:16px}.settings-nav{padding:8px;height:max-content}.settings-tab{display:block;width:100%;text-align:left;padding:10px;border:0;background:transparent;border-radius:7px;color:#818394;font-size:10px}.settings-tab.current{background:#f1efff;color:#6d54e6;font-weight:700}.settings-content{display:flex;flex-direction:column;gap:15px}.settings-panel{padding:20px}.settings-title{display:flex;justify-content:space-between;align-items:flex-start}.settings-panel h2{font:700 13px Manrope;margin:0}.settings-panel p{font-size:10px;color:#9597a6;line-height:1.5;margin:5px 0 15px}.ig-mark{font-size:22px;color:#785de8}.account-box{display:flex;align-items:center;gap:11px;border:1px solid #efeff3;background:#fcfcfd;border-radius:9px;padding:12px;margin:14px 0}.account-connected{background:#f7fcf9;border-color:#e2f2e9}.account-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#a55bf0,#ee667a,#f5ad58);color:#fff;font-size:19px}.account-copy{flex:1}.account-copy b{display:block;font-size:10px}.account-copy small{display:block;color:#999baa;font-size:9px;margin-top:3px}.account-status{display:flex;align-items:center;gap:5px;font-size:8px;color:#a0a1ae}.account-connected .account-status{color:#419772}.account-connected .account-status i{background:#4bb486}.meta-note{display:flex;gap:9px;align-items:flex-start;background:#f6f5ff;border-radius:8px;padding:10px;margin:12px 0}.meta-note>span{color:#7761e8;font-size:13px}.meta-note p{margin:0;color:#85869b;font-size:9px}.requirements{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.requirements b{font-size:9px}.requirements ul{margin:8px 0 0;padding-left:17px;color:#8c8d9c;font-size:9px;line-height:1.9}.workspace-panel .field{margin:13px 0}.field label{display:block;font-weight:700;font-size:9px;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #e5e5ec;border-radius:7px;padding:10px;background:#fff;outline:none;font-size:10px;color:#55586a}.workspace-panel .field input,.workspace-panel select{max-width:350px}.settings-disclaimer{font-size:9px;color:#a0a1ae;line-height:1.6}.modal-backdrop{position:fixed;inset:0;background:#1e1d32a6;display:grid;place-items:center;padding:18px;z-index:10;backdrop-filter:blur(3px)}.modal{width:min(490px,100%);background:#fff;border-radius:15px;padding:27px;box-shadow:0 25px 80px #15142b45;position:relative}.modal-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:23px;color:#9a9bab}.modal h2{font:800 21px Manrope;margin:8px 0 5px;letter-spacing:-.6px}.modal>p{font-size:10px;color:#9294a4;margin:0 0 20px}.modal>label{display:block;font-size:9px;font-weight:700;margin:12px 0}.modal label input,.modal label select,.modal label textarea{display:block;width:100%;margin-top:6px;border:1px solid #e5e5ec;border-radius:7px;padding:10px;font-size:10px;outline:0;color:#3f4050;background:white}.modal textarea{resize:vertical;line-height:1.5}.field-help{font-size:8px;color:#999aa8;display:block;margin-top:5px;font-weight:400}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.modal-foot{border-top:1px solid #f0f0f4;margin-top:16px;padding-top:11px;color:#9c9dab;font-size:8px;line-height:1.5}.toast{position:fixed;bottom:22px;right:22px;background:#26243c;color:#fff;border-radius:9px;padding:12px 16px;box-shadow:var(--shadow);z-index:20;font-size:11px;animation:up .2s ease}@keyframes up{from{transform:translateY(7px);opacity:0}to{transform:none;opacity:1}}.mobile-brand{display:none}
@media(max-width:1100px){.sidebar{width:215px}.main{margin-left:215px}.content{padding:28px}.topbar{padding:0 28px}.metric-grid{grid-template-columns:repeat(2,1fr)}.banner-art{left:53%}.phone{right:85px}.chip-a{right:220px}.inbox-layout{grid-template-columns:200px minmax(220px,1fr)}.contact-details{display:none}.contact-table-head,.contact-row{grid-template-columns:1.4fr .9fr 1fr .9fr 20px}}@media(max-width:760px){.sidebar{display:none}.main{margin:0}.topbar{height:58px;padding:0 15px}.crumb{display:none}.mobile-brand{display:flex;align-items:center;gap:8px;font:800 13px Manrope}.mobile-brand .brand-mark{width:28px;height:28px;border-radius:9px;font-size:18px}.top-actions{gap:9px}.connection-pill{font-size:0;padding:8px}.connection-pill i{width:8px;height:8px}.avatar-top{width:29px;height:29px}.content{padding:23px 15px 40px}.heading-row h1{font-size:22px}.heading-row{align-items:flex-start;gap:10px}.heading-row>.btn{white-space:nowrap;padding:10px;font-size:9px}.subtle{font-size:10px}.welcome-banner{min-height:260px;padding:26px 22px;margin-bottom:24px}.welcome-copy{max-width:76%}.welcome-banner h2{font-size:23px}.welcome-banner p{font-size:10px;max-width:290px}.banner-art{left:64%;opacity:.62}.phone{right:-15px;top:58px;transform:scale(.8) rotate(4deg)}.float-chip{display:none}.orbit{right:-40px}.orbit-two{right:-85px}.metric-grid{gap:9px}.metric{padding:13px;min-height:115px}.metric-top{font-size:9px}.metric-icon{width:25px;height:25px}.metric-value{font-size:22px}.sparkline{font-size:12px}.dash-grid{grid-template-columns:1fr;gap:12px}.automation-callout{align-items:flex-start;padding:12px}.automation-callout p{line-height:1.4}.automation-callout .btn{padding:9px;font-size:9px}.filter-row{align-items:flex-start;gap:9px;flex-direction:column}.filter-row .search{width:100%}.rules-head,.full-rule{grid-template-columns:minmax(130px,1.6fr) minmax(90px,1fr) 35px 25px;gap:8px;padding:11px 10px}.rules-head span:nth-child(3),.full-rule>.response-count{display:none}.trigger-tag{font-size:8px;padding:5px 6px}.status{font-size:0}.status i{width:8px;height:8px}.full-rule-name b{max-width:145px}.inbox-layout{grid-template-columns:115px minmax(0,1fr);min-height:440px}.conversation{padding:10px 7px;gap:5px}.conversation .contact-avatar{width:24px;height:24px;font-size:7px}.conversation-copy b{font-size:8px}.conversation-copy small{font-size:7px}.conversation time{display:none}.inbox-head{padding:16px 8px;font-size:9px}.unread-count{font-size:0;padding:5px;width:8px;height:8px}.chat-messages{padding:15px 10px}.chat-messages .bubble{max-width:90%}.contact-table-head,.contact-row{grid-template-columns:1.5fr .9fr 20px;gap:5px;padding:11px 9px}.contact-table-head span:nth-child(2),.contact-table-head span:nth-child(3),.contact-row>span:nth-child(2),.contact-row>span:nth-child(3){display:none}.contact-table-head span:nth-child(4),.contact-row>span:nth-child(4){font-size:8px}.contact-cell{gap:6px}.contact-cell b{font-size:9px}.contact-cell small{font-size:8px}.search-wrap{width:100%}.report-chart{height:220px}.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto}.settings-tab{white-space:nowrap}.account-status{font-size:0}.account-status i{width:8px;height:8px}.modal{padding:23px 18px}.section-line h2{font-size:14px}}
/* Insta Ninja inspired navigation and automation workspaces, with DirectFlow branding. */
:root{--green:#18a879;--green-soft:#e9f8f1}
.notice-bar{background:#118c68;color:#fff}.notice-mark{background:#ffffff24}.connection-pill.is-connected{background:var(--green-soft);color:#14875f}.connection-pill.is-connected i,.account-status.online i{background:#19a776}
.nav-item.active,.nav-item:hover{background:#eaf7f1;color:#16835f}.nav-item.active .ico{color:#16835f}.brand-mark{background:linear-gradient(145deg,#35c99a,#118b68);box-shadow:0 5px 14px #168f6b35}.btn-primary{background:#168e69;border-color:#168e69}.btn-primary:hover{background:#117956}.btn-soft{background:#eaf7f1;color:#16835f;border-color:#d8eee4}.btn-soft:hover{background:#dff2e9}.switch.on{background:#1aa579}.text-button{color:#168e69}.account-overview{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.account-summary,.account-summary-actions{display:flex;align-items:center;gap:14px}.account-avatar{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(140deg,#fff1f0,#f7eaff);color:#c359a4;font-size:22px}.account-summary h2{font:700 15px Manrope;margin:4px 0}.account-summary p{font-size:10px;color:#9092a1;margin:0}.account-status{white-space:nowrap}.account-status.online{color:#18885f}.account-summary-actions .btn{white-space:nowrap}.automation-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.automation-tile{padding:15px;display:flex;align-items:center;gap:11px;text-align:left;color:var(--ink);transition:transform .16s,border-color .16s}.automation-tile:hover{transform:translateY(-2px);border-color:#c9e9da}.automation-tile>span:nth-child(2){min-width:0;flex:1}.automation-tile b,.automation-tile small{display:block}.automation-tile b{font-size:11px}.automation-tile small{font-size:9px;color:#9698a7;margin-top:4px;line-height:1.4}.automation-tile>i{font-style:normal;color:#9ca0aa}.tile-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:17px;flex:none}.tile-lilac{background:#f0edff;color:#755ce9}.tile-green{background:#e7f8ef;color:#32966e}.tile-peach{background:#fff1e8;color:#d98c56}.tile-blue{background:#eaf3ff;color:#5a96df}.section-spaced{margin-top:25px}.setup-panel{padding:18px}.empty-state{padding:45px 20px;text-align:center;margin-top:14px}.empty-state .tile-icon{margin:0 auto 12px}.empty-state h2{font:700 15px Manrope;margin:8px 0}.empty-state p{font-size:10px;color:#9294a4;max-width:360px;margin:0 auto 18px;line-height:1.6}.schedule-banner{display:flex;align-items:center;gap:13px;background:#f2f8ff;border:1px solid #e5effb;border-radius:12px;padding:16px 18px}.schedule-banner .tile-icon{background:#fff}.schedule-banner b{font-size:11px}.schedule-banner p{font-size:10px;color:#83899a;margin:5px 0 0;line-height:1.5}.schedule-list{display:grid;gap:9px}.schedule-item{padding:14px;display:flex;align-items:center;gap:15px}.schedule-date{width:68px;flex:none;border-right:1px solid var(--line)}.schedule-date b,.schedule-date small,.schedule-copy b,.schedule-copy small{display:block}.schedule-date b{font-size:10px;color:#168e69}.schedule-date small,.schedule-copy small{font-size:9px;color:#999baa;margin-top:4px}.schedule-copy{flex:1}.schedule-copy b{font-size:11px}.schedule-item .more-button{font-size:9px;letter-spacing:0;color:#8d8fa0;padding:8px}.modal .field-help{line-height:1.45}.full-rule-name small{max-width:210px}
@media(max-width:900px){.automation-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.account-overview{align-items:flex-start;flex-wrap:wrap}.account-summary-actions{margin-left:57px}}
@media(max-width:560px){.automation-tiles{grid-template-columns:1fr 1fr;gap:8px}.automation-tile{padding:10px;gap:8px}.tile-icon{width:32px;height:32px}.account-overview{padding:14px}.account-summary-actions{margin:0;width:100%;justify-content:space-between}.schedule-item{gap:10px;padding:11px}.schedule-date{width:54px}}
/* Live Instagram workspaces and cloud-backed automation editor. */
button:disabled{cursor:wait;opacity:.55}.sync-notice{background:#edf7f2;border:1px solid #d9eadf;border-radius:10px;padding:13px 16px;margin-bottom:18px;color:#42715a;font-size:12px;line-height:1.6}.sync-error{background:#fff5ef;border-color:#f4d9c9;color:#965430}.mobile-nav{display:none}.recent-rules{margin-top:24px}.rules-head,.full-rule{grid-template-columns:minmax(170px,1.5fr) minmax(160px,1.3fr) 60px 80px 160px}.rule-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.rule-actions button{font-size:10px;padding:4px 0}.rule-trigger{min-width:0}.rule-trigger small{display:block;margin-top:6px;color:#9294a4;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.status-active{color:#21825e}.status-active i{background:#1aa579}.status-paused{color:#868b9b}.status-paused i{background:#b6bdc9}.status-draft{color:#a6762b}.status-draft i{background:#d4a255}.response-count small{display:block;font-size:9px;margin-top:5px}.error-text{color:#ae4e36}.row-more{letter-spacing:0;font-size:10px}.media-panel{padding:18px 20px;margin-bottom:24px}.media-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;max-height:430px;overflow:auto;padding:2px}.media-card{border:1px solid #e9ecf0;background:white;border-radius:10px;padding:0;overflow:hidden;text-align:left;transition:border-color .15s,transform .15s;min-width:0}.media-card:hover{border-color:#5cb993;transform:translateY(-2px)}.media-image{display:block;aspect-ratio:1;position:relative;background:#f1f4f2;overflow:hidden}.media-image img{width:100%;height:100%;object-fit:cover}.media-image>span{display:grid;height:100%;place-items:center;color:#b2c5bc;font-size:34px}.media-image>b{position:absolute;bottom:8px;left:8px;border-radius:5px;background:#163a2bca;color:white;padding:4px 7px;font-size:9px;font-weight:600}.media-card>strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px;margin:10px 10px 5px;font-size:10px;line-height:1.5;font-weight:600;color:#555e63}.media-card>small{display:block;margin:6px 10px 12px;color:#168e69;font-size:10px}.load-more{margin-top:15px}.automation-editor{width:min(720px,100%);max-height:calc(100dvh - 36px);overflow-y:auto;padding:27px 30px}.automation-editor>label,.editor-grid>label{display:block;font-size:11px;font-weight:700;margin:14px 0}.automation-editor label input,.automation-editor label select,.automation-editor label textarea{font-size:12px;padding:11px}.automation-editor>p{font-size:12px;line-height:1.6;margin-bottom:20px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.editor-grid .field-help{font-size:10px;line-height:1.6}.media-picker-field>label{display:block;font-size:11px;font-weight:700;margin:12px 0}.media-picker-help{font-size:10px;color:#7f8e86;line-height:1.7;margin-bottom:14px}.media-picker-help .text-button{font-size:10px;padding:3px 4px}.media-picker-summary{display:flex;align-items:center;gap:12px;font-size:11px;line-height:1.6;color:#737e78}.media-picker-summary:empty{display:none}.selected-media-thumb{width:48px;height:48px;flex:none;background:#edf2ef;border-radius:7px;overflow:hidden}.selected-media-thumb img{width:100%;height:100%;object-fit:cover}.media-picker-summary small{display:block;color:#98a39d;font-size:9px}.variant-section{border:1px solid #e4ece7;border-radius:10px;padding:15px;margin-top:15px;background:#fcfefd}.variant-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.variant-heading h3{font:700 12px Manrope,sans-serif;margin:0}.variant-heading p{font-size:10px;color:#8b9991;margin:5px 0 10px;line-height:1.5}.variant-heading button{font-size:10px;white-space:nowrap}.variation-field{display:flex;align-items:flex-start;gap:7px;margin-top:8px}.variation-field textarea{flex:1;min-width:0;border:1px solid #e0e8e2;border-radius:7px;background:white;color:#414f46;font:12px/1.6 'DM Sans',sans-serif;resize:vertical;padding:10px}.variation-field textarea:focus{outline:2px solid #b4ddc8;outline-offset:1px}.remove-variation{border:0;background:#edf3ef;color:#7a9487;border-radius:6px;font-size:18px;line-height:1;width:25px;height:28px;flex:none;margin-top:3px}.editor-error{font-size:12px;color:#a7412c;line-height:1.6;margin-top:14px}.editor-error:empty{display:none}.automation-editor .modal-foot{font-size:10px;line-height:1.7}.execution-panel{margin-top:24px}.execution-list{margin-top:15px}.execution-row{display:flex;align-items:center;gap:16px;border-top:1px solid #edf0ee;padding:15px 0}.execution-row>div{flex:1;min-width:0}.execution-row b{font-size:12px;font-weight:600}.execution-row small{display:block;color:#96a299;font-size:10px;margin-top:5px;line-height:1.6;overflow-wrap:anywhere}.execution-row p{margin:6px 0 0;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.execution-status{font-size:10px;white-space:nowrap;color:#7b8880;padding:5px 8px;border-radius:6px;background:#f2f5f3}.execution-sent{background:#e9f8ef;color:#238052}.execution-failed,.execution-dead{background:#fff1e9;color:#ad573a}.execution-uncertain{background:#fff6df;color:#9a711f}.execution-pending,.execution-sending{background:#edf3ff;color:#4d79b0}.execution-row .btn{font-size:10px;white-space:nowrap}.empty-inbox{padding:28px 20px;color:#89958e;font-size:12px;line-height:1.7}.modal-backdrop [hidden]{display:none!important}.settings-panel .btn+.btn{margin-left:6px}.profile-mini>span:nth-child(2){max-width:150px;overflow:hidden;text-overflow:ellipsis}.footnote{line-height:1.8}
@media(max-width:1100px){.rules-head,.full-rule{grid-template-columns:minmax(135px,1.3fr) minmax(130px,1fr) 40px 70px 130px;gap:10px}.rule-actions{gap:8px}.media-gallery{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.execution-row{flex-wrap:wrap}.execution-row>div{flex-basis:60%}}
@media(max-width:760px){.mobile-nav{display:flex;gap:5px;padding:9px 12px;overflow:auto;border-bottom:1px solid #e7eee9;background:white;position:sticky;top:0;z-index:3}.mobile-nav button{border:0;background:transparent;border-radius:6px;padding:8px 10px;color:#87948c;font:600 11px 'DM Sans',sans-serif;white-space:nowrap}.mobile-nav button.active{color:#16835f;background:#eaf7f1}.rules-head{display:none}.full-rule{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px}.full-rule-name b{max-width:none;font-size:12px;white-space:normal}.full-rule-name small{font-size:10px}.full-rule>.rule-trigger{grid-column:1}.full-rule>.status{grid-column:2;grid-row:1;font-size:10px}.full-rule>.response-count{display:block;grid-column:2;grid-row:2;text-align:right}.full-rule>.rule-actions{grid-column:1/-1;justify-content:flex-start;gap:22px;border-top:1px solid #f0f3f1;padding-top:7px}.rule-actions button{font-size:11px}.trigger-tag{font-size:10px}.rule-trigger small{max-width:220px}.rule-row{gap:8px;flex-wrap:wrap}.rule-row .rule-name{min-width:45%}.rule-row .status{font-size:10px}.automation-editor{padding:23px 20px;max-height:calc(100dvh - 24px)}.modal-backdrop{padding:12px}.media-panel{padding:15px}.media-gallery{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));max-height:360px}.filter-row .tabs{max-width:100%;overflow:auto}.filter-row .tab{font-size:11px;white-space:nowrap}.execution-row{gap:9px}.execution-row>div{flex-basis:100%}.execution-row .btn{margin-left:auto}.sync-notice{font-size:11px}.settings-panel .btn{margin:6px 0!important}}
@media(max-width:460px){.editor-grid{grid-template-columns:1fr;gap:0}.editor-grid>label{margin:10px 0}.automation-editor h2{font-size:19px}.variant-section{padding:12px}.variant-heading{gap:6px}.variant-heading h3{font-size:11px}.media-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.full-rule-name .rule-icon{width:28px;height:28px}.media-card>strong{font-size:10px}.heading-row>.btn{font-size:10px}.content{padding-bottom:90px}}
.workspace-facts{display:flex;gap:40px;margin:18px 0 22px}.workspace-facts small,.workspace-facts b{display:block}.workspace-facts small{font-size:10px;color:#94a298;margin-bottom:5px}.workspace-facts b{font-size:13px;color:#52635a}.settings-content{max-width:1000px}
.media-panel h2{font:700 14px Manrope,sans-serif;margin:0 0 5px}.media-panel .panel-head .btn{white-space:nowrap;flex:none}.media-panel .panel-head>div{min-width:0}
.assisted-panel{background:#fdfefd}.assisted-panel summary{cursor:pointer;list-style-position:inside;color:#53665a;font-size:12px;font-weight:700}.assisted-panel summary span{margin-left:5px}.assisted-panel summary small{display:inline-block;margin-left:12px;font-size:10px;font-weight:400;color:#94a297}.assisted-content{border-top:1px solid #e8eee9;margin-top:16px;padding-top:14px}.assisted-content .assisted-limit{color:#748577}.assisted-content label{display:block;font-size:11px;font-weight:700;margin:16px 0 7px}.assisted-content input{display:block;width:100%;max-width:650px;border:1px solid #dfe8e1;border-radius:8px;background:white;padding:11px;color:#46584d;font-size:13px;outline:none}.assisted-content input:focus{border-color:#72b895;box-shadow:0 0 0 3px #cce9d836}.assisted-content .field-help{font-size:10px;line-height:1.6;max-width:650px;margin-top:7px}.assisted-notice{font-size:11px!important;line-height:1.7!important;margin:12px 0!important}.assisted-notice:empty{display:none}.assisted-actions{display:flex;gap:8px;justify-content:flex-start;margin-top:14px}.assisted-actions .btn{margin:0!important}@media(max-width:560px){.assisted-panel summary small{display:block;margin:5px 0 0 18px}.assisted-actions{flex-wrap:wrap}.assisted-actions .btn{flex:1}.assisted-content input{font-size:16px}}