:root{--ink:#292230;--muted:#756d79;--line:#e9e3e9;--bg:#f8f7fa;--paper:#fff;--rose:#9d4c6c;--rose-dark:#743650;--blush:#f7e8ee;--lav:#eee8f8;--green:#27745b;--blue:#3c69a4;--shadow:0 10px 35px rgba(64,40,56,.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#241d28;color:#f7f1f5;padding:30px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;font:600 20px 'Fraunces',serif;padding:0 9px 35px}.brand small{display:block;font:500 10px 'DM Sans';letter-spacing:1.8px;text-transform:uppercase;color:#b7aab9;margin-top:3px}.logo{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#c77898,#8b3c5c);font-size:22px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{color:#cfc2d0;text-decoration:none;padding:12px 14px;border-radius:10px;font-weight:500}.sidebar nav a i{display:inline-block;width:27px;font-style:normal;color:#a895aa}.sidebar nav a:hover,.sidebar nav a.active{background:#3a2e3e;color:#fff}.privacy{margin-top:auto;border-top:1px solid #403542;padding:22px 10px 0;display:flex;gap:11px;align-items:center}.privacy>span{color:#6fcea1;font-size:10px}.privacy b,.privacy small{display:block}.privacy b{font-size:13px}.privacy small{font-size:11px;color:#9f93a2;margin-top:2px}main{margin-left:245px;min-height:100vh}.topbar{height:108px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 4vw;gap:18px}.topbar h1{font:600 26px 'Fraunces',serif;margin:2px 0}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#9b8997;font-weight:700;margin:0}.top-actions{margin-left:auto;display:flex;gap:10px}.content{padding:34px 4vw 70px;max-width:1500px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border-radius:9px;border:1px solid transparent;font:600 14px 'DM Sans';text-decoration:none;cursor:pointer;background:white;color:var(--ink)}.btn.primary{background:var(--rose);color:#fff;box-shadow:0 5px 14px #9d4c6c33}.btn.primary:hover{background:var(--rose-dark)}.btn.ghost{border-color:var(--line)}.btn.light{background:white;color:var(--rose-dark)}.btn.danger{border-color:#e7bdc8;color:#9e405b;background:#fff}.btn.small{margin-top:14px}.menu{display:none}.welcome{border-radius:18px;padding:30px 34px;background:linear-gradient(115deg,#66324c,#9b4c6c 60%,#bd718c);color:white;display:flex;align-items:flex-end;justify-content:space-between;box-shadow:var(--shadow);position:relative;overflow:hidden}.welcome:after{content:'✦';position:absolute;right:23%;top:8%;font-size:90px;color:#ffffff10;transform:rotate(16deg)}.welcome h2{font:600 31px/1.12 'Fraunces',serif;margin:12px 0 9px}.welcome h2 em{font-style:italic;color:#f6d9e5}.welcome p{margin:0;color:#eedde5}.pill{padding:5px 9px;border-radius:99px;font-size:10px;font-weight:700;letter-spacing:1px}.pill.blush{background:#ffffff1f}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metric-grid article,.panel,.campaign-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 14px #39293a08}.metric-grid article{padding:20px}.metric-grid span,.metric-grid small{display:block}.metric-grid span{font-size:10px;letter-spacing:1.2px;font-weight:700;color:#938995}.metric-grid strong{display:block;font:600 29px 'Fraunces',serif;margin:8px 0 4px}.metric-grid small{font-size:12px;color:var(--muted)}.metric-grid .accent{background:#f9edf2;border-color:#edd1dc}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.panel{padding:23px}.panel-head,.page-intro,.campaign-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel h2,.panel h3,.page-intro h2,.campaign-top h2{font-family:'Fraunces',serif;margin:4px 0}.panel p,.page-intro p,.campaign-top p{color:var(--muted);margin:5px 0}.panel-head a,.filters a,.guide a,.back{color:var(--rose);text-decoration:none;font-weight:600}.pipeline div,.stats div{display:flex;justify-content:space-between;padding:9px 2px;border-bottom:1px solid #f1edf1}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:9px}.dot.lav{background:#9a79c6}.dot.blue{background:#5a89c9}.dot.green{background:#4fa27f}.dot.orange{background:#db9060}.dot.red{background:#c95d6b}.note{font-size:12px!important;background:#f7f4f7;padding:10px;border-radius:8px;margin-top:15px!important}.bars>div{display:grid;grid-template-columns:120px 1fr 25px;align-items:center;gap:10px;margin:14px 0;font-size:13px}.bars b{height:7px;background:#eee9ee;border-radius:6px;overflow:hidden}.bars i{display:block;height:100%;background:linear-gradient(90deg,#b85c81,#d59ab1);border-radius:6px}.empty{text-align:center;padding:36px;color:var(--muted)}.empty b{color:var(--ink);font:600 18px 'Fraunces'}.empty.compact{padding:18px}.row{display:flex;align-items:center;padding:12px 0;border-top:1px solid #f1edf1;gap:12px}.row>div{flex:1}.row small,.avatar+div small,table small{display:block;color:var(--muted);font-size:12px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--blush);color:var(--rose);font-weight:700}.status,.priority{display:inline-block;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:700;text-transform:capitalize;background:#f0edf0;color:#675f69}.status.ready,.status.sent,.status.replied,.status.active{background:#e4f4ed;color:#267057}.status.queued,.status.draft,.status.paused{background:#eee8f8;color:#6e5194}.status.failed,.status.bounced,.status.opted_out,.status.stopped{background:#fae7ea;color:#a24055}.filters,.filter-strip{display:flex;gap:10px;align-items:end;background:white;border:1px solid var(--line);padding:13px;border-radius:12px;margin-bottom:15px}.filters input{flex:1}.filters a{margin-left:auto;padding:10px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:13px}table{width:100%;border-collapse:collapse;min-width:730px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #f0ecf0}th{font-size:10px;letter-spacing:1px;color:#8b808c;background:#fbfafb}td a{text-decoration:none;color:var(--ink)}input,select,textarea{width:100%;border:1px solid #ddd6dd;background:#fff;border-radius:8px;padding:11px 12px;font:inherit;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#b96a89;box-shadow:0 0 0 3px #b96a8918}label{display:block;font-size:13px;font-weight:600;margin:14px 0}label small{display:block;color:var(--muted);font-weight:400;margin-top:6px}.form-card{max-width:900px;margin-top:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.wide{grid-column:1/-1}textarea{min-height:100px;resize:vertical}.check{display:flex;align-items:center;gap:9px}.check input{width:auto}.steps{display:flex;align-items:center;justify-content:center;max-width:650px;margin:0 auto 28px;color:#978d99}.steps b{font-size:12px}.steps b.on{color:var(--rose)}.steps i{height:1px;background:#ddd5dd;width:70px;margin:0 14px}.import-card{max-width:650px;margin:auto;text-align:center;padding:45px}.upload-icon,.guide-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:16px;background:var(--blush);color:var(--rose);font-size:27px;margin:0 auto 14px}.drop{border:1.5px dashed #cdbbc5;border-radius:12px;padding:24px;background:#fcf8fa;cursor:pointer}.drop input{border:0;padding:5px}.drop b,.drop small{display:block;margin-top:4px}.mapping{display:grid;grid-template-columns:1fr 1fr;gap:5px 24px}.mapping label{display:grid;grid-template-columns:160px 1fr;align-items:center}.review-banner{background:#3d3040;color:#fff;border-radius:13px;padding:17px 20px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.review-banner b,.review-banner span{display:block}.review-banner span{color:#cfc3cf;font-size:12px;margin-top:4px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.campaign-card{padding:20px;text-decoration:none;color:var(--ink)}.campaign-card>div,.campaign-card footer{display:flex;justify-content:space-between;align-items:center}.campaign-card h3{font:600 20px 'Fraunces';margin:22px 0 7px}.campaign-card p{color:var(--muted);height:42px}.campaign-card footer{border-top:1px solid var(--line);padding-top:14px;color:var(--muted)}.campaign-card footer span{color:var(--rose);font-weight:600}.builder{display:grid;grid-template-columns:minmax(0,780px) 300px;gap:22px}.editor{min-height:230px;line-height:1.6}.hint{padding:10px;background:#faf6f8;color:var(--muted);font-size:12px}.hint code{color:var(--rose)}.side-note{background:#342737;color:white;border-radius:14px;padding:27px;height:max-content}.side-note>span{font-size:27px;color:#e2a9c0}.side-note h3{font:600 20px 'Fraunces'}.side-note p{color:#d6c9d7;line-height:1.6}.actions{display:flex;gap:10px}.filter-strip{justify-content:space-between;align-items:center}.filter-strip label{margin:0;min-width:300px}.filter-strip>span b,.filter-strip>span small{display:block}.mail-preview{background:white;border:1px solid var(--line);border-radius:13px;margin-bottom:14px;overflow:hidden}.mail-preview header{display:flex;gap:10px;align-items:center;padding:15px 18px;background:#fcfafb;border-bottom:1px solid var(--line)}.mail-preview h4{padding:12px 18px;margin:0;border-bottom:1px solid var(--line)}.mail-body{padding:20px;white-space:pre-wrap;line-height:1.65}.missing{margin:0!important;padding:10px 18px;background:#fff4df;color:#8f641e!important;font-size:12px}.campaign-cols{grid-template-columns:1fr 280px}.stats{height:max-content;position:sticky;top:20px}.settings-grid{display:grid;grid-template-columns:minmax(0,700px) 360px;gap:20px}.connection{display:flex;gap:14px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}.connection-dot{width:14px;height:14px;border-radius:50%;background:#d37985;box-shadow:0 0 0 5px #faeaed}.connection-dot.ok{background:#50a17c;box-shadow:0 0 0 5px #e2f3ec}.guide{background:#f8eef3}.guide ol{padding-left:20px;color:#665d67;line-height:1.7}.guide-icon{margin:0 0 14px}.timeline>div{display:grid;grid-template-columns:12px 120px 90px 1fr;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}.timeline i{width:8px;height:8px;border-radius:50%;background:#b45c7f}.timeline time{font-size:12px;color:var(--muted)}.flash{padding:13px 16px;border-radius:10px;margin-bottom:16px;background:#e7f5ee;color:#286d57}.flash.error{background:#fbe8eb;color:#983b51}@media(max-width:950px){.sidebar{transform:translateX(-100%);transition:.2s}.nav-open .sidebar{transform:none}.nav-open:after{content:'';position:fixed;inset:0;background:#0005;z-index:5}.nav-open .sidebar{z-index:6}main{margin-left:0}.menu{display:block;border:0;background:none;font-size:22px}.metric-grid{grid-template-columns:1fr 1fr}.two-col,.builder,.settings-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr 1fr}.side-note,.stats{position:static}.top-actions .ghost{display:none}}@media(max-width:620px){.topbar{height:90px;padding:0 18px}.topbar h1{font-size:20px}.top-actions .primary{display:none}.content{padding:22px 16px}.welcome{padding:24px;display:block}.welcome .btn{margin-top:20px}.metric-grid,.two-col,.card-grid,.form-grid,.mapping{grid-template-columns:1fr}.mapping label{grid-template-columns:1fr}.steps i{width:22px;margin:0 7px}.steps b{font-size:10px}.panel{padding:18px}.campaign-top{display:block}.actions{margin-top:15px}.filter-strip{align-items:stretch;flex-direction:column}.filter-strip label{min-width:0}.review-banner{gap:12px}.settings-grid{display:block}.guide{margin-top:16px}}