:root{--navy:#153a5e;--navy2:#0d2035;--green:#28b99a;--bg:#f3f6f8;--text:#14213a;--muted:#718094;--line:#dfe6eb;--white:#fff;--radius:16px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#28b99a,#17877a);color:#fff;font-size:14px;font-weight:900;box-shadow:0 10px 22px rgba(33,184,153,.24)}.brand-mark.small{width:29px;height:29px;border-radius:9px;font-size:10px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2cd3a8;box-shadow:0 0 0 3px rgba(44,211,168,.13)}.dot.amber{background:#efa735;box-shadow:0 0 0 3px rgba(239,167,53,.12)}.badge{display:inline-flex;align-items:center;gap:6px;width:max-content;border:1px solid #dfe6eb;border-radius:999px;background:#f4f7f9;color:#5d6d80;padding:4px 8px;font-size:11px;font-style:normal}.badge.demo{border-color:#eadfca;background:#fffaf0;color:#9a6a1c;padding:6px 10px}.badge.live{background:#eaf8f3;color:#167861;border-color:#cfede4}.badge.scheduled{background:#fff4df;color:#a66e15;border-color:#f2dfba}.badge.complete{background:#eef2f5;color:#687789}.badge.draft{background:#f2effb;color:#6d55a4}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;border:1px solid transparent;border-radius:9px;padding:0 15px;font-size:13px;font-weight:750}.button.primary{background:var(--navy);color:#fff}.button.outline{border-color:#dce4e9;background:#fff;color:#536477}.button.mint{background:#63ddc1;color:#123a34}.panel{border:1px solid #e0e7ec;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(21,47,72,.035)}.eyebrow{display:inline-flex;align-items:center;gap:6px;color:#248a78;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.text-link{border:0;background:transparent;color:#1b7869;font-size:11px;font-weight:750}.empty-state{padding:30px;color:#8491a0;text-align:center;font-size:13px}
.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;width:256px;flex-direction:column;background:linear-gradient(180deg,#102943,#0d2035);color:#eef6fb;padding:22px 16px 16px;box-shadow:12px 0 34px rgba(17,39,62,.08)}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 8px 22px}.sidebar-brand>span:nth-child(2){flex:1}.sidebar-brand strong,.sidebar-brand small{display:block}.sidebar-brand strong{font-size:19px;letter-spacing:-.03em}.sidebar-brand small{color:#93a8bb;font-size:11px}.sidebar-brand>button{display:none;border:0;background:transparent;color:#fff;font-size:26px}.business-switch{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.055);border-radius:13px;padding:10px}.business-switch>i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f2bf5a;color:#19314c;font-size:11px;font-weight:800;font-style:normal}.business-switch strong,.business-switch small{display:block}.business-switch strong{font-size:13px}.business-switch small{color:#90a5b7;font-size:10px}.business-switch b{color:#91a6b8}.sidebar nav{display:flex;flex-direction:column;gap:3px;margin-top:22px}.sidebar nav button{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;min-height:43px;border:0;border-radius:11px;padding:0 11px;color:#aabac9;background:transparent;text-align:left;font-size:14px}.sidebar nav button:hover{color:#fff;background:rgba(255,255,255,.05)}.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,rgba(40,185,154,.2),rgba(40,185,154,.09));box-shadow:inset 3px 0 #2fd0ae}.sidebar nav button>span{font-size:17px}.sidebar nav em{min-width:22px;padding:3px 6px;border-radius:8px;background:#2eb896;color:#fff;font-size:10px;font-style:normal;text-align:center}.sidebar-bottom{margin-top:auto;display:grid;gap:10px}.connection{border-radius:12px;padding:10px 11px;background:rgba(255,255,255,.055)}.connection span{display:flex;align-items:center;gap:7px;font-size:12px}.connection small{display:block;color:#8fa5b8;font-size:10px;margin:4px 0 0 15px}.user{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:9px}.user>i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#294664;font-size:11px;font-weight:700;font-style:normal}.user strong,.user small{display:block}.user strong{font-size:12px}.user small{max-width:130px;color:#8399ac;font-size:10px;overflow:hidden;text-overflow:ellipsis}.user button{border:0;background:transparent;color:#aab9c6}
.app-main{margin-left:256px;min-height:100vh}.topbar{position:sticky;top:0;z-index:20;height:78px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e1e7eb;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);padding:0 clamp(20px,3vw,42px)}.topbar>div{flex:1}.topbar h1{margin:0;font-size:18px;letter-spacing:-.025em}.topbar p{margin:4px 0 0;color:#788597;font-size:12px}.icon-button,.menu-button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #e2e8ed;border-radius:10px;background:#fff;color:#627084}.menu-button{display:none}.mobile-nav{display:none}.workspace{max-width:1600px;margin:auto;padding:clamp(20px,2.8vw,38px)}.app-section{display:none}.app-section.active{display:grid;gap:20px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:24px}.welcome h2{margin:7px 0 5px;font-size:clamp(24px,2.1vw,32px);letter-spacing:-.045em}.welcome p{margin:0;color:#657286;font-size:14px}.welcome p strong{color:var(--navy)}.quick{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:106px;border:1px solid #e1e7eb;border-radius:16px;background:#fff;padding:18px}.metric>i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;font-style:normal}.metric>i.blue{background:#edf4ff;color:#2468c9}.metric>i.violet{background:#f4efff;color:#7a55cc}.metric>i.green{background:#e9f8f4;color:#138b73}.metric>i.amber{background:#fff5df;color:#b97a16}.metric small,.metric strong{display:block}.metric small{color:#758194;font-size:11px}.metric strong{margin-top:5px;font-size:23px}.metric em{align-self:end;border-radius:7px;background:#eef9f6;color:#1a8d74;padding:3px 6px;font-size:10px;font-style:normal;font-weight:700}.grid-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:18px}.grid-main.lower{grid-template-columns:minmax(0,1.4fr) minmax(310px,.75fr)}.chart-card,.funnel,.attention,.analytics,.activity{padding:20px}.chart-card>header,.funnel>header,.attention>header,.creative>header,.analytics>header,.activity>header,.settings-form>header{display:flex;justify-content:space-between;gap:12px}.chart-card h3,.funnel h3,.attention h3,.creative h3,.analytics h3,.activity h3,.settings-form h3{margin:0;font-size:15px}.chart-card header p,.funnel header p,.attention header p,.creative header p,.analytics header p,.activity header p,.settings-form header p{margin:4px 0 0;color:#8390a0;font-size:11px}.chart-card header button,.funnel header button{border:1px solid #e1e7eb;border-radius:8px;background:#fff;color:#607085;padding:0 9px;font-size:11px}.chart-total{display:flex;align-items:baseline;gap:7px;margin-top:20px}.chart-total strong{font-size:25px}.chart-total span{color:#7a8797;font-size:11px}.chart-total em{color:#148872;font-size:11px;font-style:normal}.bars{height:155px;display:flex;align-items:flex-end;gap:clamp(5px,1.3vw,14px);padding-top:18px;border-bottom:1px solid #e7ecef}.bars>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bars i{width:100%;max-width:20px;min-width:7px;border-radius:6px 6px 2px 2px;background:#d9e4ec}.bars i.hot{background:linear-gradient(180deg,#2fb99b,#1c8c7c)}.bars small{height:12px;color:#98a3b0;font-size:9px;white-space:nowrap}.funnel{display:flex;flex-direction:column}.funnel-row{margin-top:15px}.funnel-row>span{display:flex;justify-content:space-between;font-size:11px}.funnel-row small{color:#68778a}.funnel-row>i{display:block;height:6px;margin-top:6px;border-radius:99px;background:#eef1f4;overflow:hidden}.funnel-row b{display:block;height:100%;border-radius:inherit}.funnel>.text-link{margin-top:auto;padding-top:17px}.attention #attentionList>button{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:0;border-top:1px solid #edf0f2;background:#fff;padding:11px 0;text-align:left}.attention strong,.attention small{display:block}.attention strong{font-size:12px}.attention small{max-width:320px;color:#788698;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attention time{display:grid;justify-items:end;gap:5px;color:#8a95a3;font-size:9px}.attention time em{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#28ad91;color:#fff;font-style:normal}.ai-panel{position:relative;overflow:hidden;border-radius:17px;padding:22px;color:#fff;background:radial-gradient(circle at 94% 6%,rgba(62,209,177,.28),transparent 35%),linear-gradient(145deg,#143657,#102940)}.ai-panel .ai-icon{position:absolute;right:24px;top:20px;color:#78e4cc;font-size:28px}.ai-panel .eyebrow{color:#6ee0c7}.ai-panel h3{max-width:400px;margin:11px 0 8px;font-size:18px}.ai-panel p{margin:0 0 18px;color:#bfd0dd;font-size:12px;line-height:1.55}
.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#eef2f5;color:#526275;font-size:11px;font-weight:800;font-style:normal;flex:none}.avatar.large{width:68px;height:68px;border-radius:20px;font-size:16px}.avatar.c0{background:#ffe9ed;color:#a63f55}.avatar.c1{background:#e8f2ff;color:#2666b6}.avatar.c2{background:#f1eaff;color:#704cb2}.avatar.c3{background:#fff2d7;color:#9c6818}.avatar.slate{background:#eef2f5;color:#526275}.actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.actions>span{flex:1}.actions>span strong,.actions>span small{display:block}.actions>span small{color:#7d8998;font-size:12px}.search{display:flex;align-items:center;gap:8px;min-height:36px;border:1px solid #dee6eb;border-radius:10px;background:#fff;padding:0 10px}.search.wide{width:min(480px,100%)}.search span{color:#8894a4}.search input{width:100%;border:0;outline:0;background:transparent;font-size:12px}.segments{display:flex;border:1px solid #dfe6eb;border-radius:11px;background:#fff;padding:3px}.segments button{min-height:31px;border:0;border-radius:8px;padding:0 12px;background:transparent;color:#6f7e90;font-size:11px}.segments button.active{background:#edf3f7;color:#183c60;font-weight:700}
.table-panel{overflow:hidden}.table-panel>header{display:flex;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #e7ecef;color:#718094;font-size:11px}.table-panel>header button{border:0;background:transparent;color:#2a796b;font-weight:700}.data-table{overflow-x:auto}.data-row{min-width:940px;display:grid;grid-template-columns:1.5fr 1.15fr .8fr .8fr .75fr 30px;gap:16px;align-items:center;min-height:65px;padding:8px 18px;border-top:1px solid #edf0f2;color:#4f5f73;font-size:11px}.data-row.head{min-height:40px;border:0;background:#f8fafb;color:#8b96a4;font-size:10px;font-weight:700;text-transform:uppercase}.customer{display:flex;align-items:center;gap:10px}.customer b{font-weight:400}.customer strong,.customer small{display:block}.customer strong{color:#192e47}.customer small{color:#8994a2;font-size:10px}.stage,.consent{display:inline-flex;width:max-content;border:1px solid #cfece3;border-radius:999px;background:#eaf7f3;color:#197863;padding:3px 7px;font-size:10px;font-style:normal}.consent{border-color:#e1e6e9;background:#f3f5f7;color:#677587}.consent.yes{border-color:#cfece3;background:#eaf7f3;color:#197863}.consent.no{border-color:#f0cccc;background:#fff0f0;color:#a94747}.data-row>button{border:0;background:transparent}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.campaign-card,.template-card{padding:18px}.campaign-card>header,.template-card>header{display:flex;align-items:center;gap:8px}.campaign-card>header>button{margin-left:auto;border:0;background:transparent}.campaign-icon,.template-card>header>i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;font-style:normal}.campaign-icon.c0{background:#eaf8f4;color:#1e8f78}.campaign-icon.c1{background:#edf4ff;color:#2d6ac0}.campaign-icon.c2{background:#f3efff;color:#7854c5}.campaign-card h3,.template-card h3{margin:16px 0 5px;font-size:14px}.campaign-card>p,.template-card>p{margin:0;color:#7b8797;font-size:11px;line-height:1.55}.campaign-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.campaign-stats span{border-radius:10px;background:#f6f8fa;padding:9px}.campaign-stats strong,.campaign-stats small,.schedule strong,.schedule small{display:block}.campaign-stats strong{font-size:15px}.campaign-stats small{color:#8490a0;font-size:9px}.schedule{display:flex;align-items:center;gap:10px;min-height:57px;margin:18px 0;border-radius:10px;background:#fff8eb;padding:9px;color:#a37120}.schedule strong{font-size:11px}.schedule small{font-size:9px}.campaign-card>footer,.template-card>footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f2;padding-top:13px}.campaign-card>footer>button:first-child{border:0;background:transparent;color:#647386;font-size:11px}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.template-card>header{justify-content:space-between}.template-card>header>i{background:#edf4ff;color:#2d6ac0}.template-card>footer{margin-top:20px}
.conversations{display:grid;grid-template-columns:290px minmax(350px,1fr) 260px;height:calc(100vh - 116px);min-height:600px;overflow:hidden}.conversation-list{border-right:1px solid #e6ebee;overflow-y:auto}.conversation-list>.search{margin:13px}.conversation-list>div:last-child>button{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;min-height:67px;border:0;border-top:1px solid #edf0f2;background:#fff;padding:9px 13px;text-align:left}.conversation-list>div:last-child>button:hover,.conversation-list>div:last-child>button.active{background:#f1f7f6}.conversation-list button strong,.conversation-list button small{display:block}.conversation-list button strong{font-size:11px}.conversation-list button small{max-width:140px;color:#8490a0;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-list button time{display:grid;justify-items:end;gap:4px;color:#8a95a3;font-size:9px}.conversation-list button time em{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#28ad91;color:#fff;font-style:normal}.chat{display:flex;flex-direction:column;min-width:0;background:#f4f2ed}.chat>header{height:64px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #e1e5e7;background:#fff;padding:0 15px}.chat>header>span{flex:1}.chat>header strong,.chat>header small{display:block;font-size:11px}.chat>header small{color:#81909f;font-size:9px}.messages{flex:1;display:flex;flex-direction:column;gap:9px;overflow-y:auto;padding:20px;background-image:radial-gradient(rgba(28,71,84,.045) 1px,transparent 1px);background-size:13px 13px}.messages p{max-width:70%;border-radius:12px;padding:9px 10px;margin:0;color:#293b4d;font-size:11px;line-height:1.5}.messages p small{display:block;margin-top:4px;color:#8a959f;font-size:8px;text-align:right}.messages .received{align-self:flex-start;border-radius:4px 12px 12px 12px;background:#fff}.messages .sent{align-self:flex-end;border-radius:12px 4px 12px 12px;background:#dff5ed}.chat>footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border-top:1px solid #e1e6e9;background:#fff;padding:10px}.chat>footer>button:first-child{border:0;background:transparent}.chat>footer textarea{height:38px;resize:none;border:1px solid #dee5ea;border-radius:10px;background:#f8fafb;padding:9px 10px;outline:0;font-size:11px}.contact-detail{border-left:1px solid #e6ebee;padding:22px;text-align:center;overflow-y:auto}.contact-detail>.avatar{margin:auto}.contact-detail h3{margin:12px 0 4px;font-size:14px}.contact-detail>p{margin:0 0 8px;color:#8190a0;font-size:10px}.contact-detail dl{display:grid;gap:11px;margin:20px 0;padding:17px 0;border-block:1px solid #e9edef;text-align:left}.contact-detail dt{color:#8a95a3;font-size:9px}.contact-detail dd{margin:4px 0 0;font-size:11px;font-weight:700}.note{margin-top:20px;border-radius:11px;background:#fff8e9;padding:12px;text-align:left}.note strong{font-size:11px}.note p{color:#7c6a48;font-size:10px}
.studio{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(390px,1.15fr);gap:20px;max-width:1180px}.studio-input,.creative{padding:clamp(20px,3vw,30px)}.studio-input h2{margin:13px 0 7px;font-size:22px}.studio-input>p{color:#718094;font-size:12px}.studio-input textarea{width:100%;resize:vertical;border:1px solid #d9e1e7;border-radius:10px;padding:12px;font-size:13px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 22px}.chips button{border:1px solid #dde5ea;border-radius:99px;background:#f8fafb;padding:6px 9px;color:#637386;font-size:10px}.creative{background:#eef2f4}.phone{width:min(330px,100%);margin:20px auto;border:7px solid #152d47;border-radius:25px;overflow:hidden;background:#e9e4dc;box-shadow:0 18px 40px rgba(19,42,65,.18)}.phone-head{display:flex;gap:9px;align-items:center;background:#173b5c;color:#fff;padding:10px 13px}.phone-head strong,.phone-head small{display:block}.phone-head strong{font-size:11px}.phone-head small{color:#bad0df;font-size:9px}.promo{min-height:158px;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;color:#fff;background:linear-gradient(145deg,rgba(11,41,48,.25),rgba(11,41,48,.83)),radial-gradient(circle at 70% 10%,#89c7ac,#336d5e 35%,#173b42 100%)}.promo b{width:max-content;border-radius:8px;background:#ffd065;color:#17344f;padding:4px 7px;font-size:18px}.promo strong{margin-top:8px}.promo small{color:#d6ece6;font-size:10px}.message-preview{margin:10px;border-radius:7px;background:#fff;padding:10px;color:#26384b;font-size:11px}.preview-buttons{display:grid;gap:1px;margin:0 10px 10px}.preview-buttons button{min-height:31px;border:0;background:#fff;color:#187965;font-size:10px}.preview-actions{display:flex;justify-content:center;gap:8px}.automation-list{display:grid;gap:12px}.automation{display:grid;grid-template-columns:auto 1.1fr 1fr auto;align-items:center;gap:15px;padding:17px}.automation>i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eef2f5;color:#718094;font-weight:800;font-style:normal}.automation>i.active{background:#e8f8f3;color:#13866f}.automation h3{margin:0;font-size:13px}.automation p{margin:4px 0 0;color:#7e8a99;font-size:11px}.automation>div{display:flex;align-items:center;gap:7px;font-size:10px}.automation>div small{color:#8b96a4}.automation>div strong{border-radius:7px;background:#f1f5f7;padding:5px 7px}.toggle{width:38px;height:22px;border:0;border-radius:99px;background:#d9e1e6;padding:3px}.toggle i{display:block;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}.toggle.on{background:#27af91}.toggle.on i{transform:translateX(16px)}
.analytic-hero{display:grid;grid-template-columns:repeat(3,1fr);border-radius:17px;color:#fff;background:linear-gradient(120deg,#153a5e,#0f2c47);overflow:hidden}.analytic-hero>div{padding:22px;border-right:1px solid rgba(255,255,255,.12)}.analytic-hero span,.analytic-hero strong,.analytic-hero small{display:block}.analytic-hero span{color:#a9c1d3;font-size:11px}.analytic-hero strong{margin:7px 0 3px;font-size:26px}.analytic-hero small{color:#9eb4c5;font-size:10px}.analytics-row{display:grid;grid-template-columns:85px 1fr 45px;align-items:center;gap:10px;margin-top:20px;font-size:11px}.analytics-row>i{height:8px;background:#eef2f5;border-radius:99px;overflow:hidden}.analytics-row b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#235c91,#29b79a)}.activity-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;border-top:1px solid #edf0f2;padding:13px 0}.activity-row strong,.activity-row small{display:block;font-size:11px}.activity-row small{color:#8995a3;font-size:10px}.team-list{overflow:hidden}.team-list>div{display:grid;grid-template-columns:auto 1fr 130px 150px 30px;gap:12px;align-items:center;padding:14px 18px;border-top:1px solid #edf0f2}.team-list>div:first-child{border:0}.team-list strong,.team-list small{display:block;font-size:12px}.team-list small{color:#8793a2;font-size:10px}.team-list em{display:flex;align-items:center;gap:7px;color:#647487;font-size:11px;font-style:normal}.team-list button{border:0;background:transparent}.settings-grid{display:grid;grid-template-columns:230px minmax(0,760px);gap:18px}.settings-nav{display:flex;flex-direction:column;padding:9px;height:max-content}.settings-nav button{min-height:40px;border:0;border-radius:9px;background:transparent;color:#667689;text-align:left;padding:0 10px;font-size:12px}.settings-nav button.active{background:#edf5f3;color:#1b7567;font-weight:700}.settings-form{padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label,.modal label{display:grid;gap:7px;color:#58687a;font-size:11px;font-weight:700}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select,.modal input,.modal textarea,.modal select{width:100%;min-height:40px;border:1px solid #d9e1e7;border-radius:9px;background:#fff;padding:9px 11px;outline:none}.settings-note,.dialog-warning{margin-top:20px;border-radius:11px;background:#edf8f5;color:#297568;padding:12px;font-size:11px}.settings-note p{margin:4px 0 0}
.modal{width:min(520px,calc(100% - 28px));border:0;border-radius:18px;padding:0;box-shadow:0 30px 90px rgba(9,29,47,.28)}.modal.wide-modal{width:min(680px,calc(100% - 28px))}.modal::backdrop{background:rgba(10,26,42,.58);backdrop-filter:blur(3px)}.modal>form{position:relative;display:grid;gap:14px;padding:26px}.modal h2{margin:0;font-size:21px}.modal>form>p{margin:-8px 0 3px;color:#7c8998;font-size:12px}.modal-close{position:absolute;right:16px;top:13px;border:0;background:transparent;color:#748294;font-size:26px}.modal footer{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.dialog-warning{margin:0}.toast{position:fixed;right:20px;top:20px;z-index:100;transform:translateY(-20px);opacity:0;pointer-events:none;border-radius:11px;background:#153a5e;color:#fff;padding:12px 16px;box-shadow:0 15px 35px rgba(10,31,50,.22);font-size:12px;transition:.2s}.toast.show{transform:none;opacity:1}.toast.error{background:#a84242}.mobile-overlay{display:none}
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,rgba(40,185,154,.13),transparent 33%),linear-gradient(145deg,#eef5f6,#e9eff3)}.login-card{width:min(430px,100%);border:1px solid #dbe5ea;border-radius:22px;background:#fff;padding:36px;box-shadow:0 25px 70px rgba(18,48,73,.12)}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:28px}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:19px}.login-brand small{color:#8190a0;font-size:11px}.login-card h1{margin:0;font-size:27px;letter-spacing:-.04em}.login-card>p{margin:7px 0 23px;color:#6f7f91;font-size:13px}.login-form{display:grid;gap:15px}.login-form label{display:grid;gap:7px;color:#526477;font-size:12px;font-weight:700}.login-form input{height:44px;border:1px solid #d9e2e7;border-radius:10px;padding:0 12px}.login-form button{height:45px;border:0;border-radius:10px;background:#153a5e;color:#fff;font-weight:800}.alert{margin-bottom:17px;border-radius:10px;padding:11px 13px;font-size:12px}.alert.error{background:#fff0f0;color:#a64343}.alert.success{background:#edf8f5;color:#247465}.version{display:block;margin-top:23px;color:#98a3af;text-align:center}
@media(max-width:1180px){.metrics{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(2,1fr)}.template-grid{grid-template-columns:repeat(2,1fr)}.conversations{grid-template-columns:260px 1fr}.contact-detail{display:none}.automation{grid-template-columns:auto 1fr auto}.automation>div{grid-column:2/3;grid-row:2}}
@media(max-width:850px){.sidebar{transform:translateX(-104%);transition:.25s}.sidebar.open{transform:none}.sidebar-brand>button{display:block}.mobile-overlay.show{display:block;position:fixed;inset:0;z-index:25;border:0;background:rgba(12,27,43,.45)}.app-main{margin-left:0}.menu-button{display:grid}.topbar p{display:none}.topbar .demo{display:none}.mobile-nav{display:flex;gap:5px;overflow-x:auto;border-bottom:1px solid #e2e8ec;background:#fff;padding:7px 12px}.mobile-nav button{border:0;border-radius:8px;background:transparent;color:#758395;padding:7px 9px;font-size:10px;white-space:nowrap}.mobile-nav button.active{background:#eaf6f3;color:#187866;font-weight:700}.grid-main,.grid-main.lower,.studio,.settings-grid{grid-template-columns:1fr}.conversations{height:calc(100vh - 148px);grid-template-columns:230px minmax(340px,1fr);overflow-x:auto}.settings-nav{flex-direction:row;overflow-x:auto}.analytic-hero{grid-template-columns:1fr}.analytic-hero>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}}
@media(max-width:620px){.topbar{height:64px;padding:0 14px}.topbar>.icon-button:first-of-type{display:none}.workspace{padding:14px}.welcome{align-items:flex-start;flex-direction:column}.quick{display:grid;grid-template-columns:1fr 1fr;width:100%}.quick button:first-child{grid-column:1/-1}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric{grid-template-columns:auto 1fr;min-height:94px;padding:13px}.metric>em{display:none}.metric>i{width:36px;height:36px}.metric strong{font-size:19px}.card-grid,.template-grid{grid-template-columns:1fr}.actions{align-items:stretch;flex-wrap:wrap}.search.wide{width:100%;order:3}.segments{max-width:100%;overflow-x:auto}.conversations{display:block;height:auto;min-height:0}.conversation-list{max-height:270px;border-bottom:1px solid #e5eaed}.chat{min-height:560px}.automation{grid-template-columns:auto 1fr auto}.automation>div{display:none}.team-list>div{grid-template-columns:auto 1fr auto}.team-list em,.team-list .badge{display:none}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.preview-actions{flex-wrap:wrap}.login-card{padding:26px}}