:root{color:#1f2937;background:#f7f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.app-header{align-items:center;background:#fff;border-bottom:1px solid #d9dee8;display:flex;gap:2rem;justify-content:space-between;padding:1.25rem 2rem}.app-header h1,.health-panel h2{margin:0}.app-header nav,.auth-actions{display:flex;flex-wrap:wrap;gap:.75rem}.app-header nav a,.auth-actions button,.login-form button{border:1px solid #c9d1df;border-radius:6px;padding:.45rem .7rem}.auth-actions{align-items:center}.auth-actions button,.login-form button{background:#1f2937;color:#fff;cursor:pointer}.eyebrow{color:#59657a;font-size:.78rem;font-weight:700;letter-spacing:0;margin:0 0 .2rem;text-transform:uppercase}main{margin:0 auto;max-width:960px;padding:2rem}.health-panel,.dashboard-panel,.login-form,.contacts-page,.contact-form,.contact-detail{background:#fff;border:1px solid #d9dee8;border-radius:8px;padding:1.5rem}.dashboard-panel,.contacts-page{margin-bottom:1rem}.dashboard-panel{display:grid;gap:1rem}.dashboard-section{border-top:1px solid #e3e7ef;display:grid;gap:.75rem;overflow-x:auto;padding-top:1rem}.dashboard-section h3,.dashboard-section h4,.dashboard-section p{margin:0}.dashboard-health-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.dashboard-list li{align-items:start}.dashboard-problem-list{display:grid;gap:.5rem}.deliverability-list li{align-items:start;justify-content:space-between}.deliverability-list p{margin:.25rem 0 0}.deliverability-status{background:#fff4d6;border:1px solid #e8cd7c;border-radius:999px;color:#7a5900;font-weight:700;padding:.25rem .55rem}.deliverability-status.complete{background:#e9f8ef;border-color:#9dd7af;color:#1e6b38}.import-form,.import-result{display:grid;gap:1rem}.import-form label{display:grid;font-weight:700;gap:.35rem}.import-form input,.import-form select{border:1px solid #c9d1df;border-radius:6px;font:inherit;padding:.55rem}.import-form select[multiple]{min-height:6rem}.mapping-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.login-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-form{display:grid;gap:1rem;max-width:380px;width:100%}.login-form label{display:grid;font-weight:700;gap:.35rem}.login-form input{border:1px solid #c9d1df;border-radius:6px;font:inherit;padding:.65rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.contacts-filters,.contact-form{display:grid;gap:1rem}.contacts-filters{align-items:end;grid-template-columns:minmax(180px,2fr) minmax(160px,1fr) auto;margin-bottom:1rem}.audit-filters{grid-template-columns:minmax(180px,2fr) repeat(3,minmax(140px,1fr)) auto}.contacts-filters label,.contact-form label{display:grid;font-weight:700;gap:.35rem}.contacts-filters input,.contacts-filters select,.contact-form input,.contact-form select{border:1px solid #c9d1df;border-radius:6px;font:inherit;padding:.55rem}.contacts-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(260px,340px)}.contacts-table{border-collapse:collapse;width:100%}.contacts-table th,.contacts-table td{border-bottom:1px solid #e3e7ef;padding:.75rem;text-align:left}.table-actions,.form-actions,.pagination{display:flex;flex-wrap:wrap;gap:.5rem}.pagination{align-items:center;justify-content:space-between;margin-top:1rem}.link-button{background:transparent;border:0;color:#1d4ed8;cursor:pointer;font:inherit;padding:0}.secondary-button{background:#fff;border:1px solid #c9d1df;border-radius:6px;color:#1f2937;cursor:pointer;font:inherit;padding:.5rem .75rem}.form-error{background:#fff1f2;border:1px solid #fecdd3;border-radius:6px;color:#9f1239;display:grid;gap:.35rem;padding:.75rem}.form-error p,.form-error ul{margin:0}.contacts-side-panel{display:grid;gap:1rem}.contact-detail dl{display:grid;gap:.75rem}.management-panel{background:#fff;border:1px solid #d9dee8;border-radius:8px;margin-bottom:1rem;padding:1.5rem}.audit-log-list li{align-items:flex-start;gap:1rem}.audit-event-main{display:grid;gap:.35rem}.audit-event-main p{margin:0}.audit-event-side{color:#59657a;display:grid;font-size:.9rem;gap:.35rem;justify-items:end;min-width:180px}.audit-metadata{display:flex;flex-wrap:wrap;gap:.4rem}.audit-metadata span{background:#eef2f7;border:1px solid #d9dee8;border-radius:6px;padding:.25rem .45rem}.section-heading-row{align-items:center;display:flex;justify-content:space-between;gap:1rem}.inline-form,.inline-controls,.management-list li,.contact-associations li{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.inline-form{margin-bottom:1rem}.inline-form label{display:grid;font-weight:700;gap:.35rem}.inline-form input,.inline-form select,.inline-controls select,.suppression-events select{border:1px solid #c9d1df;border-radius:6px;font:inherit;padding:.5rem}.management-list,.contact-associations ul{display:grid;gap:.5rem;list-style:none;margin:0;padding:0}.contact-associations{border-top:1px solid #e3e7ef;display:grid;gap:1rem;margin-top:1rem;padding-top:1rem}.contact-timeline{border-top:1px solid #e3e7ef;display:grid;gap:.75rem;margin-top:1rem;padding-top:1rem}.contact-timeline h4,.contact-timeline p{margin:0}.contact-timeline ol{display:grid;gap:.75rem;list-style:none;margin:0;padding:0}.contact-timeline li{display:grid;gap:.5rem;grid-template-columns:minmax(140px,.7fr) minmax(0,1fr)}.contact-timeline time{color:#59657a;font-size:.82rem}.timeline-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}.timeline-links a{color:#1d4ed8}.suppression-events{border-top:1px solid #e3e7ef;display:grid;gap:.75rem;margin-top:1.5rem;padding-top:1rem}.suppression-events label{display:grid;font-weight:700;gap:.35rem}.segment-form,.rules-list{display:grid;gap:1rem}.rule-row{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(120px,1fr))}.template-form{display:grid;gap:1rem}.template-form label,.campaign-form label{display:grid;font-weight:700;gap:.35rem}.template-form input,.template-form select,.template-form textarea,.campaign-form input,.campaign-form select,.campaign-form textarea{border:1px solid #c9d1df;border-radius:6px;font:inherit;padding:.55rem}.campaign-form,.signup-form-builder,.public-signup-form{display:grid;gap:1rem}.signup-form-builder fieldset,.settings-form fieldset{border:1px solid #d9dee8;border-radius:6px;display:grid;gap:.75rem;margin:0;padding:1rem}.signup-form-builder label,.public-signup-form label,.signup-form-preview label{display:grid;font-weight:700;gap:.35rem}.signup-form-builder input,.signup-form-builder select,.signup-form-builder textarea,.public-signup-form input,.signup-form-preview input{border:1px solid #c9d1df;border-radius:6px;font:inherit;padding:.55rem}.signup-form-builder select[multiple]{min-height:6rem}.signup-form-workspace{display:grid;gap:1.5rem;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);margin-top:1rem}.sequence-workspace,.sequence-form{display:grid;gap:1rem;margin-top:1rem}.sequence-form{border-top:1px solid #e3e7ef;padding-top:1rem}.sequence-form label{display:grid;font-weight:700;gap:.35rem}.sequence-form input,.sequence-form select,.sequence-form textarea{border:1px solid #c9d1df;border-radius:6px;font:inherit;padding:.55rem}.signup-form-side,.signup-form-preview{display:grid;gap:.75rem}.signup-form-side pre{background:#f7f8fb;border:1px solid #d9dee8;border-radius:6px;overflow:auto;padding:.75rem;white-space:pre-wrap}.checkbox-row{align-items:center;display:flex!important;gap:.5rem}.checkbox-row input{width:auto}.public-form-page{align-items:start;display:grid;min-height:100vh;padding:3rem 1rem;place-items:start center}.public-form-panel{background:#fff;border:1px solid #d9dee8;border-radius:8px;display:grid;gap:1rem;max-width:560px;padding:2rem;width:100%}.honeypot-field{left:-10000px;position:absolute}.campaign-form-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.campaign-preview{display:flex;flex-wrap:wrap;gap:.75rem}.campaign-detail{border-top:1px solid #e3e7ef;display:grid;gap:.75rem;margin-top:1rem;padding-top:1rem}.campaign-detail dl{display:grid;gap:.5rem;grid-template-columns:max-content 1fr;margin:0}.campaign-report{border-top:1px solid #e3e7ef;display:grid;gap:1rem;margin-top:1.5rem;padding-top:1rem}.metric-note{color:#59657a;margin:0}.report-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.report-card{border:1px solid #d9dee8;border-radius:8px;display:grid;gap:.35rem;padding:.85rem}.report-card span{color:#59657a;font-size:.82rem}.report-card strong{font-size:1.2rem}.report-section{display:grid;gap:.75rem;overflow-x:auto}.report-section h4{margin:0}.event-list li{align-items:start;display:grid;grid-template-columns:minmax(140px,1fr) minmax(80px,.5fr) minmax(140px,.7fr) minmax(180px,1fr)}.preview-mode-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.template-preview{border:1px solid #d9dee8;margin:0 auto;min-height:180px;overflow:auto;padding:1rem;width:100%}@media (max-width: 760px){.signup-form-workspace{grid-template-columns:1fr}}.preview-mobile{max-width:360px}.preview-tablet{max-width:760px}.preview-desktop{max-width:1080px}.settings-form{display:grid;gap:1rem}.settings-form fieldset{border:1px solid #d9dee8;border-radius:8px;display:grid;gap:.75rem;margin:0;padding:1rem}.settings-form legend{font-weight:700}.settings-form label{display:grid;font-weight:700;gap:.35rem}.settings-form input,.settings-form textarea{border:1px solid #c9d1df;border-radius:6px;font:inherit;padding:.55rem}.health-panel dl{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:1.5rem 0 0}.health-panel dt{color:#59657a;font-size:.8rem;font-weight:700}.health-panel dd{margin:.2rem 0 0}@media (max-width: 720px){.app-header{align-items:flex-start;flex-direction:column}main{padding:1rem}.contacts-filters,.audit-filters,.contacts-grid{grid-template-columns:1fr}.audit-event-side{justify-items:start}}