@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--purple:#7954d8;--purple-dark:#6540c4;--ink:#292633;--muted:#92909e;--line:#eeedf2;--bg:#f8f9fc;--green:#35a77c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #baa2ef;outline-offset:3px}button{color:inherit}svg{width:19px;height:19px;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}a{text-decoration:none;color:inherit}button{border:0;background:none}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;padding:31px 19px 20px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:0 14px;font:800 29px 'Manrope',sans-serif;letter-spacing:-1.3px}.brand-icon{background:var(--purple);border-radius:11px;width:34px;height:35px;color:#fff;display:grid;place-items:center;transform:rotate(-7deg)}.brand-icon svg{width:23px;transform:rotate(7deg)}.workspace{margin:31px 0 27px;border:1px solid var(--line);border-radius:9px;padding:10px;display:flex;align-items:center;gap:10px;text-align:left;width:100%}.workspace-icon{display:grid;place-items:center;background:#efebfa;color:#8464c4;border-radius:7px;width:33px;height:34px;font-weight:700;font-size:12px}.workspace b{display:block;font-size:12px;font-weight:650}.workspace small{display:block;margin-top:3px;font-size:10px;color:var(--muted)}.workspace>svg{margin-left:auto;width:13px;color:var(--muted)}.nav-label{color:#aaa7b2;font-size:9px;font-weight:700;letter-spacing:1.5px;padding:0 14px;margin:0 0 11px}.nav-item{width:100%;display:flex;gap:12px;align-items:center;border-radius:7px;padding:12px 14px;color:#797584;font-size:12px;margin-bottom:5px;text-align:left}.nav-item.active{background:#eee8fa;color:#7954d8;font-weight:650}.nav-item:hover{background:#f5f2fb}.nav-item svg{width:17px;height:17px}.nav-count{margin-left:auto;background:#f0ecf7;font-size:10px;color:#8057ca;padding:2px 6px;border-radius:5px}.nav-second{margin-top:27px}.sidebar-bottom{margin-top:auto}.upgrade{border:1px solid #eae2f8;border-radius:10px;background:linear-gradient(130deg,#faf7ff,#f6f3fc);padding:16px;margin:25px 1px 19px}.upgrade .spark{color:#8762d1}.upgrade h4{margin:10px 0 6px;font-size:12px}.upgrade p{font-size:10px;line-height:1.7;color:#9992a8;margin:0 0 13px}.upgrade button{background:#fff;width:100%;border:1px solid #e4dced;padding:9px;font-size:11px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:16px}.upgrade svg{width:14px}.profile{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:18px 7px 0}.avatar{display:grid;place-items:center;border-radius:50%;width:33px;height:33px;background:#ecdfd4;color:#896245;font-size:10px;font-weight:700}.profile b{display:block;font-size:11px}.profile small{font-size:9px;color:var(--muted)}.profile button{margin-left:auto;color:var(--muted)}.main{margin-left:228px}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px}.breadcrumb{font-size:11px;color:#a5a1af;display:flex;align-items:center;gap:12px}.breadcrumb svg{width:12px}.breadcrumb span:last-child{color:#6f697a}.top-actions{display:flex;gap:19px;align-items:center;color:#87818f}.search-trigger{display:flex;align-items:center;gap:10px;color:#a09aa9;font-size:11px}.search-trigger svg{width:15px}.search-trigger kbd{font-size:9px;background:#faf9fc;padding:3px 5px;border:1px solid var(--line);border-radius:4px;margin-left:27px}.divider{height:22px;border-left:1px solid var(--line)}.notification{position:relative}.notification:after{content:'';position:absolute;right:8px;top:3px;width:5px;height:5px;border:2px solid #fff;border-radius:50%;background:var(--purple)}.top-avatar{width:29px;height:29px}.content{max-width:1540px;margin:auto;padding:32px 35px 22px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:10px;color:#9b93a5;margin:0 0 7px}.page-heading h1{font:750 27px 'Manrope',sans-serif;letter-spacing:-1px;margin:0 0 8px}.page-heading p{margin:0;color:#9a94a3;font-size:12px}.heading-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e7e4ec;background:#fff;border-radius:7px;padding:10px 13px;font-size:11px;font-weight:550;white-space:nowrap}.btn svg{width:15px;height:15px}.btn.primary{background:var(--purple);border-color:var(--purple);color:#fff;box-shadow:0 3px 5px #7954d815}.btn.primary:hover{background:var(--purple-dark)}.btn:hover{border-color:#cbb9e8}.welcome-banner{position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;border:1px solid #e7dff7;border-radius:11px;background:linear-gradient(110deg,#f2ebfc 0%,#f6f1fd 65%,#ede6fa 100%);padding:24px 27px;margin-bottom:25px;min-height:153px}.banner-copy{position:relative;z-index:2}.banner-copy .mini-tag{display:inline-flex;align-items:center;gap:6px;color:#8b66bd;font-size:9px;font-weight:650;letter-spacing:.7px}.mini-tag svg{width:12px;height:12px}.banner-copy h2{font:750 21px 'Manrope',sans-serif;letter-spacing:-.6px;margin:10px 0 7px}.banner-copy p{color:#a197ad;font-size:11px;margin:0}.banner-copy button{padding:0;margin-top:17px;font-size:10px;color:#8154c5;font-weight:700;display:flex;align-items:center;gap:9px}.banner-copy button svg{width:14px}.flow-art{display:flex;align-items:center;margin-right:22px;position:relative;gap:0}.flow-art:before,.flow-art:after{content:'';position:absolute;width:280px;height:280px;border:1px solid #e6dcf3;border-radius:50%;left:36px;top:-91px}.flow-art:after{width:360px;height:360px;left:-5px;top:-132px}.flow-node{position:relative;z-index:1;border-radius:12px;box-shadow:0 6px 16px #8f6fb516;background:#fff;border:1px solid #e9e0f5;width:62px;height:62px;display:grid;place-items:center;color:#996dcc;transform:rotate(-8deg)}.flow-node.center{background:#8055d6;color:white;transform:rotate(0deg);width:55px;height:55px}.flow-node.end{transform:rotate(8deg);color:#9a71d0}.flow-node svg{width:25px;height:25px}.flow-line{width:42px;border-top:2px dashed #c9b4e8;z-index:1}.float-tag{position:absolute;z-index:3;background:#fff;border:1px solid #eee6f7;border-radius:5px;padding:5px 8px;font-size:8px;color:#9e85b9;white-space:nowrap}.float-tag.first{top:-19px;left:-21px;transform:rotate(-8deg)}.float-tag.last{bottom:-20px;right:-13px;transform:rotate(5deg)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 19px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#96909e;font-size:11px}.stat-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#f3eefd;color:#9c7bd4}.stat-icon svg{width:15px}.stat:nth-child(2) .stat-icon{color:#80a2d5;background:#eef4fc}.stat:nth-child(3) .stat-icon{color:#65b49e;background:#edf9f3}.stat:nth-child(4) .stat-icon{color:#d7a56e;background:#fff7ec}.stat-value{display:flex;gap:9px;align-items:center;margin:8px 0 12px;font:750 27px 'Manrope',sans-serif;letter-spacing:-1px}.stat-value .live{font:500 9px 'DM Sans';letter-spacing:0;background:#edf8f0;color:#61a67e;padding:4px 7px;border-radius:4px}.stat-bottom{display:flex;align-items:center;gap:6px;font-size:9px;color:#aaa5b0}.positive{color:#59ab88}.stat-bottom svg{width:10px;height:10px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}.section-heading h2{font:750 15px 'Manrope',sans-serif;margin:0;letter-spacing:-.3px}.section-heading p{color:#a19aa8;font-size:10px;margin:5px 0 0}.text-btn{font-size:10px;color:#9270c8;display:flex;align-items:center;gap:7px}.text-btn svg{width:13px}.channels{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:27px}.channel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px 16px}.channel-head{display:flex;align-items:center;gap:9px}.platform-icon{width:33px;height:33px;border-radius:9px;display:inline-grid;place-items:center;flex-shrink:0}.platform-icon svg{width:18px;height:18px}.instagram{color:#c271ae;background:#fcf0f8}.facebook{color:#648ddd;background:#edf2fd}.telegram{color:#62a9d2;background:#eef7fc}.whatsapp{color:#66b790;background:#ecf9f0}.channel h3{font-size:11px;margin:0;font-weight:650}.channel-handle{color:#a8a1ad;font-size:9px;margin-top:4px}.channel-head>span:last-child{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#63ba94}.channel-head>span.disconnected:last-child{background:#c2bdc9}.channel-foot{display:flex;justify-content:space-between;align-items:center;margin-top:18px;border-top:1px solid #f3f1f6;padding-top:12px;font-size:9px;color:#a39baa}.channel-foot button{font-size:9px;color:#7c59b7;padding:0}.channel-foot .connected{color:#69ad91;display:flex;align-items:center;gap:4px}.channel-foot svg{width:10px;height:10px}.lower-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 17px}.panel-header h2{margin:0;font:750 14px 'Manrope',sans-serif;letter-spacing:-.25px}.panel-header .count{background:#f1ecf9;color:#9376bd;border-radius:5px;padding:2px 6px;font:500 9px 'DM Sans';margin-left:6px}.panel-header p{margin:5px 0 0;color:#a49ba9;font-size:10px}.tabs{display:flex;gap:22px;padding:0 20px;border-bottom:1px solid var(--line)}.tab{font-size:10px;color:#aaa2af;padding:0 0 13px;border-bottom:2px solid transparent}.tab.active{color:var(--purple);border-color:var(--purple)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#fcfbfd;color:#a69dad;font-size:9px;font-weight:500;padding:12px 18px}td{padding:16px 18px;border-top:1px solid #f3f1f6;font-size:10px;color:#9b92a2}.automation-name{display:flex;align-items:center;gap:10px}.automation-name .platform-icon{width:30px;height:30px;border-radius:7px}.automation-name .platform-icon svg{width:15px}.automation-name b{display:block;color:#6b6177;font-size:10px;font-weight:600;margin-bottom:4px}.automation-name small{font-size:8px;color:#aea5b5}.keyword{font-size:8px;background:#f4f0fa;color:#9c80bf;border-radius:4px;padding:4px 6px}.status{font-size:8px;padding:4px 7px;border-radius:5px;background:#eef8f2;color:#63ae8b;display:inline-flex;align-items:center;gap:4px}.status:before{content:'';width:4px;height:4px;background:currentColor;border-radius:50%}.status.paused{color:#b5a07f;background:#faf5ed}.status.draft{color:#9e92af;background:#f2eef7}.table-footer{border-top:1px solid var(--line);padding:13px 20px;display:flex;justify-content:space-between;font-size:9px;color:#aaa1b2}.table-footer button{font-size:9px;color:#9674c2}.activity-list{padding:0 20px}.activity-item{position:relative;display:flex;gap:10px;padding:13px 0}.activity-item:not(:last-child):after{content:'';position:absolute;left:13px;top:44px;bottom:-8px;border-left:1px solid #f0ecf4}.activity-avatar{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#f0e9e1;color:#ae9780;font-size:8px;flex-shrink:0}.activity-item:nth-child(2) .activity-avatar{background:#e8edf4;color:#879cb5}.activity-item:nth-child(3) .activity-avatar{background:#f6e9ec;color:#bb91a1}.activity-item:nth-child(4) .activity-avatar{background:#eeebf8;color:#a596c1}.activity-text{font-size:9px;line-height:1.7;color:#aaa1b0}.activity-text b{color:#7a6e88;font-weight:550}.activity-text small{font-size:8px;color:#b9b1c0}.activity-time{display:flex;align-items:center;gap:6px;margin-top:3px}.activity-time svg{width:10px;height:10px;color:#c288b1}.activity-bottom{display:flex;justify-content:center;padding:14px;border-top:1px solid var(--line);color:#a189bd;font-size:9px}.footer{display:flex;justify-content:space-between;margin-top:23px;color:#b9b0c2;font-size:9px}.footer span{display:flex;align-items:center;gap:5px}.footer svg{width:11px;height:11px}.demo-badge{color:#a895bd;background:#f0ebf7;padding:3px 7px;border-radius:4px}.mobile-menu{display:none}.full-panel{margin-top:20px}.empty{padding:45px;text-align:center;color:#9a90a5;font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#30224055;backdrop-filter:blur(4px);z-index:100;display:flex;justify-content:center;align-items:center;padding:22px}.modal{background:#fff;border-radius:17px;max-width:670px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 25px 90px #2e1c5530;padding:27px}.modal-title{display:flex;align-items:center;justify-content:space-between}.modal h2{margin:0;font:750 20px 'Manrope';letter-spacing:-.6px}.modal .description{color:#9c92a8;font-size:12px;line-height:1.7}.modal-close{color:#9c92a8;padding:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:23px 0}.field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#796c88}.field.full{grid-column:1/-1}.field input,.field select,.field textarea,.search-input{width:100%;border:1px solid #e6dfed;border-radius:7px;padding:11px 12px;background:#fdfcff;color:#645672;outline:none}.field input:focus,.field textarea:focus,.field select:focus,.search-input:focus{border-color:#9c79d7;box-shadow:0 0 0 3px #f3edf9}.field textarea{resize:vertical;min-height:95px}.field small{font-size:9px;line-height:1.6;color:#aa9eb6}.modal-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.preview-message{background:#f7f3fc;border:1px solid #ebe1f7;border-radius:10px;padding:16px}.preview-message>span{font-size:9px;color:#a385bd;display:flex;align-items:center;gap:5px}.preview-message p{font-size:12px;color:#84728e;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.notice{background:#faf7ef;color:#ab9470;padding:12px;border-radius:8px;font-size:11px;line-height:1.7}.channel-modal-list{display:grid;gap:10px;margin:22px 0}.channel-modal-row{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:9px}.channel-modal-row b{font-size:12px}.channel-modal-row small{display:block;color:#a095ac;font-size:10px;margin-top:3px}.channel-modal-row .btn{margin-left:auto}#toast{position:fixed;bottom:25px;left:calc(50% + 114px);transform:translate(-50%,15px);background:#342943;color:#fff;padding:13px 20px;border-radius:9px;z-index:120;box-shadow:0 6px 25px #34294325;opacity:0;pointer-events:none;transition:.2s;font-size:12px;max-width:85vw}#toast.show{opacity:1;transform:translate(-50%,0)}.inbox-layout{display:grid;grid-template-columns:280px 1fr;min-height:455px}.conversation-list{border-right:1px solid var(--line)}.conversation{padding:20px;display:flex;align-items:center;gap:12px;width:100%;text-align:left;border-bottom:1px solid var(--line)}.conversation.active{background:#f5f0fc}.conversation b{display:block;font-size:12px}.conversation small{display:block;font-size:10px;color:#a497ae;margin-top:5px}.chat{padding:28px;display:flex;flex-direction:column}.chat-title{padding-bottom:22px;border-bottom:1px solid var(--line);font-weight:650}.bubble{margin-top:20px;max-width:80%;padding:14px 17px;background:#f4f1f7;border-radius:13px 13px 13px 3px;font-size:12px;line-height:1.7;align-self:flex-start}.bubble.sent{background:#eee6fa;align-self:flex-end;border-radius:13px 13px 3px 13px;color:#8565a8}.chat-caption{font-size:9px;color:#b1a5ba;margin-top:9px;align-self:flex-end}.chat-compose{display:flex;gap:10px;margin-top:auto;padding-top:30px}.bar-chart{height:240px;display:flex;align-items:flex-end;justify-content:space-around;gap:15px;padding:25px 35px 40px}.bar-chart .bar{position:relative;width:7%;border-radius:6px 6px 0 0;background:linear-gradient(#a987e5,#dcd0f3);min-height:10px}.bar-chart .bar span{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);font-size:10px;color:#a193ad}.bar-chart .bar b{position:absolute;top:-21px;left:50%;transform:translateX(-50%);font-size:9px;color:#9983b0}.settings-card{max-width:720px;padding:25px}.templates{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.template{padding:25px}.template h3{font-size:15px;margin:18px 0 10px}.template p{font-size:12px;line-height:1.8;color:#a396ad;min-height:65px}.template .platform-icon{height:40px;width:40px}.dots{padding:3px;color:#b6aabd}.dots svg{width:15px}.search-row{padding:0 20px 18px}.search-row .search-input{max-width:320px}.demo-note{font-size:11px;color:#a08cba;margin-top:20px;line-height:1.8}.period-select{border:1px solid #e7e4ec;background:#fff;border-radius:7px;padding:10px 12px;font-size:11px;color:#79707f;max-width:145px}.menu-open .sidebar{display:flex}
@media(min-width:1500px){.content{padding-top:38px}.welcome-banner{min-height:175px}.stats{margin-bottom:32px}.stat{padding:23px}.channels{margin-bottom:32px}.channel{padding:21px}.lower-grid{grid-template-columns:minmax(0,1fr) 320px}td{padding:21px 18px}.activity-item{padding:17px 0}.activity-item:not(:last-child):after{top:48px}}
@media(max-width:1200px){.sidebar{width:205px;padding-left:14px;padding-right:14px}.main{margin-left:205px}.content{padding:27px 24px}.topbar{padding:0 24px}.lower-grid{grid-template-columns:minmax(0,1fr) 255px}.stats,.channels{gap:11px}.channel{padding:14px 11px}.channel-handle{font-size:8px}.stat{padding:15px}th,td{padding-left:12px;padding-right:12px}.flow-art{margin-right:0}.flow-line{width:25px}.top-actions{gap:12px}.channel-head{gap:6px}}
@media(max-width:1000px){.sidebar{width:185px}.main{margin-left:185px}.lower-grid{grid-template-columns:1fr}.activity-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.activity-item:after{display:none}.flow-art{transform:scale(.85);transform-origin:right}.stat-top{font-size:10px}.channels{grid-template-columns:repeat(2,1fr)}.page-heading h1{font-size:24px}.heading-actions{gap:7px}.btn{padding:9px 10px}.banner-copy h2{font-size:18px}.search-trigger span,.search-trigger kbd{display:none}.templates{grid-template-columns:1fr 1fr}.stat-value{font-size:23px}.stat-bottom{font-size:8px}}
@media(max-width:760px){.sidebar{display:none;width:228px;box-shadow:8px 0 30px #2b153420}.main{margin-left:0}.mobile-menu{display:block}.topbar{height:62px;padding:0 19px}.breadcrumb{gap:8px}.top-actions{gap:9px}.content{padding:23px 18px}.page-heading{align-items:flex-start;gap:17px;flex-wrap:wrap;margin-bottom:22px}.page-heading h1{font-size:25px}.heading-actions{width:100%;justify-content:space-between}.welcome-banner{padding:22px;min-height:169px}.flow-art{display:none}.banner-copy h2{font-size:20px}.banner-copy p{max-width:245px;line-height:1.8}.stats{grid-template-columns:repeat(2,1fr);gap:11px}.stat{padding:16px}.stat-value{font-size:25px}.stat-top{font-size:11px}.stat-bottom{font-size:9px}.channels{gap:11px}.channel{padding:15px 12px}.channel-head{gap:8px}.channel h3{font-size:11px}.channel-handle{font-size:8px}.channel .platform-icon{width:29px;height:29px}.activity-list{grid-template-columns:1fr}.activity-item{padding:11px 0}.footer{gap:10px;font-size:8px}.templates{grid-template-columns:1fr}.inbox-layout{grid-template-columns:1fr}.conversation-list{display:flex;overflow:auto;border-right:0}.conversation{min-width:170px;padding:13px}.chat{min-height:360px;padding:20px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal{padding:22px}.modal h2{font-size:18px}.modal-backdrop{padding:12px}.top-avatar{width:27px;height:27px}#toast{left:50%;width:max-content}.footer span:first-child{max-width:65%}.bar-chart{padding:25px 20px 40px}.workspace{margin-top:23px}.sidebar-bottom{margin-top:30px}.sidebar{overflow:auto}.upgrade{margin-top:15px}.table-footer{padding:13px}.panel-header{padding:18px 15px}.panel-header h2{font-size:13px}}