:root{--ink:#18151c;--purple:#7852b9;--purple-dark:#66419f;--bg:#f7f7f9;--line:#ece9ef;--muted:#827a88;--soft:#f1edf7;--green:#16885c;--red:#ab413f}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #c0a3f2;outline-offset:2px}h1,h2,h3,p{margin:0}a{color:var(--purple)}[hidden]{display:none!important}.brand{font-size:25px;letter-spacing:-1.3px;font-weight:850;white-space:nowrap}.brand span,.mobile-brand span{color:var(--purple)}.brand small{display:block;font-size:9px;letter-spacing:2.4px;color:#9990a1;margin-top:5px}.primary,.secondary,.mode,.text-button,.file-button{border-radius:10px;font-size:12px;font-weight:750;padding:11px 15px;transition:.15s}.primary{background:var(--ink);border:1px solid var(--ink);color:white}.primary:not(:disabled):hover{background:#352a3a}.secondary{background:#fff;border:1px solid #dfd9e4;color:#51475a}.secondary:not(:disabled):hover{background:#f5f1f8;border-color:#cfbde3}.block{width:100%;display:flex;justify-content:space-between;align-items:center}.text-button{background:none;border:none;color:#75559c;text-align:left;padding-left:0}.login-screen{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 32% 10%,#ebe0f8,transparent 48%),#faf9fc}.login-card{width:min(440px,100%);background:#fff;border:1px solid #eae5ee;border-radius:20px;padding:39px;box-shadow:0 25px 85px #37234c12}.login-mark{display:grid;place-items:center;background:#f3edfa;color:var(--purple);font-size:29px;border-radius:15px;width:59px;height:59px;margin:35px 0 23px}.login-card h1{font-size:30px;letter-spacing:-1.1px;line-height:1.14}.login-card h1 em{font-style:normal;color:var(--purple)}.login-card p{font-size:13px;line-height:1.7;color:var(--muted);margin:15px 0 25px}.login-card label{display:block;font-size:12px;font-weight:700;margin-bottom:9px}.login-card input{height:46px;border:1px solid #e7e2e9;padding:0 14px;border-radius:9px;width:100%;margin-bottom:12px}.login-card .footnote{display:block;font-size:10px;color:#aaa1ae;text-align:center;margin-top:22px}.error{font-size:12px;color:var(--red);margin-top:10px;min-height:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:253px;flex-shrink:0;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;background:white;border-right:1px solid var(--line);padding:31px 17px 15px;display:flex;flex-direction:column;z-index:2}.sidebar>.brand{padding:0 13px}.side-label{font-size:10px;color:#a199aa;font-weight:800;letter-spacing:1.3px;margin:37px 14px 13px}.main-nav,.country-nav{display:grid;gap:3px}.nav,.country-item{width:100%;border:0;background:transparent;border-radius:10px;text-align:left;display:flex;align-items:center;gap:11px;padding:12px 13px;font-size:12px;color:#716a78;font-weight:630}.nav:hover,.country-item:hover{background:#faf8fc}.nav.selected{background:#f2eaf9;color:#63418e;font-weight:800}.nav-icon{font-size:18px;color:#84718f;width:21px;text-align:center}.country-label{margin-top:31px}.country-code{width:31px;height:29px;border-radius:8px;background:#f5f3f7;color:#665c6f;display:grid;place-items:center;font-size:10px;font-weight:850}.country-item.active{background:#eee5f8;color:#66419f;font-weight:850}.country-item.active .country-code{background:#7852b9;color:white}.country-item .country-count{margin-left:auto;font-size:11px;color:#9e96a4;font-variant-numeric:tabular-nums}.sidebar-bottom{margin-top:auto;padding:19px 10px 0}.sidebar-notice{font-size:10px;color:#938b99;border-top:1px solid var(--line);padding:17px 0;display:flex;gap:9px;align-items:center}.live-dot,.sync-chip span{width:7px;height:7px;border-radius:50%;background:#27b77c}.logout{border:0;background:transparent;color:#7d7480;text-align:left;font-size:12px;width:100%;padding:11px 0;display:flex;justify-content:space-between}.workspace{margin-left:253px;width:calc(100% - 253px);min-height:100vh;display:flex;flex-direction:column}.topbar{height:70px;background:white;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between}.breadcrumbs{font-size:10px;letter-spacing:.8px;color:#aaa1ac;font-weight:750}.breadcrumbs span{margin:0 10px;color:#ccc6d0}.breadcrumbs strong{color:#5f5568}.topbar-right{display:flex;gap:16px;align-items:center}.sync-chip{display:flex;gap:8px;align-items:center;color:#807786;font-size:11px}.avatar{background:#efe6f7;color:var(--purple);width:33px;height:33px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px}.mobile-brand{display:none}.workspace main{width:min(1540px,100%);margin:0 auto;padding:36px 36px 55px;flex:1}.page-intro{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:25px}.overline{font-size:10px;font-weight:850;letter-spacing:1.4px;color:var(--purple)}.page-intro h1{font-size:30px;letter-spacing:-1px;margin:7px 0}.page-intro p,.section-title p{font-size:12px;color:var(--muted);line-height:1.65}.provider-tag{background:#fdf6e9;border:1px solid #f6e6cb;color:#99672d;white-space:nowrap;border-radius:100px;padding:10px 14px;font-weight:750;font-size:11px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:34px}.metric{border:1px solid var(--line);background:white;border-radius:13px;padding:20px 22px}.metric>div{font-size:11px;color:#89808c;font-weight:600}.metric strong{font-size:30px;letter-spacing:-.7px;display:block;margin:9px 0 2px;font-weight:790;font-variant-numeric:tabular-nums}.metric small{font-size:10px;color:#b2aab5}.section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.section-title h2{font-size:20px;letter-spacing:-.6px;margin:6px 0 5px}.mode-switch{display:flex;padding:4px;background:#ece9f0;border-radius:10px;gap:2px}.mode{background:transparent;color:#807586;border:0;padding:9px 12px}.mode.active{background:#fff;color:#604479;box-shadow:0 1px 6px #3b2a4217}.hero-preview{background:white;border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;grid-template-columns:minmax(210px, .58fr) minmax(420px,1fr);gap:21px;box-shadow:0 3px 15px #38274306}.preview-summary{padding:17px 17px 14px;display:flex;flex-direction:column;align-items:start}.mail-badge{font-size:10px;font-weight:800;letter-spacing:1px;background:#f4eff8;color:#755495;padding:8px 10px;border-radius:100px;margin-bottom:29px}.field-label{font-size:9px;color:#aaa0ad;letter-spacing:1px;font-weight:850;margin-bottom:6px}.preview-subject{font-size:17px;line-height:1.45;margin-bottom:30px;letter-spacing:-.3px}.preview-summary>p{font-size:12px;color:#857c8a;margin-bottom:25px;overflow-wrap:anywhere}.hint-card{padding:14px;border-radius:10px;background:#faf7fd;border:1px solid #efe5f8;margin-top:auto;margin-bottom:16px}.hint-card strong{font-size:12px}.hint-card p{font-size:11px;line-height:1.6;color:#96889f;margin-top:6px}.preview-summary .block{margin-bottom:6px}.frame-wrap{border:1px solid #eeeaf0;background:#f6f6f8;border-radius:11px;overflow:hidden}.frame-chrome{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:#f5f3f6;border-bottom:1px solid #ece9ef;color:#aaa2ac;font-size:9px;letter-spacing:1px;font-weight:800}.window-dots{display:flex;gap:5px}.window-dots i{display:block;background:#d6d0db;width:8px;height:8px;border-radius:100%}.frame-wrap iframe{width:100%;height:355px;display:block;border:none;background:white}.crm-section{margin-top:38px}.toolbar{display:flex;gap:9px;flex-wrap:wrap}.file-button{cursor:pointer;display:inline-flex;align-items:center}.crm-panel,.panel{border:1px solid var(--line);background:white;border-radius:14px;overflow:hidden}.filters{padding:17px 20px;display:flex;gap:11px;align-items:center}.search{position:relative;flex:1}.search span{position:absolute;left:14px;top:7px;font-size:23px;color:#a398ad}.filters input,.filters select{height:42px;border-radius:9px;border:1px solid #e7e2eb;color:#655a6b;background:white;font-size:12px}.filters input{padding:0 13px 0 39px;width:100%}.filters select{padding:0 13px;min-width:164px}.result-count{font-size:11px;color:#aaa2ad;white-space:nowrap}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:1050px;text-align:left}th{font-size:9px;letter-spacing:1px;font-weight:800;color:#a59bad;background:#fbfafc;border-block:1px solid #f0ebf2;padding:14px 18px}td{font-size:11px;padding:17px 18px;border-bottom:1px solid #f2eff4;color:#766d7c;vertical-align:middle}td strong{display:block;color:#332c36;font-size:12px;line-height:1.4}td small{font-size:10px;color:#aba2af;display:block;margin-top:3px}.email-cell{font-size:11px;color:#5d5362;overflow-wrap:anywhere}.right{text-align:right}.actions-cell{white-space:nowrap}.mini{border:1px solid #e6d8f1;color:#694594;background:#f6f1fa;border-radius:8px;padding:8px 9px;font-size:10px;font-weight:800}.mini.ghost{border-color:#e9e4ec;background:white;color:#756979;margin-left:5px}.mini:hover{background:#ede2f6}.status{padding:6px 9px;background:#f5f2f6;border-radius:100px;display:inline-flex;white-space:nowrap;font-size:10px;font-weight:750;color:#746878}.status.sent{background:#edf8f2;color:#19845a}.status.blocked,.status.bounced,.status.unsubscribed{background:#fff0ef;color:#b55049}.status.needs_review{background:#fff6e8;color:#a57836}.status.replied{background:#edf3ff;color:#4c6eb4}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;color:#9991a0;font-size:11px}.pagination{display:flex;gap:8px;align-items:center}.pagination button{background:none;border:0;color:#6e6077;font-size:11px}.pagination span{border:1px solid #eee7f3;border-radius:7px;padding:7px 11px}.empty{padding:65px 20px;text-align:center;font-size:13px;color:#a59baa}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.editor{padding:25px}.editor label,.modal-body label{display:block;font-size:11px;color:#5e5365;font-weight:750;margin-bottom:10px}.editor input,.editor textarea,.modal-body input:not([type=checkbox]),.modal-body textarea,.modal-body select{width:100%;border:1px solid #e7e2eb;border-radius:9px;padding:12px;font-size:12px;line-height:1.6;color:#453c49;background:#fff;margin:8px 0 17px}.editor textarea{resize:vertical}.token-help{font-size:10px;color:#92869c;line-height:2.4;margin-bottom:20px}.token-help code{background:#f5eff9;color:#75509f;padding:5px 7px;margin-left:5px;border-radius:6px}.editor-actions{display:flex;gap:9px;flex-wrap:wrap}.feedback{font-size:11px;color:#815bb7;margin:12px 0}.editor-preview{padding:0 17px 18px}.small-panel-head{display:flex;justify-content:space-between;align-items:center;padding:21px 23px;border-bottom:1px solid var(--line)}.small-panel-head strong{font-size:14px}.small-panel-head span{font-size:10px;color:#a8a0ad}.editor-preview iframe{width:100%;height:650px;border:1px solid #efebf0;border-radius:8px;margin-top:17px;background:white}.editor-preview p{font-size:10px;color:#918697;margin:15px 5px;line-height:1.6}.events{padding:15px 25px}.event-row{display:flex;justify-content:space-between;gap:12px;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.event-row span{color:#776e7a}.event-row small{color:#aca4b0}.workspace footer,footer{font-size:10px;color:#aaa1ad;padding:22px 36px;border-top:1px solid var(--line)}.modal-bg{position:fixed;inset:0;background:#19131dcc;z-index:20;display:grid;place-items:center;backdrop-filter:blur(3px);padding:16px}.modal-card,.preview-modal{width:min(760px,100%);max-height:94vh;overflow:auto;background:#fff;border-radius:17px;box-shadow:0 35px 90px #0003}.modal-head{display:flex;align-items:start;justify-content:space-between;padding:24px 26px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:23px;margin:6px 0;letter-spacing:-.7px}.modal-head p{font-size:11px;color:#968b9d}.icon-button{border:0;background:#f5f1f7;color:#6d537e;width:35px;height:35px;border-radius:9px;font-size:22px}.modal-body{padding:24px 26px}.contact-facts{padding:15px 17px;border:1px solid #efe8f4;background:#fbf9fc;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;font-size:11px;color:#65596d;overflow-wrap:anywhere;margin-bottom:21px}.contact-facts strong{color:#3f3543}.contact-facts a{color:#7950af}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal-body>label{margin-top:5px}.contact-info{font-size:11px;align-self:start;padding-top:1px}.contact-info span{font-weight:750}.contact-info div{color:#948a9b;margin-top:12px;line-height:1.5}.contact-actions,.send-row{display:flex;gap:8px;flex-wrap:wrap;margin:9px 0 16px}.send-section,.modal-history{border-top:1px solid var(--line);padding-top:22px;margin-top:23px}.send-section h3,.modal-history h3{font-size:14px}.send-section p{font-size:11px;color:#918797;line-height:1.65;margin:8px 0 14px}.consent-line{font-size:10px!important;font-weight:500!important;color:#887e8d!important;display:flex!important;gap:9px;align-items:start;line-height:1.6;margin-top:14px}.consent-line input{margin:3px 0}.history-record{border-bottom:1px solid #f4f1f5;padding:13px 0;font-size:11px;color:#8b7e91}.preview-modal{width:min(690px,100%)}.preview-body{padding:22px}.mail-subject-meta{display:flex;align-items:start;gap:14px;margin-bottom:16px}.mail-subject-meta span{font-size:10px;letter-spacing:1px;color:#a297aa}.mail-subject-meta strong{font-size:12px}.preview-body iframe{width:100%;height:min(68vh,640px);border:1px solid var(--line);border-radius:8px;background:white}.preview-foot{font-size:11px;color:#968c9b;line-height:1.55;margin-top:10px}#toast{position:fixed;right:25px;bottom:25px;background:#241d28;color:white;border-radius:10px;padding:14px 18px;box-shadow:0 10px 35px #0003;z-index:40;max-width:340px;font-size:12px;opacity:0;pointer-events:none;transform:translateY(6px);transition:.15s}#toast.show{opacity:1;transform:translateY(0)}@media(max-width:1250px){.hero-preview{grid-template-columns:1fr}.preview-summary{padding:8px}.frame-wrap iframe{height:400px}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:950px){.sidebar{width:205px}.workspace{width:calc(100% - 205px);margin-left:205px}.workspace main{padding:28px 21px}.topbar{padding:0 22px}.country-item{padding:10px 8px}.editor-grid{grid-template-columns:1fr}}@media(max-width:700px){.app-shell{display:block}.sidebar{position:relative;width:100%;display:block;padding:12px 12px 10px;border-right:0;border-bottom:1px solid var(--line)}.sidebar>.brand,.sidebar .side-label,.sidebar-bottom{display:none}.main-nav{display:flex;gap:3px}.nav{padding:10px 8px;justify-content:center;font-size:11px}.nav-icon{display:none}.country-nav{display:flex;overflow-x:auto;gap:6px;padding-top:12px}.country-item{white-space:nowrap;border:1px solid #efeaf2;padding:7px 10px;width:auto;gap:6px;flex-shrink:0}.country-code{width:22px;height:22px;font-size:9px}.country-item .country-count{display:none}.workspace{width:100%;margin-left:0}.topbar{height:52px;padding:0 15px}.breadcrumbs,.sync-chip{display:none}.mobile-brand{display:block;font-size:17px;font-weight:850;letter-spacing:-1px}.mobile-brand small{font-size:8px;color:#999;display:block;letter-spacing:1px;font-weight:600}.workspace main{padding:24px 14px}.page-intro{display:block}.provider-tag{display:inline-flex;margin-top:14px}.page-intro h1{font-size:26px}.metrics{gap:8px;margin-bottom:27px}.metric{padding:14px}.metric strong{font-size:26px}.section-title{display:block}.mode-switch,.toolbar{margin-top:15px}.hero-preview{padding:11px}.frame-wrap iframe{height:345px}.preview-summary{padding:10px}.crm-section{margin-top:29px}.filters{padding:13px;flex-wrap:wrap}.filters select{flex:1}.result-count{width:100%}.contact-facts,.edit-grid{grid-template-columns:1fr}.modal-bg{padding:6px}.modal-body{padding:16px}.modal-head{padding:17px}.modal-card,.preview-modal{max-height:98vh}.preview-body{padding:13px}.table-footer{padding:13px}.workspace footer,footer{padding:19px 14px}}

/* Opt-in acquisition campaign control */
.campaign-panel{margin:26px 0 30px;padding:24px;border:1px solid #e8e0ed;border-radius:18px;background:#fff;box-shadow:0 8px 32px rgba(35,23,47,.035)}
.campaign-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.campaign-heading h2{font-size:22px;line-height:1.2;margin:7px 0 8px;color:#211b25}
.campaign-heading p{color:#857d8b;font-size:13px;line-height:1.6;max-width:690px;margin:0}
.campaign-badge{display:inline-flex;align-items:center;border-radius:999px;padding:8px 13px;white-space:nowrap;font-size:12px;font-weight:750;background:#f2ecf7;color:#735290}
.campaign-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:22px}
.campaign-stats>div{padding:14px 15px;border:1px solid #eee9f2;border-radius:12px;background:#fcfbfd;display:flex;flex-direction:column;gap:7px}
.campaign-stats small{font-size:11px;color:#8b8191}
.campaign-stats strong{font-size:25px;line-height:1.1;color:#241e2a}
.campaign-progress{height:8px;border-radius:20px;overflow:hidden;background:#eee8f2;margin:21px 0 17px}
.campaign-progress>span{display:block;height:100%;background:#8354bc;width:0;transition:width .35s ease;border-radius:20px}
.campaign-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.campaign-actions button{min-height:40px}
.campaign-actions button[hidden]{display:none!important}
.campaign-status-text{margin:14px 0 0;color:#61546b;font-size:13px;line-height:1.65}
.campaign-footnote{margin:8px 0 0;color:#94899a;font-size:11px;line-height:1.6}
@media(max-width:700px){.campaign-panel{padding:17px;border-radius:13px}.campaign-heading{flex-direction:column;gap:10px}.campaign-heading h2{font-size:19px}.campaign-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.campaign-stats>div{padding:13px}.campaign-stats strong{font-size:21px}.campaign-actions button{flex:1 1 43%;font-size:12px}}
