:root{--navy:#0c1729;--ink:#172033;--muted:#697386;--muted-2:#98a2b3;--line:#e7eaf0;--surface:#fff;--background:#f5f7fa;--primary:#2563eb;--primary-dark:#1d4ed8;--primary-soft:#eff6ff;--green:#16a36a;--red:#dc4c64;--shadow:0 1px 2px #10182808,0 8px 24px #1018280a;color:var(--ink);background:var(--background);font-synthesis:none;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--background);min-width:320px;color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}input[type=checkbox],input[type=radio]{accent-color:var(--primary)}.button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:14px;font-weight:650;transition:all .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-primary{color:#fff;background:var(--primary);box-shadow:0 5px 14px #2563eb2e}.button-primary:hover{background:var(--primary-dark)}.button-secondary{border-color:var(--line);color:#344054;background:#fff;box-shadow:0 1px 2px #1018280a}.button-secondary:hover{background:#fafbfc;border-color:#cbd2dd}.button-small{min-height:34px;padding:0 12px;font-size:13px}.button-block{width:100%}.icon-button{border:1px solid var(--line);color:#667085;cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .18s;display:inline-flex}.icon-button:hover{color:var(--primary);background:#f8faff;border-color:#cdd9fa}.icon-button-dark{color:#8693a7;background:0 0;border:0}.text-link,.text-button{color:var(--primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:13px;font-weight:650;display:inline-flex}.text-button.danger{color:var(--red)}.row-action{color:#798296;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;width:31px;height:31px;display:inline-flex}.row-action:hover{color:var(--ink);background:#f0f3f7}.row-action.danger:hover{color:var(--red);background:#fff0f2}.row-action.primary{color:var(--primary);background:var(--primary-soft)}.eyebrow{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:750;line-height:1;display:inline-block}.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:13px}.panel-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:18px;min-height:70px;padding:18px 22px;display:flex}.panel-header h3{font-size:15px;font-weight:720}.panel-header p,.table-toolbar p{color:var(--muted-2);margin-top:4px;font-size:12px}.page-stack{flex-direction:column;gap:22px;display:flex}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.page-heading h2,.welcome-row h2{letter-spacing:-.025em;font-size:25px;line-height:1.2}.page-heading p,.welcome-row p{color:var(--muted);margin-top:7px;font-size:13px}.heading-actions{gap:9px;display:flex}.empty-state{min-height:260px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.empty-state .empty-icon{width:48px;height:48px;color:var(--primary);background:var(--primary-soft);border-radius:14px;place-items:center;margin-bottom:13px;display:grid}.empty-state strong{color:var(--ink);font-size:15px}.empty-state p{max-width:340px;color:var(--muted-2);margin:6px 0 16px;font-size:13px}.empty-inline{color:var(--muted-2);text-align:center;padding:30px;font-size:13px}.login-page{background:#fff;grid-template-columns:minmax(420px,1.08fr) minmax(420px,.92fr);min-height:100vh;display:grid}.login-showcase{color:#fff;background:radial-gradient(circle at 72% 28%,#3277ff40,#0000 31%),linear-gradient(145deg,#091426 0%,#102b52 58%,#123b72 100%);min-height:680px;padding:42px 7vw;position:relative;overflow:hidden}.brand{color:#101828;letter-spacing:-.03em;align-items:center;gap:10px;font-size:20px;font-weight:760;display:flex}.brand-light{z-index:2;color:#fff;position:relative}.brand-mark{color:#fff;background:linear-gradient(145deg,#3b82f6,#2259d5);border-radius:10px;place-items:center;width:34px;height:34px;font-size:17px;font-weight:800;display:grid;box-shadow:0 8px 25px #1356df4d}.showcase-copy{z-index:2;max-width:600px;margin-top:19vh;position:relative}.eyebrow-light{color:#cbdcff;background:#ffffff12;border:1px solid #ffffff2b;border-radius:99px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;display:inline-flex}.showcase-copy h1{letter-spacing:-.055em;margin-top:24px;font-size:clamp(40px,4.4vw,68px);line-height:1.12}.showcase-copy>p{color:#aebfd9;max-width:540px;margin-top:24px;font-size:16px;line-height:1.8}.feature-pills{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.feature-pills span{color:#e8f0ff;background:#ffffff14;border-radius:8px;align-items:center;gap:7px;padding:9px 13px;font-size:12px;display:inline-flex}.login-orbit{border:1px solid #78a9ff1f;border-radius:50%;position:absolute}.orbit-one{width:480px;height:480px;top:12%;right:-250px}.orbit-two{width:760px;height:760px;bottom:-560px;left:-390px}.login-panel{justify-content:center;align-items:center;padding:60px;display:flex}.login-form{width:100%;max-width:400px}.login-form h2{letter-spacing:-.04em;font-size:31px}.form-intro{color:var(--muted);margin:8px 0 32px;font-size:14px}.field-label{color:#344054;margin:18px 0 8px;font-size:13px;font-weight:650;display:block}.input-with-icon{color:#98a2b3;background:#fff;border:1px solid #d8dee8;border-radius:9px;align-items:center;gap:9px;height:46px;padding:0 13px;transition:all .18s;display:flex}.input-with-icon:focus-within{border-color:#8cb0fb;box-shadow:0 0 0 3px #2563eb14}.input-with-icon input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.input-with-icon button{color:#98a2b3;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.check-row{color:var(--muted);align-items:center;gap:8px;margin-top:16px;font-size:13px;display:flex}.login-button{width:100%;height:47px;margin-top:22px}.demo-tip{color:#98a2b3;text-align:center;margin-top:15px;font-size:11px}.form-error{color:#b4233f;background:#fff1f3;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:12px}.mobile-brand{margin-bottom:40px;display:none}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:30;color:#a7b1c2;background:var(--navy);flex-direction:column;width:238px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{color:#fff;border-bottom:1px solid #ffffff12;flex:0 0 73px;height:73px;padding:0 21px}.sidebar-nav{flex:1;min-height:0;padding:18px 12px;overflow-y:auto}.nav-caption{color:#617086;letter-spacing:.12em;text-transform:uppercase;padding:0 11px 9px;font-size:10px;font-weight:750;display:block}.nav-caption-spaced{margin-top:22px}.nav-item{color:#9ca9bb;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;min-height:41px;padding:0 11px;font-size:13px;font-weight:550;transition:all .18s;display:flex}.nav-item:hover{color:#e5ecf6;background:#ffffff0d}.nav-item.active{color:#fff;background:linear-gradient(90deg,#2c6ff142,#2c6ff11f);box-shadow:inset 2px 0 #4f8cff}.nav-item span:nth-child(2){flex:1}.nav-badge{color:#dce9ff;background:#2b62c6;border-radius:99px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:10px;display:grid}.nav-chevron{transition:all .18s}.nav-chevron.rotated{transform:rotate(180deg)}.subnav{border-left:1px solid #ffffff14;margin:4px 0 6px 20px;padding-left:13px}.subnav-item{color:#7e8da2;border-radius:7px;align-items:center;gap:9px;min-height:35px;padding:0 9px;font-size:12px;transition:all .18s;display:flex}.subnav-item:hover,.subnav-item.active{color:#e6edfa;background:#ffffff0d}.subnav-item.active{color:#78a6ff}.sidebar-footer{border-top:1px solid #ffffff12;flex:none;padding:10px 12px 14px}.soon-badge{color:#69798f;background:#ffffff0d;border-radius:5px;padding:2px 6px;font-size:9px}.sidebar-profile{background:#ffffff09;border-radius:9px;align-items:center;gap:9px;margin-top:9px;padding:10px 8px;display:flex}.sidebar-profile>div{flex:1;min-width:0}.sidebar-profile strong,.sidebar-profile small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar-profile strong{color:#d9e0ea;font-size:12px}.sidebar-profile small{color:#6f7d91;margin-top:3px;font-size:9px}.avatar{color:#31558b;background:#eaf1fc;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:720;display:grid}.avatar-dark{color:#cfe0ff;background:#24426e}.avatar-customer{color:#315e9e;background:linear-gradient(145deg,#edf4ff,#dfeafe)}.avatar-tiny{border-radius:7px;width:25px;height:25px;font-size:9px}.avatar-mini{border-radius:8px;width:27px;height:27px;font-size:9px}.avatar-large{border-radius:17px;width:58px;height:58px;font-size:20px}.main-shell{width:calc(100% - 238px);min-height:100vh;margin-left:238px}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;justify-content:space-between;align-items:center;height:73px;padding:0 30px;display:flex;position:sticky;top:0}.topbar-title{align-items:center;gap:12px;display:flex}.topbar-title h1{margin-top:3px;font-size:16px;font-weight:720}.breadcrumb{color:#98a2b3;font-size:10px}.topbar-actions{align-items:center;gap:10px;display:flex}.global-search{border:1px solid var(--line);color:#98a2b3;background:#f8fafc;border-radius:8px;align-items:center;gap:8px;width:245px;height:36px;padding:0 10px;display:flex}.global-search input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.global-search kbd{color:#98a2b3;background:#fff;border:1px solid #e1e5eb;border-radius:4px;padding:2px 5px;font:9px inherit}.notification-button{position:relative}.notification-button i{background:#ef4444;border:1px solid #fff;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:7px}.topbar-user{align-items:center;gap:8px;margin-left:3px;font-size:12px;font-weight:650;display:flex}.page-content{padding:28px 30px 38px}.mobile-menu,.mobile-close{display:none}.welcome-row{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.metric-card{border:1px solid var(--line);min-height:145px;box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:19px;position:relative}.metric-icon{border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.metric-icon.blue{color:#2563eb;background:#eaf2ff}.metric-icon.violet{color:#7c5ce7;background:#f0edff}.metric-icon.green{color:#129868;background:#e8f8f2}.metric-icon.amber{color:#d98717;background:#fff5e5}.metric-title{color:var(--muted);font-size:12px;position:absolute;top:24px;left:68px}.metric-card>strong{letter-spacing:-.04em;margin-top:16px;font-size:27px;display:block}.metric-card>small{color:#98a2b3;margin-top:6px;font-size:11px;display:block}.metric-card>small b{color:var(--green)}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:18px;display:grid}.bar-chart{align-items:flex-end;gap:18px;height:248px;padding:26px 24px 16px;display:flex}.bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;height:100%;display:flex}.bar-value{color:#8b95a7;font-size:9px}.bar-track{background:#f2f5f9;border-radius:6px;align-items:flex-end;width:min(38px,70%);height:176px;display:flex;overflow:hidden}.bar-track i{background:linear-gradient(#6091f6,#2c65d9);border-radius:6px 6px 0 0;width:100%;transition:height .35s;display:block}.bar-column small{color:#8b95a7;font-size:10px}.status-pill{color:#5e697c;white-space:nowrap;background:#f2f4f7;border-radius:99px;align-items:center;gap:6px;min-height:24px;padding:0 8px;font-size:10px;font-weight:650;display:inline-flex}.status-pill i{background:#98a2b3;border-radius:50%;width:6px;height:6px}.status-pill.soft{color:#4772b9;background:#f0f5ff}.status-pill.active,.status-pill.running,.status-pill.completed{color:#13835a;background:#eaf8f2}.status-pill.active i,.status-pill.running i,.status-pill.completed i{background:#20a976}.status-pill.inactive,.status-pill.draft,.status-pill.paused{color:#6f7888;background:#f2f4f7}.status-pill.scheduled{color:#7351cb;background:#f1edff}.status-pill.scheduled i{background:#8b6bdd}.status-pill.failed,.status-pill.blocked{color:#bf4156;background:#fff0f2}.status-pill.failed i,.status-pill.blocked i{background:#d94e64}.channel-panel{flex-direction:column;display:flex}.channel-panel>.button{margin:auto 20px 20px}.channel-summary{padding:5px 20px 15px}.channel-summary-row{border-bottom:1px solid #f0f2f5;align-items:center;gap:11px;padding:14px 0;display:flex}.channel-summary-row>div{flex:1}.channel-summary-row strong,.channel-summary-row small{display:block}.channel-summary-row strong{font-size:12px}.channel-summary-row small{color:#98a2b3;margin-top:3px;font-size:10px}.channel-logo{color:#fff;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.channel-logo.whatsapp{background:#1fb77a}.channel-logo.email{background:#4777df}.channel-logo.small{border-radius:7px;width:27px;height:27px;font-size:10px}.connection-dot{background:#cdd3dc;border-radius:50%;width:8px;height:8px}.connection-dot.connected{background:#20a976;box-shadow:0 0 0 3px #e5f7f0}.recent-list{padding:0 20px 8px}.recent-row{border-bottom:1px solid #f0f2f5;grid-template-columns:36px minmax(150px,.7fr) 90px minmax(180px,1fr) 25px 72px;align-items:center;gap:12px;min-height:67px;padding:10px 3px;font-size:11px;display:grid}.recent-row:last-child{border-bottom:0}.recent-row:hover{background:#fafcff}.recent-customer strong,.recent-customer small{display:block}.recent-customer strong{font-size:12px}.recent-customer small{color:#98a2b3;margin-top:3px;font-size:9px}.recent-message{color:#6f7888;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-row time{color:#98a2b3;text-align:right}.channel-chip{border-radius:6px;align-items:center;width:max-content;min-height:24px;padding:0 8px;font-size:9px;font-weight:700;display:inline-flex}.channel-chip.whatsapp{color:#11805a;background:#e9f8f2}.channel-chip.email{color:#3f68c3;background:#edf3ff}.unread-count{color:#fff;background:var(--primary);border-radius:99px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:9px;display:grid}.chat-workspace{background:#fff;grid-template-columns:156px 284px minmax(390px,1fr) 248px;height:calc(100vh - 73px);margin:-28px -30px -38px;display:grid;overflow:hidden}.chat-views,.conversation-list,.chat-thread,.contact-panel{border-right:1px solid var(--line);min-height:0}.chat-views{background:#fafbfc;padding:17px 10px;overflow-y:auto}.chat-view-heading{color:#98a2b3;letter-spacing:.08em;text-transform:uppercase;padding:7px 9px;font-size:9px;font-weight:720}.custom-heading{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.custom-heading button{color:#98a2b3;cursor:pointer;background:0 0;border:0}.chat-view-button{color:#697386;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;width:100%;height:35px;padding:0 9px;font-size:11px;display:flex}.chat-view-button:hover,.chat-view-button.active{color:#2558b4;background:#eaf2ff}.chat-view-button span{margin-left:auto}.conversation-list{background:#fff;flex-direction:column;display:flex}.conversation-list-header{justify-content:space-between;align-items:center;height:62px;padding:0 14px;display:flex}.conversation-list-header h2{font-size:15px}.conversation-list-header span{color:#98a2b3;font-size:9px}.list-search{color:#98a2b3;background:#f8fafc;border:1px solid #e5e9ef;border-radius:8px;align-items:center;gap:7px;height:36px;margin:0 12px 10px;padding:0 10px;display:flex}.list-search input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:10px}.list-search label{color:#697386;align-items:center;gap:5px;font-size:10px;display:flex}.conversation-scroll{flex:1;min-height:0;overflow-y:auto}.conversation-card{width:100%;min-height:87px;color:inherit;text-align:left;cursor:pointer;background:#fff;border:0;border-top:1px solid #f0f2f5;align-items:flex-start;gap:9px;padding:13px 12px;display:flex;position:relative}.conversation-card:hover{background:#fafcff}.conversation-card.active{box-shadow:inset 3px 0 var(--primary);background:#f0f5ff}.conversation-preview{flex:1;min-width:0}.conversation-preview>div:first-child{justify-content:space-between;gap:6px;display:flex}.conversation-preview strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.conversation-preview time{color:#98a2b3;white-space:nowrap;font-size:8px}.conversation-preview p{color:#697386;text-overflow:ellipsis;white-space:nowrap;margin:6px 0;font-size:10px;overflow:hidden}.preview-meta{color:#98a2b3;align-items:center;gap:5px;font-size:8px;display:flex}.channel-dot{border-radius:50%;width:6px;height:6px}.channel-dot.whatsapp{background:#20b77a}.channel-dot.email{background:#4777df}.tiny-tag{border-radius:4px;margin-left:3px;padding:2px 5px;font-size:8px}.conversation-card>.unread-count{position:absolute;bottom:12px;right:12px}.chat-thread{background:#f6f8fb;flex-direction:column;transition:opacity .15s;display:flex}.chat-thread.faded{opacity:.7}.thread-header{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:12px;height:62px;padding:0 14px;display:flex}.thread-contact{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.thread-contact h3{font-size:12px}.thread-contact p{color:#98a2b3;margin-top:3px;font-size:9px}.online-dot,.status-dot{background:#20a976;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.translation-toolbar{border:1px solid var(--line);color:#697386;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 8px;font-size:9px;display:flex}.translation-toolbar select{color:#536075;background:0 0;border:0;outline:0;max-width:70px;font-size:9px}.mini-switch{display:inline-flex}.mini-switch input{display:none}.mini-switch i{background:#cbd2dc;border-radius:99px;width:28px;height:16px;transition:all .2s;position:relative}.mini-switch i:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000026}.mini-switch input:checked+i{background:var(--primary)}.mini-switch input:checked+i:after{transform:translate(12px)}.thread-body{flex:1;min-height:0;padding:20px 22px;overflow-y:auto}.day-divider{justify-content:center;align-items:center;margin-bottom:18px;display:flex}.day-divider:before,.day-divider:after{content:"";background:#e4e8ee;width:60px;height:1px}.day-divider span{color:#98a2b3;padding:0 9px;font-size:8px}.message-row{align-items:flex-start;gap:7px;margin:0 0 15px;display:flex}.message-row.outgoing{justify-content:flex-end}.message-content{max-width:min(72%,520px)}.message-bubble{background:#fff;border:1px solid #e4e8ef;border-radius:4px 12px 12px;padding:9px 11px;box-shadow:0 2px 5px #10182808}.outgoing .message-bubble{color:#fff;background:#3673e3;border-color:#336edc;border-radius:12px 4px 12px 12px}.message-bubble p{white-space:pre-wrap;font-size:11px;line-height:1.55}.message-content>small{color:#98a2b3;align-items:center;gap:3px;margin-top:4px;font-size:8px;display:flex}.outgoing .message-content>small{justify-content:flex-end}.translated-text{border-top:1px solid #00000014;gap:5px;margin-top:7px;padding-top:7px;font-size:9px;display:flex}.outgoing .translated-text{border-color:#ffffff2e}.composer{background:#fff;border:1px solid #dfe4eb;border-radius:10px;flex:none;margin:0 13px 13px;box-shadow:0 8px 25px #1018280d}.composer-tools{border-bottom:1px solid #edf0f3;align-items:center;gap:3px;height:35px;padding:0 9px;display:flex}.composer-tools button{color:#798296;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:29px;height:29px;display:grid}.translation-on{color:#5d7db6;align-items:center;gap:4px;margin-left:auto;font-size:8px;display:flex}.composer textarea{resize:none;width:100%;color:var(--ink);border:0;outline:0;padding:10px 12px;font-size:11px;line-height:1.5}.composer-footer{justify-content:space-between;align-items:center;padding:0 8px 8px 11px;display:flex}.inline-toggle{color:#7b8494;align-items:center;gap:6px;font-size:8px;display:flex}.send-button{min-height:32px;padding:0 10px;font-size:10px}.contact-panel{background:#fff;border-right:0;overflow-y:auto}.contact-profile{border-bottom:1px solid var(--line);text-align:center;flex-direction:column;align-items:center;padding:24px 15px 18px;display:flex}.contact-profile h3{margin-top:10px;font-size:13px}.contact-profile>p{color:#98a2b3;margin-top:3px;font-size:9px}.profile-tags{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:12px;display:flex}.profile-tags span,.profile-tags button{border:0;border-radius:5px;align-items:center;min-height:21px;padding:0 7px;font-size:8px;display:inline-flex}.profile-tags button{color:#7a8495;cursor:pointer;background:#f1f3f6}.contact-section{border-bottom:1px solid var(--line);padding:17px 16px}.contact-section h4{color:#536075;margin-bottom:12px;font-size:10px}.contact-section dl{grid-template-columns:70px minmax(0,1fr);gap:10px 7px;margin:0;font-size:9px;display:grid}.contact-section dt{color:#98a2b3}.contact-section dd{color:#465266;text-align:right;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.chat-empty{color:#97a3b6;background:#f8fafc;flex-direction:column;justify-content:center;align-items:center;display:flex}.chat-empty h3{color:#526074;margin-top:12px;font-size:14px}.chat-empty p{margin-top:5px;font-size:10px}.table-panel{overflow:hidden}.table-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:9px;min-height:66px;padding:14px 17px;display:flex}.table-toolbar>div:first-child:not(.toolbar-search){margin-right:auto}.table-toolbar h3{font-size:15px}.toolbar-search{color:#98a2b3;background:#fff;border:1px solid #dfe4eb;border-radius:8px;align-items:center;gap:7px;width:min(340px,35vw);height:37px;padding:0 10px;display:flex}.toolbar-search.compact{width:220px;margin-left:auto}.toolbar-search input{border:0;outline:0;flex:1;min-width:0;font-size:11px}.table-toolbar select,.form-field select,.form-field input,.form-field textarea{color:#344054;background:#fff;border:1px solid #dfe4eb;border-radius:8px;outline:0;transition:all .18s}.table-toolbar select{height:37px;padding:0 28px 0 10px;font-size:10px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#8cb0fb;box-shadow:0 0 0 3px #2563eb12}.bulk-bar{color:#405274;background:#f0f5ff;align-items:center;gap:9px;min-height:49px;padding:0 17px;font-size:11px;display:flex}.bulk-bar strong{margin-right:auto}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;table-layout:auto;width:100%}.data-table th{color:#7b8494;text-align:left;white-space:nowrap;background:#fafbfc;height:42px;padding:0 12px;font-size:9px;font-weight:650}.data-table td{color:#465266;vertical-align:middle;border-top:1px solid #eef1f4;height:67px;padding:9px 12px;font-size:10px}.data-table tbody tr:hover{background:#fcfdff}.check-cell{width:42px!important;padding-left:17px!important}.action-cell{white-space:nowrap;width:80px;text-align:right!important}.customer-cell{align-items:center;gap:9px;min-width:150px;display:flex}.customer-cell strong,.customer-cell small,.stacked-cell>*{display:block}.customer-cell strong{color:var(--ink);font-size:11px}.customer-cell small,.stacked-cell small{color:#98a2b3;margin-top:3px;font-size:8px}.stacked-cell strong{color:var(--ink);font-size:11px}.member-cell{white-space:nowrap;align-items:center;gap:6px;display:flex}.tag-list{flex-wrap:wrap;align-items:center;gap:4px;min-width:125px;display:flex}.tag-list span{white-space:nowrap;border-radius:5px;align-items:center;gap:4px;padding:4px 6px;font-size:8px;display:inline-flex}.tag-list i{border-radius:50%;width:5px;height:5px}.tag-list b{color:#98a2b3;font-size:8px}.table-footer{border-top:1px solid var(--line);color:#8b95a7;justify-content:space-between;align-items:center;min-height:55px;padding:0 17px;font-size:10px;display:flex}.pagination{align-items:center;gap:8px;display:flex}.pagination button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.pagination button:disabled{opacity:.4;cursor:not-allowed}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#09111f8f;justify-content:center;align-items:center;padding:30px;animation:.16s fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:14px;flex-direction:column;width:min(520px,100%);max-height:calc(100vh - 60px);animation:.18s slideUp;display:flex;box-shadow:0 24px 80px #09111f40}.modal-card.modal-wide{width:min(760px,100%)}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:66px;padding:15px 20px;display:flex}.modal-header h2{font-size:17px}.modal-body{padding:21px;overflow-y:auto}.modal-footer{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:9px;min-height:68px;padding:13px 20px;display:flex}@keyframes fadeIn{0%{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid.one-column{grid-template-columns:1fr}.form-span{grid-column:1/-1}.form-field{flex-direction:column;gap:7px;min-width:0;display:flex}.form-field>span,.form-field legend{color:#465266;font-size:11px;font-weight:650}.form-field input,.form-field select{width:100%;height:41px;padding:0 11px;font-size:11px}.form-field textarea{resize:vertical;width:100%;padding:10px 11px;font-size:11px;line-height:1.5}.form-field small{color:#98a2b3;font-size:9px}.form-field .field-error,.field-error{color:#c44359;font-size:9px}fieldset.form-field{border:0;margin:0;padding:0}.form-field legend{margin-bottom:8px}.tag-picker{flex-wrap:wrap;gap:7px;display:flex}.tag-picker label{color:#5f697a;cursor:pointer;border:1px solid #e1e5eb;border-radius:7px;align-items:center;gap:6px;min-height:29px;padding:0 9px;font-size:9px;display:flex}.tag-picker label:has(input:checked){color:var(--tag-color);border-color:color-mix(in srgb,var(--tag-color) 45%,white);background:color-mix(in srgb,var(--tag-color) 7%,white)}.tag-picker input{display:none}.tag-picker i{background:var(--tag-color);border-radius:50%;width:7px;height:7px}.segmented-tabs{border-bottom:1px solid var(--line);gap:25px;min-height:63px;padding:0 20px;display:flex}.segmented-tabs button{color:#7b8494;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0 2px;font-size:12px;display:flex;position:relative}.segmented-tabs button.active{color:var(--primary);font-weight:650}.segmented-tabs button.active:after{content:"";background:var(--primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.segmented-tabs button span{background:#f0f2f5;border-radius:99px;padding:2px 6px;font-size:8px}.tag-toolbar{align-items:center;gap:18px;min-height:66px;padding:14px 20px;display:flex}.tag-toolbar p{color:#98a2b3;font-size:10px}.tag-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 20px 20px;display:grid}.tag-card{background:#fff;border:1px solid #e7eaf0;border-radius:10px;padding:16px}.tag-card header{justify-content:space-between;align-items:center;display:flex}.large-tag,.tag-preview b{border-radius:7px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;display:inline-flex}.large-tag i,.tag-preview b i{border-radius:50%;width:7px;height:7px}.tag-card>p{color:#7b8494;height:32px;margin:13px 0;font-size:10px;line-height:1.55}.tag-card footer{color:#98a2b3;border-top:1px solid #f0f2f5;justify-content:space-between;align-items:center;padding-top:11px;font-size:8px;display:flex}.tag-card footer span{align-items:center;gap:5px;display:flex}.color-picker{gap:9px;display:flex}.color-picker label{cursor:pointer;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.color-picker input{display:none}.color-picker i{opacity:0;background:#fff;border-radius:50%;width:9px;height:9px;transition:all .16s;transform:scale(.5)}.color-picker input:checked+i{opacity:1;transform:scale(1)}.tag-preview{background:#f8fafc;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.tag-preview>span{color:#98a2b3;font-size:9px}.connection-overview,.campaign-metrics{grid-template-columns:repeat(3,minmax(150px,1fr)) minmax(280px,1.2fr);gap:12px;display:grid}.connection-overview>article,.campaign-metrics>article{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:12px;min-height:82px;padding:15px;display:flex}.connection-overview article small,.connection-overview article strong,.campaign-metrics article small,.campaign-metrics article strong{display:block}.connection-overview article small,.campaign-metrics article small{color:#8b95a7;font-size:9px}.connection-overview article strong,.campaign-metrics article strong{margin-top:3px;font-size:20px}.security-note{color:#16865d;background:#f0faf6;border:1px solid #dceae5;border-radius:11px;align-items:center;gap:10px;padding:15px;display:flex}.security-note span,.security-note strong,.security-note small{display:block}.security-note strong{font-size:10px}.security-note small{color:#659183;margin-top:3px;font-size:8px}.channel-group{overflow:hidden}.channel-heading{align-items:center;gap:11px;display:flex}.channel-group-header{min-height:75px}.account-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 19px 20px;display:grid}.account-card,.add-account-card{background:#fff;border:1px solid #e4e8ef;border-radius:10px;min-height:170px}.account-card{padding:15px}.account-card header{align-items:center;gap:9px;display:flex}.account-icon{border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.account-icon.whatsapp{color:#11805a;background:#e9f8f2}.account-icon.email{color:#3f68c3;background:#edf3ff}.account-title{flex:1;min-width:0}.account-title strong,.account-title small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.account-title strong{font-size:11px}.account-title small{color:#98a2b3;margin-top:3px;font-size:8px}.account-card dl{border-top:1px solid #f0f2f5;border-bottom:1px solid #f0f2f5;grid-template-columns:repeat(3,1fr);margin:17px 0 14px;padding:11px 0;display:grid}.account-card dl div{text-align:center}.account-card dt{color:#98a2b3;font-size:8px}.account-card dd{color:#465266;margin:4px 0 0;font-size:10px;font-weight:650}.account-card footer{justify-content:space-between;align-items:center;display:flex}.add-account-card{color:#7b8494;cursor:pointer;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;display:flex}.add-account-card:hover{color:var(--primary);background:#fafdff;border-color:#91adf0}.add-account-card>span{background:#f1f4f8;border-radius:10px;place-items:center;width:38px;height:38px;margin-bottom:9px;display:grid}.add-account-card strong{font-size:11px}.add-account-card small{margin-top:4px;font-size:8px}.credential-notice{color:#4c6a8d;background:#f1f6fd;border-radius:8px;align-items:center;gap:8px;padding:11px 12px;font-size:9px;display:flex}.status-pill.warning{color:#9a6a12;background:#fff7e6}.status-pill.warning i{background:#e3a52b}.status-pill.error{color:#bf4156;background:#fff0f2}.status-pill.error i{background:#d94e64}.proxy-toggle{cursor:pointer;background:#fafcff;border:1px solid #dfe5ef;border-radius:9px;justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:10px 13px;display:flex}.proxy-toggle>span{color:#315f9f;grid-template-columns:22px 1fr;align-items:center;display:grid}.proxy-toggle b{font-size:11px}.proxy-toggle small{color:#8390a3;grid-column:2;margin-top:3px;font-size:9px}.proxy-toggle input{width:34px;height:18px}.qr-login-note{color:#147855;background:#f1faf6;border:1px solid #d8e9e2;border-radius:9px;align-items:center;gap:12px;padding:14px;display:flex}.qr-login-note strong,.qr-login-note small{display:block}.qr-login-note strong{font-size:11px}.qr-login-note small{color:#688f81;margin-top:4px;font-size:9px;line-height:1.5}.proxy-summary{color:#5e7090;text-overflow:ellipsis;white-space:nowrap;background:#f3f6fb;border-radius:6px;align-items:center;gap:6px;margin:-5px 0 10px;padding:7px 8px;font-size:8px;display:flex;overflow:hidden}.qr-manager{flex-direction:column;gap:15px;display:flex}.qr-account-head{align-items:center;gap:10px;display:flex}.qr-account-head>div{flex:1;min-width:0}.qr-account-head strong,.qr-account-head small{display:block}.qr-account-head strong{font-size:12px}.qr-account-head small{color:#98a2b3;margin-top:3px;font-size:9px}.qr-code-box,.qr-state-box{text-align:center;background:#fafcfe;border:1px solid #e4e9ef;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:18px;display:flex}.qr-code-box img{background:#fff;border-radius:10px;width:min(300px,85vw);height:auto;padding:8px;box-shadow:0 8px 30px #10182814}.qr-code-box strong,.qr-state-box strong{margin-top:14px;font-size:13px}.qr-code-box p,.qr-state-box p{color:#8993a4;max-width:390px;margin-top:6px;font-size:10px;line-height:1.55}.qr-state-box{color:#4773c4}.qr-state-box.success{color:#16845d;background:#f4fbf8}.qr-state-box.error{color:#c3485d;background:#fff8f9}.active-proxy{color:#536784;background:#f3f6fa;border-radius:8px;align-items:center;gap:9px;padding:11px 13px;display:flex}.active-proxy span,.active-proxy b,.active-proxy small{display:block}.active-proxy b{font-size:9px}.active-proxy small{color:#8792a4;margin-top:3px;font-size:8px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.campaign-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.campaign-table td{height:70px}.progress-cell{width:90px}.progress-cell>div{background:#edf0f4;border-radius:99px;height:5px;overflow:hidden}.progress-cell i{background:var(--primary);border-radius:99px;height:100%;display:block}.progress-cell small{color:#98a2b3;margin-top:5px;font-size:8px;display:block}.campaign-form{flex-direction:column;gap:24px;display:flex}.campaign-form>section{grid-template-columns:34px minmax(0,1fr);gap:12px;display:grid}.form-step{color:#4771bd;background:#edf3ff;border-radius:9px;place-items:center;width:29px;height:29px;font-size:9px;font-weight:750;display:grid}.form-step-content h3{margin:6px 0 16px;font-size:13px}.form-step-content h3 small{color:#98a2b3;margin-left:6px;font-size:9px;font-weight:500}.choice-list{flex-wrap:wrap;gap:8px;display:flex}.choice-list label{cursor:pointer;border:1px solid #e1e5eb;border-radius:8px;grid-template-columns:18px 28px 1fr;align-items:center;column-gap:7px;min-width:210px;min-height:47px;padding:7px 9px;display:grid}.choice-list label:has(input:checked){background:#f3f7ff;border-color:#97b2ef}.choice-list label b,.choice-list label small{grid-column:3}.choice-list label b{align-self:end;font-size:9px}.choice-list label small{color:#98a2b3;align-self:start;font-size:8px}.choice-list label .channel-logo{grid-area:1/2/3}.choice-list>p{color:#a17725;font-size:9px}.message-options{align-items:center;gap:7px;margin-top:8px;display:flex}.message-options button,.message-options label{color:#647084;cursor:pointer;background:#fff;border:1px solid #e1e5eb;border-radius:7px;align-items:center;gap:5px;min-height:30px;padding:0 9px;font-size:9px;display:inline-flex}.message-options select{border:1px solid #e1e5eb;border-radius:7px;height:30px;font-size:9px}.audience-picker{border:1px solid #e1e5eb;border-radius:9px;overflow:hidden}.audience-picker .list-search{border:0;border-bottom:1px solid #e8ebf0;border-radius:0;margin:0}.audience-list{max-height:185px;overflow-y:auto}.audience-list label{cursor:pointer;border-bottom:1px solid #f0f2f5;grid-template-columns:18px 27px minmax(100px,1fr) minmax(120px,1fr) 70px;align-items:center;gap:7px;min-height:43px;padding:5px 10px;font-size:9px;display:grid}.audience-list label:hover{background:#fafcff}.audience-list label b{font-size:9px}.audience-list label small{color:#98a2b3;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.switch-field{grid-template-columns:1fr auto;align-items:center;display:grid}.switch-field>small{grid-column:1/-1}.library-panel{overflow:hidden}.reply-grid,.media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px;display:grid}.reply-card{border:1px solid #e4e8ef;border-radius:10px;padding:15px}.reply-card header{align-items:center;gap:9px;display:flex}.reply-card header>span{width:34px;height:34px;color:var(--primary);background:var(--primary-soft);border-radius:9px;place-items:center;display:grid}.reply-card header>div{flex:1;min-width:0}.reply-card strong,.reply-card small{display:block}.reply-card strong{font-size:10px}.reply-card small{color:#98a2b3;margin-top:3px;font-size:8px}.reply-card>p{color:#626e81;height:63px;margin:14px 0;font-size:10px;line-height:1.6;overflow:hidden}.reply-card footer{border-top:1px solid #f0f2f5;justify-content:space-between;align-items:center;padding-top:11px;display:flex}.reply-card code{color:#6f5cc3;background:#f2efff;border-radius:4px;padding:3px 6px;font-size:8px}.media-card{border:1px solid #e4e8ef;border-radius:10px;align-items:center;gap:12px;min-height:105px;padding:11px;display:flex}.media-preview{color:#4777df;background:#edf3ff;border-radius:9px;flex:none;place-items:center;width:68px;height:68px;display:grid}.media-preview.video{color:#7c5ce7;background:#f1edff}.media-preview.audio{color:#d98717;background:#fff4e5}.media-card>div:last-child{min-width:0}.media-card strong,.media-card small,.media-card span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.media-card strong{font-size:10px}.media-card small{color:#647084;margin-top:5px;font-size:8px}.media-card span{color:#a0a8b6;margin-top:4px;font-size:7px}.upload-drop{color:#6f7c90;cursor:pointer;background:#fafbfd;border:1px dashed #bdc7d7;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:145px;display:flex}.upload-drop:hover{color:var(--primary);border-color:#7ea2ee}.upload-drop strong{margin-top:9px;font-size:11px}.upload-drop span{color:#98a2b3;margin-top:5px;font-size:8px}.upload-drop input{display:none}.hidden-file-input{opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;position:fixed!important}.channel-radio{flex-wrap:wrap;gap:8px;display:flex}.channel-radio label{color:#5e697c;cursor:pointer;background:#fff;border:1px solid #dfe4eb;border-radius:8px;align-items:center;gap:7px;min-height:38px;padding:0 13px;display:flex}.channel-radio label.active{color:#245abd;background:#f1f6ff;border-color:#8faef0}.import-flow{flex-direction:column;gap:17px;display:flex}.import-tip{color:#3d6cb9;background:#f4f8ff;border:1px solid #d9e6fa;border-radius:10px;align-items:center;gap:12px;padding:14px;display:flex}.import-tip>div{flex:1}.import-tip strong,.import-tip small{display:block}.import-tip strong{font-size:11px}.import-tip small{color:#7085a4;margin-top:5px;font-size:9px}.import-result{color:#16845d;text-align:center;flex-direction:column;align-items:center;padding:20px 0;display:flex}.import-result h3{margin-top:12px}.import-result>p{color:#718096;margin-top:6px;font-size:10px}.import-stats{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;margin-top:20px;display:grid}.import-stats span{color:#687386;background:#f6f8fb;border-radius:8px;padding:12px;font-size:9px}.import-stats b{color:#1c2a3e;margin-bottom:3px;font-size:18px;display:block}.import-error-list{text-align:left;background:#fff5f6;border-radius:8px;width:100%;max-height:150px;margin-top:14px;padding:10px;overflow:auto}.import-error-list p{color:#b74458;margin:4px;font-size:9px}.column-settings{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.column-settings label{cursor:pointer;border:1px solid #e3e7ed;border-radius:8px;align-items:center;gap:9px;padding:11px;font-size:11px;display:flex}.selected-media{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px;display:grid}.selected-media article{color:#52647f;background:#fafcff;border:1px solid #e2e7ef;border-radius:8px;align-items:center;gap:8px;min-width:0;padding:9px;display:flex}.selected-media span{flex:1;min-width:0}.selected-media b,.selected-media small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.selected-media b{font-size:9px}.selected-media small{color:#98a2b3;margin-top:3px;font-size:8px}.selected-media button{color:#8993a4;cursor:pointer;background:0 0;border:0}.audience-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:9px;display:grid}.audience-filters label{color:#697386;flex-direction:column;gap:5px;font-size:8px;display:flex}.audience-filters select{color:#4e5b70;background:#fff;border:1px solid #e1e5eb;border-radius:7px;height:34px;padding:0 8px;font-size:9px}.tag-mini-set{gap:3px;display:flex;overflow:hidden}.tag-mini-set i{color:#55709a;white-space:nowrap;background:#eff4fc;border-radius:4px;padding:2px 4px;font-size:7px;font-style:normal}.audience-empty{color:#98a2b3;text-align:center;padding:20px;font-size:9px}.picker-list{flex-direction:column;gap:7px;display:flex}.picker-list>button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e3e7ed;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.picker-list>button:hover{background:#f7faff;border-color:#94b1ef}.picker-list b{font-size:10px}.picker-list small{color:#7b8494;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.asset-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.asset-picker-grid>button{color:#60718c;text-align:left;cursor:pointer;background:#fff;border:1px solid #e1e5eb;border-radius:9px;align-items:center;gap:9px;min-width:0;padding:12px;display:flex}.asset-picker-grid>button.selected{color:#225cc7;background:#f0f5ff;border-color:#84a8f4}.asset-picker-grid span{min-width:0}.asset-picker-grid b,.asset-picker-grid small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.asset-picker-grid b{font-size:9px}.asset-picker-grid small{color:#98a2b3;margin-top:3px;font-size:8px}.chat-media-image,.chat-media-video{border-radius:8px;max-width:min(380px,100%);max-height:320px;display:block}.chat-file-link{color:#245fbf;background:#ffffffbf;border-radius:7px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;display:flex}.message-failed{color:#c63f58;margin-right:5px}.composer-tools{position:relative}.emoji-picker{z-index:3;background:#fff;border:1px solid #e0e5ec;border-radius:9px;grid-template-columns:repeat(4,31px);gap:3px;padding:6px;display:grid;position:absolute;bottom:30px;left:34px;box-shadow:0 10px 30px #10182824}.emoji-picker button{cursor:pointer;background:#fff;border:0;border-radius:6px;width:31px;height:31px}.emoji-picker button:hover{background:#f0f4fa}.translation-on{color:#4974c4;align-items:center;gap:4px;font-size:8px;display:inline-flex}.media-card>.row-action{flex:none;margin-left:auto}@media (width<=1280px){.chat-workspace{grid-template-columns:138px 260px minmax(380px,1fr)}.contact-panel{display:none}.account-grid,.reply-grid,.media-grid,.tag-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audience-filters{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.channel-panel{min-height:320px}.connection-overview{grid-template-columns:repeat(3,1fr)}.security-note{grid-column:1/-1}.recent-row{grid-template-columns:36px 1fr 80px 70px}.recent-message,.recent-row>.unread-count{display:none}.chat-workspace{grid-template-columns:240px minmax(400px,1fr)}.chat-views{display:none}}@media (width<=840px){.sidebar{transition:transform .22s;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0);box-shadow:10px 0 35px #09111f33}.mobile-overlay{z-index:25;background:#09111f6b;position:fixed;inset:0}.main-shell{width:100%;margin-left:0}.mobile-menu,.mobile-close{display:inline-flex}.mobile-close{margin-left:auto}.global-search{display:none}.page-content{padding:23px 19px 32px}.chat-workspace{margin:-23px -19px -32px}.login-page{grid-template-columns:1fr}.login-showcase{display:none}.login-panel{min-height:100vh;padding:35px 24px}.mobile-brand{display:flex}.page-heading{flex-direction:column;align-items:flex-start}.heading-actions{width:100%}.heading-actions .button{flex:1}.connection-overview,.campaign-metrics{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.topbar{padding:0 15px}.topbar-user>span:last-child{display:none}.page-content{padding:18px 12px 28px}.chat-workspace{margin:-18px -12px -28px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:130px;padding:15px}.metric-title{top:20px;left:61px}.metric-card>strong{font-size:23px}.chat-workspace{grid-template-columns:1fr}.chat-thread{display:none}.conversation-list{border-right:0}.form-grid{grid-template-columns:1fr}.form-span{grid-column:auto}.modal-backdrop{padding:12px}.modal-card{max-height:calc(100vh - 24px)}.table-toolbar{flex-wrap:wrap;align-items:stretch}.toolbar-search{width:100%}.table-toolbar select{flex:1}.tag-card-grid,.account-grid,.reply-grid,.media-grid,.connection-overview,.campaign-metrics{grid-template-columns:1fr}.security-note{grid-column:auto}.segmented-tabs{padding:0 12px}.tag-toolbar{flex-direction:column;align-items:flex-start}.tag-toolbar .toolbar-search{width:100%}.account-grid,.reply-grid,.media-grid{padding:12px}.channel-group-header{flex-direction:column;align-items:flex-start}}