:root{--red:#991b1b;--red2:#b91c1c;--ink:#172033;--muted:#667085;--line:#e4e7ec;--bg:#f5f6f8;--card:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:15px/1.5 Inter,Segoe UI,Arial,sans-serif;color:var(--ink)}.hidden{display:none!important}.center-card{max-width:620px;margin:15vh auto;background:#fff;padding:40px;border-radius:18px;text-align:center;box-shadow:0 18px 50px #17203318}main{max-width:1440px;margin:auto;padding:28px 34px 60px}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(135deg,#251417,#4b171b);color:#fff;padding:26px 30px;border-radius:20px}.topbar h1{margin:2px 0;font-size:30px}.topbar p{margin:0;color:#e7c9cb}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;color:#fca5a5}.top-actions{display:flex;gap:14px;align-items:center}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.metrics article{background:#fff;border:1px solid var(--line);padding:20px;border-radius:14px}.metrics strong{display:block;font-size:30px;color:var(--red)}.metrics span{color:var(--muted)}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:24px 0}.tabs button{border:0;background:none;padding:13px 18px;font-weight:700;color:var(--muted);cursor:pointer}.tabs button.active{color:var(--red);border-bottom:3px solid var(--red)}.section-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:24px 0 16px}.section-head h2{margin:0}.section-head p{margin:3px 0;color:var(--muted)}.button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 15px;font-weight:700;cursor:pointer;text-decoration:none;color:var(--ink)}.button.primary{background:var(--red2);border-color:var(--red2);color:#fff}.button.ghost{background:transparent;color:inherit}.button.small{padding:6px 10px;font-size:13px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}.item-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.item-card h3{margin:0 0 5px}.item-card p{color:var(--muted)}.badge{display:inline-block;border-radius:999px;background:#f2f4f7;padding:4px 9px;font-size:12px;font-weight:700}.badge.active,.badge.sent{background:#dcfce7;color:#166534}.badge.failed{background:#fee2e2;color:#991b1b}.card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.import-card{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}label{display:grid;gap:6px;font-weight:650}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #ccd1da;border-radius:8px;background:#fff;color:var(--ink);font:inherit}textarea{resize:vertical}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:12px;text-transform:uppercase;color:var(--muted)}dialog{width:min(720px,calc(100vw - 30px));border:0;border-radius:18px;padding:0;box-shadow:0 25px 80px #0004}dialog::backdrop{background:#17203388}.dialog-form{padding:24px;display:grid;gap:16px}.dialog-form.wide{width:100%}.dialog-head,.dialog-actions,.field-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-head h2{margin:0}.dialog-head button{border:0;background:none;font-size:28px;cursor:pointer}.dialog-actions{justify-content:flex-end}.two-cols,.three-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.three-cols{grid-template-columns:repeat(3,1fr)}fieldset{border:1px solid var(--line);border-radius:10px}legend{font-weight:750}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.choice-grid label{display:flex;align-items:center;gap:6px;font-weight:500}.choice-grid input{width:auto}.switch-row{display:flex;gap:8px;align-items:center;min-height:42px}.switch-row input{width:auto}.hint,small{color:var(--muted)}.response-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin:8px 0}.list-block{background:#fff;border:1px solid var(--line);border-radius:14px;margin:12px 0;padding:16px}.list-block h3{margin-top:0}.contact-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;padding:8px 0;border-top:1px solid var(--line)}.toast{position:fixed;right:24px;bottom:24px;background:#172033;color:#fff;padding:13px 18px;border-radius:10px;box-shadow:0 10px 30px #0003}.toast.error{background:#991b1b}.editor-field{display:grid;gap:8px}.upload-button{position:relative;overflow:hidden}.upload-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.editor-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:8px;background:#f2f4f7;border:1px solid #ccd1da;border-bottom:0;border-radius:9px 9px 0 0}.editor-toolbar button{border:1px solid #d0d5dd;background:#fff;border-radius:6px;padding:6px 9px;cursor:pointer}.email-body-editor,.html-source{min-height:280px;padding:16px;border:1px solid #ccd1da;border-radius:0 0 9px 9px;background:#fff;overflow:auto}.email-body-editor:empty::before{content:attr(data-placeholder);color:#98a2b3}.email-body-editor img{max-width:100%;height:auto}.email-body-editor table{max-width:100%}.html-source{font:13px/1.5 Consolas,monospace;white-space:pre}.preview-dialog{width:min(980px,calc(100vw - 30px))}.preview-dialog .dialog-form{max-height:90vh;overflow:auto}.email-preview-frame{width:100%;height:430px;border:1px solid #d0d5dd;border-radius:10px;background:#fff}.test-email-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}@media(max-width:800px){main{padding:16px}.topbar,.section-head{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr 1fr}.import-card,.two-cols,.three-cols,.test-email-form{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr 1fr}.tabs{overflow:auto}.top-actions{flex-wrap:wrap}}