@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";
:root{--ink:#18201b;--muted:#718078;--line:#e8ece8;--paper:#f7f9f6;--card:#fff;--green:#176b4a;--green-dark:#0c5037;--lime:#d9f99d;--sidebar:#10281f}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.boot{min-height:100vh;color:var(--muted);justify-content:center;align-items:center;gap:14px;display:flex}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.brand-mark{background:var(--green);color:#fff;border-radius:12px;flex:none;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 8px 20px #176b4a33}.brand-mark.light{color:#123c2d;background:#e8ffd0}.eyebrow{color:#d6fcb5;letter-spacing:.16em;align-items:center;gap:7px;font-size:11px;font-weight:800;display:inline-flex}.eyebrow.dark{color:#39815f}.login-page{background:#fff;grid-template-columns:minmax(460px,1.15fr) minmax(460px,.85fr);min-height:100vh;display:grid}.login-art{color:#fff;background:radial-gradient(circle at 20% 20%,#2c7257 0,#0000 35%),linear-gradient(145deg,#12382b,#0b211a 68%);flex-direction:column;justify-content:space-between;min-height:100vh;padding:48px 6vw;display:flex;position:relative;overflow:hidden}.art-grid{opacity:.12;background-image:linear-gradient(#fff 1px,#0000 1px),linear-gradient(90deg,#fff 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.login-brand{align-items:center;gap:12px;font:700 21px Manrope,sans-serif;display:flex;position:relative}.art-copy{max-width:660px;margin:auto 0;padding:80px 0;position:relative}.art-copy h1{letter-spacing:-.055em;margin:20px 0;font:800 clamp(47px,5.2vw,76px)/1.04 Manrope,sans-serif}.art-copy p{color:#c6d8d0;max-width:560px;margin:0;font-size:18px;line-height:1.7}.art-stats{border-top:1px solid #ffffff24;gap:clamp(30px,5vw,76px);padding-top:26px;display:flex;position:relative}.art-stats div{flex-direction:column;gap:5px;display:flex}.art-stats strong{font:700 21px Manrope,sans-serif}.art-stats span{color:#9db5aa;font-size:12px}.orbit-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff12;border:1px solid #ffffff24;border-radius:15px;padding:14px 17px;position:absolute;box-shadow:0 16px 50px #0003}.orbit-card svg{color:var(--lime);float:left;margin:2px 10px 14px 0}.orbit-card span,.orbit-card small{display:block}.orbit-card span{font-size:13px;font-weight:700}.orbit-card small{color:#b8cdc3;margin-top:3px;font-size:10px}.card-one{top:20%;right:6%;transform:rotate(3deg)}.card-two{bottom:23%;right:8%;transform:rotate(-2deg)}.login-panel{place-items:center;padding:50px clamp(40px,6vw,110px);display:grid}.login-card{width:min(100%,440px)}.login-card h2{letter-spacing:-.04em;margin:13px 0 8px;font:800 38px/1.2 Manrope,sans-serif}.subcopy{color:var(--muted);margin:0 0 36px}.login-card label,.settings-form label,.composer-form>label,.field-row label{color:#35433b;gap:9px;margin:19px 0;font-size:13px;font-weight:700;display:grid}input,textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #dfe5e0;border-radius:11px;outline:none;transition:border .2s,box-shadow .2s}input,select{height:48px;padding:0 14px}textarea{resize:vertical;padding:14px}input:focus,textarea:focus,select:focus{border-color:#5f9d7f;box-shadow:0 0 0 3px #3a8b6330}.password-wrap{position:relative}.password-wrap input{padding-right:48px}.password-wrap button{color:#7c8a81;background:0 0;border:0;width:38px;height:38px;position:absolute;top:5px;right:5px}.primary,.secondary,.ghost,.text-button{border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;font-weight:700;transition:all .2s;display:inline-flex}.primary{background:var(--green);color:#fff;min-height:44px;padding:0 17px;box-shadow:0 7px 17px #176b4a20}.primary:hover{background:var(--green-dark);transform:translateY(-1px)}.primary.wide{width:100%;height:51px;margin-top:10px}.primary.wide svg:last-child{margin-left:auto}.secondary{color:#36453d;background:#fff;border:1px solid #dfe5e0;min-height:42px;padding:0 15px}.secondary:hover{background:#f8faf8;border-color:#91a398}.form-error{color:#b6382e;background:#fff0ee;border-radius:9px;margin:-5px 0 12px;padding:10px 12px;font-size:13px}.security-line{color:#87928b;justify-content:center;align-items:center;gap:8px;margin-top:24px;font-size:11px;display:flex}.mobile-brand{display:none}.app-shell{min-height:100vh}.sidebar{z-index:20;color:#dbe8e1;background:var(--sidebar);flex-direction:column;width:252px;padding:27px 18px 18px;display:flex;position:fixed;top:0;bottom:0;left:0}.logo{align-items:center;gap:11px;padding:0 7px 30px;display:flex}.logo strong,.logo small{display:block}.logo strong{color:#fff;font:700 19px Manrope,sans-serif}.logo small{color:#77958a;letter-spacing:.1em;text-transform:uppercase;margin-top:2px;font-size:9px}.nav-label{color:#6c8b7e;letter-spacing:.15em;text-transform:uppercase;margin:6px 12px 10px;font-size:9px;font-weight:800}.nav-button{color:#9fb7ad;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;height:44px;margin:3px 0;padding:0 12px;font-size:13px;font-weight:600;display:flex;position:relative}.nav-button span{place-items:center;display:grid}.nav-button svg{width:18px;height:18px}.nav-button:hover{color:#fff;background:#ffffff0b}.nav-button.active{color:#fff;background:#ffffff12}.nav-button.active i{background:var(--lime);border-radius:3px 0 0 3px;width:3px;height:20px;position:absolute;right:0}.nav-button.accent:not(.active){color:#16372a;background:#d8f5a5;margin:10px 0}.sidebar-note{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;gap:10px;margin:auto 4px 18px;padding:14px 12px;display:flex}.note-icon{width:31px;height:31px;color:var(--lime);background:#d8f5a514;border-radius:9px;flex:none;place-items:center;display:grid}.sidebar-note strong{color:#fff;font-size:11px}.sidebar-note p{color:#829e92;margin:4px 0 0;font-size:9px;line-height:1.45}.profile{border-top:1px solid #ffffff14;align-items:center;gap:10px;padding:14px 7px 2px;display:flex}.avatar{color:#16372a;background:#d8f5a5;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.profile-copy{flex:1;min-width:0}.profile-copy strong,.profile-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-copy strong{color:#fff;font-size:11px}.profile-copy span{color:#799489;margin-top:3px;font-size:9px}.profile button,.mobile-close{color:#86a096;background:0 0;border:0}.mobile-close{display:none}.workspace{min-height:100vh;margin-left:252px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;justify-content:space-between;align-items:center;height:68px;padding:0 34px;display:flex}.crumb{align-items:center;gap:9px;font-size:12px;display:flex}.crumb span,.crumb b{color:#9aa59f;font-weight:500}.top-status{color:#708077;align-items:center;gap:8px;font-size:11px;display:flex}.top-status i,.connected-badge i{background:#37b576;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #37b5761c}.menu-button{background:0 0;border:0;display:none}.content{max-width:1500px;margin:auto;padding:38px 38px 60px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.page-heading h1{letter-spacing:-.045em;margin:7px 0 5px;font:800 clamp(28px,3vw,38px) Manrope,sans-serif}.page-heading p{color:var(--muted);margin:0;font-size:13px}.heading-actions{align-items:center;gap:10px;display:flex}.campaign-stepper{grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;max-width:1040px;margin:0 auto 18px;padding:14px 18px;display:grid}.campaign-stepper>button{color:#8a9690;text-align:left;background:0 0;border:0;align-items:center;gap:10px;display:flex}.campaign-stepper>button>span{color:#7e8a83;background:#fff;border:1px solid #dfe6e1;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:grid}.campaign-stepper>button strong,.campaign-stepper>button small{display:block}.campaign-stepper>button strong{color:#657168;font-size:11px}.campaign-stepper>button small{margin-top:2px;font-size:9px}.campaign-stepper>button.active>span{border-color:var(--green);color:#fff;background:var(--green);box-shadow:0 0 0 4px #eaf5ee}.campaign-stepper>button.active strong{color:var(--ink)}.campaign-stepper>button.done>span{color:var(--green);background:#edf8f1;border-color:#b9dac7}.campaign-stepper>button:disabled{cursor:not-allowed;opacity:.55}.campaign-stepper>i{background:#dfe6e1;height:1px;margin:0 14px}.flow-card{max-width:900px;margin:0 auto;padding:25px}.flow-card-head{border-bottom:1px solid var(--line);align-items:center;gap:13px;margin-bottom:22px;padding-bottom:19px;display:flex}.flow-card-head>span{width:38px;height:38px;color:var(--green);background:#edf7f1;border-radius:10px;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.flow-card-head h3{margin:0;font:700 16px Manrope,sans-serif}.flow-card-head p{color:#87938c;margin:4px 0 0;font-size:11px}.flow-card>label{color:#35433b;gap:9px;margin:19px 0;font-size:13px;font-weight:700;display:grid}.flow-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;margin-top:25px;padding-top:19px;display:flex}.flow-actions>span{color:#849088;font-size:10px}.flow-actions>button{min-width:155px}.flow-recipient-head{border-top:0;margin-top:0;padding-top:0}.primary.compact{min-height:36px;padding:0 12px;font-size:11px}.recipient-list.large{min-height:225px;max-height:430px}.template-picker{max-width:1120px;margin:0 auto;padding:25px}.template-picker-section+.template-picker-section{border-top:1px solid var(--line);margin-top:28px;padding-top:25px}.picker-heading{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:12px;display:flex}.picker-heading strong,.picker-heading span{display:block}.picker-heading strong{font-size:13px}.picker-heading span{color:#88948d;margin-top:4px;font-size:10px}.picker-heading>small{color:var(--green);font-size:9px;font-weight:700}.template-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.template-card{min-width:0;color:var(--ink);text-align:left;background:#fff;border:1px solid #dfe6e1;border-radius:12px;flex-direction:column;gap:10px;padding:8px;transition:border .18s,box-shadow .18s,transform .18s;display:flex;position:relative;overflow:hidden}.template-card:hover{border-color:#9fc4ae;transform:translateY(-1px);box-shadow:0 8px 22px #173c280d}.template-card.selected{border-color:var(--green);box-shadow:0 0 0 2px #dcefe4}.template-preview{pointer-events:none;background:#f5f7f5;border-radius:8px;height:145px;display:block;overflow:hidden}.template-preview iframe{transform-origin:0 0;pointer-events:none;border:0;width:160%;height:230px}.template-card>div{padding:0 4px 4px}.template-card>div strong,.template-card>div small{display:block}.template-card>div strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.template-card>div small{color:#909b95;margin-top:3px;font-size:9px}.template-card>i{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 3px 9px #174e3433}.template-card.current{text-align:center;border-style:dashed;justify-content:center;align-items:center;min-height:201px}.template-card.current>div strong{white-space:normal}.current-template-icon{width:54px;height:54px;color:var(--green);background:#ecf6f0;border-radius:14px;place-items:center;display:grid}.template-flow-actions>span{text-align:center;flex:1}.campaign-review-bar{background:var(--line);grid-template-columns:1fr 2fr .7fr;gap:1px;margin-bottom:16px;display:grid;overflow:hidden}.campaign-review-bar>div{background:#fff;min-width:0;padding:13px 45px 13px 15px;position:relative}.campaign-review-bar span,.campaign-review-bar strong{display:block}.campaign-review-bar span{color:#89958e;text-transform:uppercase;letter-spacing:.07em;font-size:9px}.campaign-review-bar strong{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:11px;overflow:hidden}.campaign-review-bar button{color:var(--green);background:0 0;border:0;padding:4px;font-size:9px;font-weight:700;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.final-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:19px;display:flex}.final-actions>div{gap:10px;display:flex}.metrics{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:17px;display:grid}.metric{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:19px;position:relative;box-shadow:0 4px 18px #18332308}.metric>span,.metric>strong,.metric>small{display:block}.metric>span{color:#718078;font-size:11px;font-weight:600}.metric>strong{letter-spacing:-.04em;margin:15px 0 5px;font:800 27px Manrope,sans-serif}.metric>small{color:#8d9992;font-size:9px}.metric-icon{border-radius:10px;place-items:center;width:35px;height:35px;display:grid;position:absolute;top:17px;right:17px}.metric-icon svg{width:17px}.metric-icon.blue{color:#356cc8;background:#eaf2ff}.metric-icon.green{color:#24825b;background:#e6f7ef}.metric-icon.purple{color:#8058c5;background:#f1ebfc}.metric-icon.orange{color:#be702c;background:#fff1e3}.dashboard-grid{grid-template-columns:1.65fr 1fr;gap:17px;margin-bottom:17px;display:grid}.panel{border:1px solid var(--line);background:var(--card);border-radius:14px;box-shadow:0 4px 20px #18332308}.panel-head{justify-content:space-between;align-items:center;gap:16px;padding:19px 20px 10px;display:flex}.panel-head h3,.settings-title h3,.guide h3{margin:0;font:700 14px Manrope,sans-serif}.panel-head p,.settings-title p{color:#8a9690;margin:4px 0 0;font-size:10px}.ghost{border:1px solid var(--line);color:#6f7d75;background:#fff;height:32px;padding:0 10px;font-size:10px}.performance{min-height:302px}.chart{height:224px;margin:5px 21px 16px;padding-top:15px;position:relative}.chart-lines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:18px 0 30px}.chart-lines span{border-top:1px dashed #e9edea}.bars{align-items:flex-end;gap:clamp(8px,1.3vw,20px);display:flex;position:absolute;inset:18px 5px 0}.bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.bar-wrap i{background:linear-gradient(#2f8561,#87c6a8);border-radius:5px 5px 2px 2px;width:100%;max-width:19px;min-height:3px;transition:all .3s}.bar-wrap:hover i{background:#155f43}.bar-wrap small{color:#a1aba5;height:12px;font-size:8px}.quick{padding-bottom:12px}.quick-step{width:calc(100% - 24px);color:inherit;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;margin:6px 12px;padding:11px 9px;display:flex}.quick-step:hover{background:#f6f9f6}.step-number{color:#829087;border:1px solid #dce5df;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:9px;font-weight:800;display:grid}.step-number.done{color:#207453;background:#e7f8ef;border-color:#b9e4cd}.quick-step>span:nth-child(2){flex:1;min-width:0}.quick-step strong,.quick-step small{display:block}.quick-step strong{font-size:11px}.quick-step small{color:#909c95;margin-top:3px;font-size:9px}.quick-step>svg{color:#a4afa9}.campaign-table{overflow:hidden}.text-button{color:var(--green);background:0 0;padding:7px;font-size:11px}.text-button.danger-text{color:#b42318}.text-button.danger-text:hover{background:#fff1f0}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:#919c96;text-align:left;text-transform:uppercase;letter-spacing:.06em;background:#fafbfa;padding:11px 20px;font-size:9px;font-weight:700}td{color:#4c5c53;border-top:1px solid #edf0ee;padding:14px 20px;font-size:11px}td strong,td span{display:block}td strong{color:var(--ink);font-size:11px}td>span:not(.status),td small{color:#8e9a93;margin-top:3px;font-size:9px}.status{color:#54635b;background:#f1f3f2;border-radius:99px;align-items:center;gap:6px;width:max-content;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:5px;height:5px}.status.sent,.status.active{color:#267653;background:#e8f8ef}.status.failed{color:#b34539;background:#fff0ee}.muted{color:#a0aaa4;display:inline}.empty{text-align:center;place-items:center;min-height:235px;padding:30px;display:grid}.empty>span{color:#54856d;background:#edf6f1;border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.empty h3{margin:13px 0 5px;font-size:14px}.empty p{color:#8a9690;margin:0 0 15px;font-size:11px}.loading-panel{color:#7a8880;align-content:center;place-items:center;gap:12px;min-height:60vh;font-size:12px;display:grid}.toolbar{justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;display:flex}.toolbar>span{color:#859189;font-size:11px}.search{width:min(410px,70%);position:relative}.search svg{color:#99a49e;position:absolute;top:13px;left:13px}.search input{background:#fafbfa;height:43px;padding-left:42px}.contact-cell{align-items:center;gap:11px;display:flex}.contact-cell>span{color:#2d6c51;background:#e8f4ed;border-radius:9px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.contact-cell small{display:block}.icon-button{color:#859189;background:0 0;border:0;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.icon-button.danger:hover{color:#b6453c;background:#fff0ee}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#09150f99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(760px,100%);max-height:calc(100vh - 40px);padding:22px;overflow-y:auto;box-shadow:0 30px 80px #0004}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h3{margin:0;font:700 18px Manrope}.modal-head button{background:#f3f5f3;border:0;border-radius:8px;width:34px;height:34px}.modal-copy{color:#78857e;font-size:12px}.modal code,.guide code{background:#eef2ef;border-radius:5px;padding:2px 5px;font-size:10px}.modal>label{color:#35433b;gap:9px;margin:20px 0;font-size:12px;font-weight:700;display:grid}.test-summary{border:1px solid var(--line);background:#f8faf8;border-radius:10px;gap:6px;padding:13px 14px;display:grid}.test-summary span{color:#87938c;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.test-summary strong{overflow-wrap:anywhere;font-size:12px}.upload-zone{color:#63816f;cursor:pointer;background:#f7faf8;border:1px dashed #b7c7bd;border-radius:12px;align-content:center;place-items:center;gap:5px;min-height:115px;margin:18px 0 12px;display:grid;position:relative}.upload-zone strong{color:#335442;font-size:12px}.upload-zone span{font-size:10px}.upload-zone input{opacity:0;cursor:pointer;height:100%;position:absolute;inset:0}.raw-input{min-height:130px;font-family:ui-monospace,monospace;font-size:11px}.modal-actions,.button-row{justify-content:flex-end;gap:10px;margin-top:17px;display:flex}.or-divider{color:#9aa59f;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;margin:13px 0;font-size:9px;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--line);flex:1;height:1px}.parse-button{margin-top:9px}.mapping-area{border:1px solid var(--line);background:#fafcfa;border-radius:12px;margin-top:17px;padding:16px}.mapping-summary{justify-content:space-between;gap:10px;margin-bottom:4px;display:flex}.mapping-summary strong{font-size:12px}.mapping-summary span{color:#7f8c85;font-size:10px}.mapping-area .field-row label{margin-bottom:12px}.custom-field-box{background:#fff;border-radius:9px;gap:8px;padding:12px;display:grid}.custom-field-box>span{color:#718078;text-transform:uppercase;letter-spacing:.07em;font-size:9px;font-weight:800}.field-chips{flex-wrap:wrap;gap:5px;display:flex}.field-chips span{color:#28664b;background:#e9f5ee;border-radius:6px;width:max-content;padding:4px 7px;font:600 9px ui-monospace,monospace;display:inline-flex}.field-chips small{color:#8d9992;font-size:9px}.import-preview{border:1px solid var(--line);background:#fff;border-radius:8px;max-width:100%;margin-top:12px;overflow:auto}.import-preview th,.import-preview td{white-space:nowrap;padding:8px 10px;font-size:9px}.composer-grid{grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);gap:18px;display:grid}.composer-form{padding:21px}.field-row{grid-template-columns:1fr 1fr;gap:13px;display:grid}.field-row label,.composer-form>label{margin-top:0}.html-editor{min-height:210px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.65}.recipient-head{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;margin-top:21px;padding-top:20px;display:flex}.recipient-head strong,.recipient-head span{display:block}.recipient-head strong{font-size:12px}.recipient-head span{color:#8c9891;margin-top:3px;font-size:10px}.recipient-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.recipient-actions .text-button{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.recipient-list{border:1px solid var(--line);border-radius:10px;max-height:210px;margin-top:10px;overflow:auto}.recipient{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:11px;display:flex}.recipient:last-child{border:0}.recipient>label{cursor:pointer;align-items:center;gap:10px;min-width:0;display:flex}.recipient input{width:15px;height:15px;accent-color:var(--green)}.recipient span{overflow-wrap:anywhere;min-width:0;font-weight:600}.recipient small{color:#929d97;margin-top:2px;font-weight:400;display:block}.inline-empty{color:#849189;text-align:center;flex-direction:column;align-items:center;gap:7px;padding:25px;font-size:11px;display:flex}.inline-empty strong{color:#425047;font-size:12px}.inline-empty .secondary{margin-top:5px}.preview{align-self:start;position:sticky;top:86px;overflow:hidden}.preview-head{border-bottom:1px solid var(--line);background:#fafbfa;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.preview-head span{align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.preview-head small{color:#8c9891;letter-spacing:.1em;font-size:8px}.email-frame{background:#fff;border:1px solid #e5e8e6;border-radius:9px;min-height:420px;margin:18px;padding:22px;box-shadow:0 6px 25px #22372b0a}.email-meta{border-bottom:1px solid #ecefed;align-items:center;gap:10px;padding-bottom:18px;display:flex}.email-avatar{color:#fff;background:#16372a;border-radius:50%;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid}.email-meta strong,.email-meta span{display:block}.email-meta strong{font-size:10px}.email-meta span{color:#96a099;margin-top:2px;font-size:8px}.email-frame>h2{margin:23px 0 17px;font:700 20px/1.3 Manrope}.email-body{color:#4b5851;font-size:12px;line-height:1.7}.email-body h1{color:#16231c;font-size:22px}.email-body img{max-width:100%}.send-check{color:#306b50;background:#ecf8f1;border-radius:9px;gap:10px;margin:0 18px 18px;padding:12px;display:flex}.send-check strong,.send-check span{display:block}.send-check strong{font-size:10px}.send-check span{color:#6b8d7c;margin-top:2px;font-size:8px}.inbox-preview{background:#f8faf8;border:1px solid #dfe5e0;border-radius:8px;margin-bottom:18px;padding:10px 12px}.inbox-preview strong,.inbox-preview span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.inbox-preview strong{font-size:10px}.inbox-preview span{color:#88948d;margin-top:3px;font-size:8px}.email-footer-preview{margin-top:22px}.template-library{margin-bottom:18px;padding:18px 20px}.template-title>div{color:#2b684d;align-items:center;gap:10px;display:flex}.template-title span strong,.template-title span small{display:block}.template-title span strong{color:var(--ink);font-size:12px}.template-title span small{color:#8b9790;margin-top:2px;font-size:9px}.template-groups{grid-template-columns:1.5fr 1fr;gap:20px;margin-top:14px;display:grid}.template-groups>div>p{color:#839088;text-transform:uppercase;letter-spacing:.07em;margin:0 0 7px;font-size:9px;font-weight:800}.template-strip{gap:8px;padding-bottom:3px;display:flex;overflow-x:auto}.template-strip>button{border:1px solid var(--line);color:#44534b;text-align:left;background:#fff;border-radius:9px;align-items:center;gap:8px;width:116px;min-width:116px;padding:7px;display:flex}.template-strip>button:hover{background:#f7fbf8;border-color:#8bb39e}.template-strip>button>strong{font-size:9px;line-height:1.25;overflow:hidden}.template-thumb{color:#557065;background:#edf2ef;border-radius:6px;flex:none;place-items:center;width:30px;height:34px;display:grid}.template-thumb.body{color:#2f7757;background:#e6f5ec}.template-thumb.footer{color:#7657a5;background:#f1ebf8}.template-strip .save-template{border-style:dashed}.editor-section-head{justify-content:space-between;align-items:center;margin:24px 0 9px;display:flex}.editor-section-head strong,.editor-section-head span{display:block}.editor-section-head strong{font-size:12px}.editor-section-head span{color:#8b9790;margin-top:3px;font-size:9px}.footer-heading{border-top:1px solid var(--line);padding-top:20px}.merge-token-row{align-items:center;gap:5px;margin-top:-7px;padding-bottom:5px;display:flex;overflow-x:auto}.merge-token-row>span{color:#8b9790;white-space:nowrap;font-size:9px}.merge-token-row button,.merge-fields button{color:#28664b;white-space:nowrap;background:#e9f5ee;border:0;border-radius:6px;padding:4px 7px;font:600 9px ui-monospace,monospace}.email-editor{background:#fff;border:1px solid #dfe5e0;border-radius:11px;overflow:hidden}.editor-mode-tabs{border-bottom:1px solid var(--line);background:#f8faf8;gap:4px;padding:7px;display:flex}.editor-mode-tabs button{color:#79867e;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;height:29px;padding:0 10px;font-size:9px;font-weight:700;display:flex}.editor-mode-tabs button.active{color:#245e45;background:#fff;box-shadow:0 1px 4px #162b1f16}.editor-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:3px;padding:7px 9px;display:flex}.editor-toolbar button{color:#6d7a73;background:0 0;border:0;border-radius:6px;place-items:center;width:29px;height:29px;display:grid}.editor-toolbar button:hover,.editor-toolbar button.active{color:#1d6447;background:#eaf5ef}.editor-toolbar button svg{width:15px;height:15px}.editor-toolbar>span{background:var(--line);width:1px;height:20px;margin:0 3px}.color-picker{background:0 0;border:0;border-radius:6px;width:29px;height:29px;padding:4px}.email-editor-content{color:#334139;outline:none;padding:20px;font-size:13px;line-height:1.65}.email-editor-content h1{font:800 28px/1.2 Manrope}.email-editor-content h2{font:750 21px/1.25 Manrope}.email-editor-content p{margin:.7em 0}.email-editor-content a{color:#176b4a;text-decoration:underline}.email-editor-content ul,.email-editor-content ol{padding-left:22px}.source-editor{border:0;border-radius:0;font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;display:block;box-shadow:none!important}.merge-fields{border-top:1px solid var(--line);background:#fbfcfb;align-items:center;gap:5px;padding:8px 10px;display:flex;overflow-x:auto}.merge-fields>span{color:#7e8a83;white-space:nowrap;align-items:center;gap:4px;font-size:9px;display:flex}.email-editor.compact .editor-toolbar{padding:5px 7px}.email-editor.compact .email-editor-content{padding:14px;font-size:11px}.connected-badge{color:#287151;background:#f1fbf5;border:1px solid #cbe6d7;border-radius:99px;align-items:center;gap:8px;padding:8px 11px;font-size:10px;font-weight:700;display:flex}.settings-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;display:grid}.account-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;display:grid}.settings-form{padding:23px}.settings-title{border-bottom:1px solid var(--line);gap:13px;margin-bottom:24px;padding-bottom:20px;display:flex}.aws-icon{color:#df781b;background:#fff0dc;border-radius:11px;place-items:center;width:45px;height:45px;display:grid}.account-icon{width:45px;height:45px;color:var(--green);background:#eaf5ee;border-radius:11px;flex:none;place-items:center;display:grid}.password-section{border-top:1px solid var(--line);color:var(--green);align-items:center;gap:10px;margin:26px 0 0;padding-top:20px;display:flex}.password-section strong,.password-section span{display:block}.password-section strong{color:#35433b;font-size:12px}.password-section span{color:#8a9690;margin-top:3px;font-size:10px}.account-note{color:var(--green);align-self:start;align-items:flex-start;gap:12px;padding:21px;display:flex}.account-note h3{color:#35433b;margin:0;font:700 14px Manrope,sans-serif}.account-note p{color:#7d8982;margin:7px 0 0;font-size:11px;line-height:1.65}.settings-form label small{color:#94a098;font-size:9px;font-weight:400}.settings-grid aside{align-content:start;gap:13px;display:grid}.guide{padding:20px;position:relative;overflow:hidden}.guide-number{color:#eff3f0;font:800 42px Manrope;position:absolute;top:3px;right:13px}.guide p{color:#77847c;margin:8px 0 0;font-size:11px;line-height:1.6}.guide.warning{color:#8a5a24;background:#fffaf3;border-color:#f1dfc9;gap:11px;display:flex}.guide.warning p{color:#917653}.toast{z-index:100;color:#215f45;background:#f5fff9;border:1px solid #cee7d8;border-radius:11px;align-items:center;gap:10px;max-width:min(430px,100vw - 40px);padding:13px 17px;font-size:12px;font-weight:700;animation:.25s ease-out rise;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 40px #163c2925}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.nav-backdrop{display:none}@media (max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.composer-grid,.settings-grid,.account-grid{grid-template-columns:1fr}.preview{position:static}.login-page{grid-template-columns:1fr 1fr}.orbit-card{display:none}.template-groups{grid-template-columns:1fr}}@media (max-width:780px){.login-page{background:#f7f9f6;display:block}.login-art{display:none}.login-panel{min-height:100vh;padding:30px 22px}.mobile-brand{align-items:center;gap:10px;margin-bottom:50px;font:700 19px Manrope;display:flex}.login-card h2{font-size:32px}.sidebar{transition:transform .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-close{display:block;position:absolute;top:12px;right:12px}.nav-backdrop{z-index:15;background:#07130d88;border:0;display:block;position:fixed;inset:0}.workspace{margin-left:0}.topbar{height:61px;padding:0 18px}.menu-button{place-items:center;margin-right:10px;display:grid}.crumb{margin-right:auto}.crumb span,.crumb b,.top-status{display:none}.content{padding:27px 18px 45px}.page-heading{flex-direction:column;align-items:flex-start}.page-heading .primary,.heading-actions{width:100%}.heading-actions>button{flex:1}.campaign-stepper{grid-template-columns:repeat(4,1fr);padding:12px}.campaign-stepper>i{display:none}.campaign-stepper>button{justify-content:center}.campaign-stepper>button div{display:none}.flow-card{padding:18px}.flow-actions{flex-direction:column-reverse;align-items:stretch}.flow-actions>span{text-align:center}.flow-actions>button{width:100%}.template-picker{padding:18px}.picker-heading{flex-direction:column;align-items:flex-start}.campaign-review-bar{grid-template-columns:1fr}.campaign-review-bar>div{padding-right:50px}.final-actions{flex-direction:column;align-items:stretch}.final-actions>button,.final-actions>div,.final-actions>div>button{width:100%}.final-actions>div{flex-direction:column}.metrics{grid-template-columns:1fr 1fr}.field-row{grid-template-columns:1fr;gap:0}.recipient-head{flex-direction:column;align-items:flex-start}.recipient-actions{justify-content:flex-start}.toolbar{flex-direction:column;align-items:flex-start}.search{width:100%}.mapping-summary{flex-direction:column}.template-library{padding:15px}.template-card-grid{grid-template-columns:1fr}.template-preview{height:125px}.template-card.current{min-height:150px}th,td{white-space:nowrap}}@media (max-width:480px){.metrics{grid-template-columns:1fr}.metric{min-height:122px}.panel-head{align-items:flex-start}.button-row{flex-direction:column-reverse}.button-row button{width:100%}.toast{bottom:16px;right:16px}}