:root{color:#252938;background:#edf4fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(180deg,#eef6fd,#f8fbff 48%,#eef4fb);margin:0;min-height:100vh}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{background:#f4f8fd;display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.app-sidebar{background:#fff;border-right:1px solid #e3e9f2;display:flex;flex-direction:column;gap:1.5rem;min-height:100vh;padding:1.5rem 1.25rem}.brand-lockup{align-items:center;display:flex;gap:.8rem}.brand-lockup h1,.health-panel h2{margin:0}.brand-lockup h1{color:#202432;font-size:1.45rem;line-height:1.1}.brand-mark{align-items:center;background:#3b63f6;border-radius:8px;box-shadow:0 12px 24px #3b63f638;color:#fff;display:flex;font-size:.82rem;font-weight:800;height:2.5rem;justify-content:center;width:2.5rem}.sidebar-nav{display:grid;gap:.75rem;overflow:auto;padding:.25rem 0}.nav-section{display:grid;gap:.35rem}.nav-section-trigger{align-items:center;background:transparent;border:0;border-radius:8px;color:#202432;cursor:pointer;display:flex;font:inherit;font-weight:700;justify-content:space-between;padding:.7rem .75rem;text-align:left;width:100%}.nav-section-trigger:hover,.nav-section-trigger.active{background:#f0f5ff;color:#315cf4}.nav-section-chevron{color:#8a94a6;font-weight:800}.nav-section-links{display:grid;gap:.2rem}.nav-section-links a{align-items:center;border-radius:8px;color:#59657a;display:flex;font-weight:700;padding:.6rem .75rem .6rem 1.25rem}.nav-section-links a:hover,.nav-section-links a[aria-current=page]{background:#f7f9fd;color:#315cf4}.login-form button{background:#315cf4;border:1px solid #315cf4;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:.6rem .85rem}.user-avatar{align-items:center;background:#315cf4;border-radius:999px;color:#fff;display:inline-flex;font-weight:800;height:2.35rem;justify-content:center;width:2.35rem}.eyebrow{color:#59657a;font-size:.78rem;font-weight:700;letter-spacing:0;margin:0 0 .2rem;text-transform:uppercase}main{width:100%}.app-workspace{min-width:0}.workspace-header{align-items:center;background:#ffffffeb;border-bottom:1px solid #e3e9f2;display:flex;gap:1rem;justify-content:space-between;min-height:5.5rem;padding:1.25rem 2rem}.workspace-header h2{color:#202432;font-size:1.55rem;line-height:1.15;margin:0}.workspace-user{align-items:center;color:#59657a;display:flex;font-weight:700;gap:.75rem}.workspace-logout{background:#fff;border:1px solid #dce5f3;border-radius:8px;color:#315cf4;cursor:pointer;font-weight:700;padding:.45rem .7rem}.page-content{padding:2rem}.page-tabs{background:#fff;border:1px solid #e3e9f2;border-radius:8px;box-shadow:0 18px 45px #212d480f;display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem;padding:.45rem}.page-tabs button{background:transparent;border:0;border-radius:8px;color:#59657a;cursor:pointer;font-weight:800;padding:.55rem .85rem}.page-tabs button[aria-selected=true]{background:#f0f5ff;color:#315cf4}.health-panel,.login-form,.contacts-page,.contact-form,.contact-detail{background:#fff;border:1px solid #e3e9f2;border-radius:8px;box-shadow:0 18px 45px #212d480f;padding:1.5rem}.contacts-page{margin-bottom:1rem}.dashboard-page{display:grid;gap:1.4rem}.page-heading{align-items:end;display:grid;gap:.3rem}.page-heading h2{color:#202432;font-size:1.7rem;line-height:1.2;margin:0}.page-heading p:last-child{color:#687386;margin:0}.dashboard-layout{display:grid;gap:1.5rem;grid-template-columns:minmax(0,2fr) minmax(320px,.9fr)}.dashboard-main-column,.dashboard-side-column{display:grid;gap:1.4rem}.dashboard-card,.kpi-card{background:#fff;border:1px solid #e3e9f2;border-radius:8px;box-shadow:0 18px 45px #212d480f}.dashboard-card h3,.dashboard-card h4,.dashboard-card p,.kpi-card span,.kpi-card strong,.kpi-card small{margin:0}.dashboard-kpi-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-card{align-items:start;display:flex;gap:.9rem;min-height:9rem;padding:1.25rem}.kpi-card>div{display:grid;gap:.35rem}.kpi-card span:not(.kpi-icon){color:#424858;font-weight:700}.kpi-card strong{color:#202432;font-size:2rem;line-height:1.1}.kpi-card small{color:#687386}.kpi-icon{align-items:center;border-radius:999px;display:inline-flex;flex:0 0 auto;font-size:1.1rem;font-weight:800;height:2.55rem;justify-content:center;width:2.55rem}.kpi-blue .kpi-icon{background:#e7edff;color:#315cf4}.kpi-green .kpi-icon{background:#dcfce7;color:#15803d}.kpi-orange .kpi-icon{background:#ffedd5;color:#ea580c}.kpi-violet .kpi-icon{background:#ede9fe;color:#6d4aff}.dashboard-card{display:grid;gap:1rem;padding:1.35rem}.dashboard-card h3{color:#202432;font-size:1.25rem}.dashboard-problem-list{display:grid;gap:.5rem}.dashboard-card-split{gap:0;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);padding:0}.dashboard-card-split>div{display:grid;gap:.9rem;padding:1.35rem}.dashboard-card-split>div+div{border-left:1px solid #e3e9f2}.list-health-number{color:#202432;font-size:2.35rem;font-weight:800;line-height:1}.soft-line-chart{align-items:end;border-bottom:1px solid #dce5f3;display:flex;gap:.7rem;height:5.2rem;margin-top:.35rem}.soft-line-chart span{background:linear-gradient(180deg,#315cf4,#dce5ff);border-radius:8px 8px 0 0;flex:1;min-height:.8rem}.dashboard-list-card{align-content:start}.activity-list,.compact-list{display:grid;gap:.75rem;list-style:none;margin:0;padding:0}.activity-list li{align-items:center;border-bottom:1px solid #edf1f7;display:grid;gap:.75rem;grid-template-columns:auto minmax(0,1fr) auto;padding:0 0 .75rem}.activity-list li:last-child,.compact-list li:last-child{border-bottom:0;padding-bottom:0}.activity-icon{align-items:center;background:#e7edff;border:1px solid #bdccff;border-radius:8px;color:#315cf4;display:inline-flex;font-weight:800;height:2.35rem;justify-content:center;width:2.35rem}.activity-list li>div:not(.activity-metric),.compact-list li{min-width:0}.activity-list strong,.compact-list strong{color:#202432}.activity-list span,.compact-list span{color:#687386}.activity-list li>div:not(.activity-metric),.activity-metric{display:grid;gap:.2rem}.activity-metric{justify-items:end}.soft-link{color:#315cf4;font-weight:800}.status-pill{background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;color:#15803d;display:inline-flex;font-size:.82rem;font-weight:800;justify-content:center;padding:.25rem .55rem}.compact-list li{border-bottom:1px solid #edf1f7;display:grid;gap:.2rem;padding:0 0 .65rem}.bar-chart{display:grid;gap:.85rem}.bar-row{align-items:center;display:grid;gap:.7rem;grid-template-columns:minmax(7rem,1fr) minmax(8rem,2fr) auto}.bar-row>span{color:#424858;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-row strong{color:#202432;font-size:.9rem}.bar-track{background:#eef2f7;border-radius:999px;height:.7rem;overflow:hidden}.bar-track span{background:linear-gradient(90deg,#315cf4,#89a3ff);border-radius:inherit;display:block;height:100%}.sequence-chart{align-items:end;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));min-height:11rem}.sequence-column{align-items:center;display:grid;gap:.45rem;min-width:0;text-align:center}.sequence-bar{align-items:end;background:#eef2f7;border-radius:8px;display:flex;height:7.2rem;overflow:hidden;width:100%}.sequence-bar span{background:linear-gradient(180deg,#6d4aff,#a9b5ff);border-radius:inherit;display:block;width:100%}.sequence-column strong{color:#315cf4}.sequence-column>span{color:#687386;font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.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 #dce5f3;border-radius:8px;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 #dce5f3;border-radius:8px;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 #dce5f3;border-radius:8px;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 #edf1f7;padding:.75rem;text-align:left}.contacts-table th{color:#687386;font-size:.82rem;font-weight:800;text-transform:uppercase}.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:#315cf4;cursor:pointer;font:inherit;font-weight:700;padding:0}.secondary-button{background:#fff;border:1px solid #dce5f3;border-radius:8px;color:#252938;cursor:pointer;font:inherit;font-weight:700;padding:.5rem .75rem}.form-error{background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;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 #e3e9f2;border-radius:8px;box-shadow:0 18px 45px #212d480f;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 #e3e9f2;border-radius:8px;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 #dce5f3;border-radius:8px;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:#315cf4}.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 #dce5f3;border-radius:8px;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 #e3e9f2;border-radius:8px;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 #dce5f3;border-radius:8px;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 #dce5f3;border-radius:8px;font:inherit;padding:.55rem}.signup-form-side,.signup-form-preview{display:grid;gap:.75rem}.signup-form-side pre{background:#f6f9fd;border:1px solid #e3e9f2;border-radius:8px;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 #e3e9f2;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 #e3e9f2;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 #e3e9f2;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 #e3e9f2;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 #dce5f3;border-radius:8px;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: 1180px){.dashboard-layout{grid-template-columns:1fr}.dashboard-side-column{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.app-sidebar{border-bottom:1px solid #e3e9f2;border-right:0;min-height:auto}.sidebar-nav{display:flex;overflow-x:auto;padding-bottom:.5rem}.nav-section{flex:0 0 14rem}.page-content{padding:1.25rem}.workspace-header{padding:1rem 1.25rem}}@media (max-width: 720px){.workspace-header{align-items:flex-start;flex-direction:column}.workspace-user{flex-wrap:wrap}.dashboard-kpi-grid,.dashboard-card-split,.dashboard-side-column{grid-template-columns:1fr}.dashboard-card-split>div+div{border-left:0;border-top:1px solid #e3e9f2}.bar-row{grid-template-columns:1fr}.activity-list li{align-items:start;grid-template-columns:auto minmax(0,1fr)}.activity-metric{grid-column:2;justify-items:start}.contacts-filters,.audit-filters,.contacts-grid,.rule-row,.event-list li{grid-template-columns:1fr}.audit-event-side{justify-items:start}}