@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
.editor-toolbar{display:flex;align-items:center;gap:8px;padding:12px 18px;flex-wrap:wrap;border-bottom:1px solid #e6eaed}.editor-toolbar .button{padding:7px 10px}.editor-toolbar .muted{font-size:11px}
/* Keep workspace and account controls intact; scroll only the desktop menu. */
@media (min-width: 651px) {
    body .sidebar { overflow: hidden; padding-top: 24px; padding-bottom: 16px; }
    .sidebar > .brand, .sidebar > .workspace-label,
    .sidebar > .workspace-name, .sidebar > .sidebar-bottom { flex-shrink: 0; }
    .sidebar > .workspace-name { min-height: 44px; line-height: 20px; white-space: nowrap; }
    .sidebar > nav {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        overflow-x: hidden;
        overscroll-behavior: contain;
        scrollbar-width: thin;
        scrollbar-color: #c3cdc7 transparent;
        padding: 3px 4px 3px 0;
    }
    .sidebar > nav a { padding: 9px 12px; line-height: 1.4; }
    .sidebar > nav a span { flex-shrink: 0; line-height: 1; }
    .sidebar > .sidebar-bottom { margin-top: 12px; padding-top: 0; }
    .sidebar-bottom .connection { padding: 10px 4px; }
    .sidebar-bottom .profile { padding-top: 12px; }
    .sidebar-bottom .profile > span:last-child { min-width: 0; overflow-wrap: anywhere; }
    .sidebar-bottom .avatar { flex-shrink: 0; }
}
/* On very short windows, every control remains reachable by scrolling. */
@media (min-width: 651px) and (max-height: 480px) {
    body .sidebar { overflow-y: auto; }
    .sidebar > nav { flex: 0 0 auto; overflow: visible; }
}
@media (max-width: 650px) {
    body .sidebar { overflow: visible; }
    .sidebar > .brand { flex-shrink: 0; }
    .sidebar > nav { flex: 0 0 auto; }
    .sidebar > .sidebar-bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding-top: 12px;
        margin-top: 8px;
        border-top: 1px solid var(--line);
    }
    .sidebar-bottom .connection { display: none; }
    .sidebar-bottom .profile { padding-top: 0; min-width: 0; }
    .sidebar-bottom .profile > span:last-child { overflow-wrap: anywhere; }
    .sidebar-bottom .avatar { flex-shrink: 0; }
    .sidebar-bottom form { flex-shrink: 0; }
}
:root{--paper:#f7f8fa;--ink:#202c35;--muted:#75808a;--line:#e6eaed;--green:#245e50;--light:#e8f2ed;--white:#fff;--radius:14px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',sans-serif}a{color:var(--green);text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer}h1,h2,h3,.brand{font-family:'Manrope',sans-serif}h1{font-size:34px;line-height:1.2;font-weight:750;letter-spacing:-1.3px;margin:8px 0 12px}h2{font-size:19px;margin:0 0 8px;letter-spacing:-.5px}h3{font-size:17px}p{line-height:1.6}small{display:block;font-size:13px;color:var(--muted);font-weight:400;margin-top:5px}.muted{color:var(--muted);margin:5px 0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;color:var(--green);margin:0 0 12px}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--white);border-right:1px solid var(--line);padding:32px 20px 20px;display:flex;flex-direction:column;overflow:auto}.brand{display:flex;align-items:center;flex-wrap:wrap;font-size:22px;letter-spacing:-1px;font-weight:800;color:var(--ink);gap:7px}.brand-symbol{background:var(--green);color:#fff;border-radius:10px;padding:3px 9px;font-size:24px}.brand-dot{font:10px 'DM Sans',sans-serif;letter-spacing:2px;margin-left:45px;margin-top:-7px;text-transform:uppercase}.workspace-label{font-size:10px;letter-spacing:1.5px;color:#929a9f;font-weight:700;margin:32px 12px 10px}.workspace-name{font-weight:600;border:1px solid var(--line);border-radius:8px;padding:11px;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis}nav a{display:flex;align-items:center;gap:13px;padding:11px 14px;margin-bottom:4px;border-radius:8px;color:#68727a;font-size:14px;font-weight:500}nav a span{font-size:20px;width:23px}nav a:hover,nav a.active{background:var(--light);color:var(--green)}nav a.active{font-weight:700}nav .workspace-label{margin-top:23px}.sidebar-bottom{margin-top:auto;padding-top:30px}.connection{font-size:11px;color:var(--muted);padding:15px 8px;border-bottom:1px solid var(--line)}.connection i{display:inline-block;width:6px;height:6px;background:#9aa8a1;border-radius:50%;margin-right:6px}.profile{display:flex;gap:10px;align-items:center;padding-top:20px;color:var(--ink);font-size:13px}.avatar{display:grid;place-items:center;background:#e9eee9;border-radius:50%;width:36px;height:36px;font-weight:600}.text-button{background:none;border:0;color:var(--muted);font-size:12px;padding:10px 0}.shell{margin-left:248px}.topbar{height:78px;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:#fff;font-size:13px;color:var(--muted)}.slash{margin:0 12px;color:#bbc3c8}.top-date{font-size:12px}.pill{border:1px solid var(--line);border-radius:5px;font-size:9px;letter-spacing:1px;padding:7px;margin-left:20px}main{max-width:1600px;margin:auto;padding:38px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.button,button.primary{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--green);color:white;border:1px solid var(--green);border-radius:8px;padding:12px 19px;font-weight:600;font-size:13px;white-space:nowrap}.button:hover{background:#19483d}.button.secondary{background:white;color:var(--ink);border-color:var(--line)}.button.secondary:hover{background:var(--paper)}.button.danger{background:#9b3838;border-color:#9b3838}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:28px}.stat{padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.stat>span{font-size:12px;color:#65717b}.stat strong{display:block;font-family:Manrope,sans-serif;font-size:32px;font-weight:650;margin:12px 0 9px;letter-spacing:-1px}.stat strong em{font-size:14px;color:#929a9f;font-style:normal;letter-spacing:0}.stat small{font-size:11px}.meter{height:4px;background:#edf0ee;border-radius:4px;margin:8px 0}.meter i{display:block;height:4px;background:var(--green)}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:22px}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:25px;border-bottom:1px solid var(--line);gap:15px}.panel-heading p,.panel-heading a{font-size:12px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(275px,1fr);gap:25px}.empty{padding:58px 20px;text-align:center}.empty-icon{display:inline-grid;place-items:center;width:53px;height:53px;border:1px solid #dce8e1;border-radius:14px;color:var(--green);font-size:29px;background:#f3f8f4}.empty h3{margin:22px 0 6px}.empty p{font-size:13px;color:var(--muted);margin-bottom:22px}.getting-started{padding:27px;background:#eff4f0;border-color:#e2e9e3}.getting-started h2{font-size:23px;font-weight:650;line-height:1.5}.check-step{display:flex;gap:15px;margin-top:25px}.check-step>span{font-size:11px;padding-top:3px;color:#7c9185}.check-step a{font-size:13px;font-weight:650}.check-step p{font-size:12px;color:#75867b;margin:6px 0}.note{padding:16px;background:#e5ece5;border-radius:8px;color:#697c6c;font-size:12px;line-height:1.7;margin-top:25px}.bottom-strip{display:flex;align-items:center;justify-content:space-between;padding:26px 30px;background:#f1eee7;border-radius:var(--radius);gap:20px}.bottom-strip .eyebrow{font-size:10px;color:#8a7b5e}.bottom-strip h3{margin:9px 0}.bottom-strip p{font-size:13px}footer{padding:24px 38px;color:#9aa2a7;font-size:11px;border-top:1px solid var(--line)}footer span{float:right}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{background:#fafbfc;color:#879199;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:600;padding:15px 23px}td{padding:18px 23px;border-top:1px solid var(--line)}td strong{font-weight:600}td small{font-size:11px}td .button{padding:7px 12px}.badge{display:inline-block;padding:5px 9px;border-radius:5px;font-size:11px;background:#f0f1f5;color:#707985;text-transform:capitalize}.badge.subscribed,.badge.valid,.badge.basic_pass,.badge.sent,.badge.delivered,.badge.verified,.badge.completed{background:#e7f3eb;color:#38774c}.badge.invalid,.badge.hard_bounce,.badge.complaint,.badge.failed,.badge.unsubscribed{background:#faebea;color:#a14c48}.badge.pending,.badge.queued,.badge.scheduled,.badge.unknown,.badge.risky,.badge.uncertain{background:#faf2dc;color:#927335}.form-panel{padding:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .full{grid-column:1/-1}label{display:block;font-size:13px;font-weight:600;margin-bottom:18px}input,select,textarea{display:block;width:100%;background:white;border:1px solid #dce2e5;border-radius:7px;padding:11px 12px;margin-top:8px;color:var(--ink)}textarea{resize:vertical;line-height:1.6}input[type=checkbox]{width:auto;display:inline-block;margin-right:8px}label small{font-weight:400;line-height:1.5}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:23px}.filters label{margin:0;min-width:160px}.filters input{min-width:240px}.filters .button{height:43px}.notice{padding:16px 20px;border-radius:9px;margin-bottom:24px;line-height:1.6;font-size:14px}.notice.success{background:#e5f1e9;color:#32694a}.notice.error{background:#faeae9;color:#933c38}.notice ul{margin-bottom:0}.split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px}.html-editor{font-family:Consolas,monospace;font-size:13px;min-height:380px}.preview{width:100%;height:560px;border:0;background:#fff}.preview.mobile{max-width:375px;display:block;margin:auto}.preview-wrap{background:#edf0f2;padding:16px}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0 25px}.tabs a{padding:8px 14px;border:1px solid var(--line);background:white;border-radius:6px;font-size:12px}.tabs a.active{background:var(--green);color:white}.auth-main{min-height:100vh;display:grid;place-content:center;background:radial-gradient(ellipse at top right,#e0ede6,transparent 55%),var(--paper)}.auth-card{max-width:440px;background:white;border:1px solid var(--line);padding:40px;border-radius:20px;box-shadow:0 20px 60px #203c3010}.auth-card .brand{margin-bottom:45px;max-width:200px}.auth-card h1{font-size:30px}.auth-card form{margin-top:28px}.wide{width:100%}.auth-link{display:block;text-align:center;font-size:12px;margin-top:20px}.auth-note{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:22px;margin-top:28px;text-align:center}.impersonation{background:#fff1c8;padding:13px 38px;display:flex;align-items:center;justify-content:space-between;font-size:13px}.impersonation button{background:white;border:1px solid #dfcc90;padding:7px;border-radius:5px}.pagination{padding:20px;display:flex;justify-content:space-between;font-size:13px}.inline-form{display:inline}.inline-form button{margin:3px}.domain-card{padding:24px}.domain-head{display:flex;justify-content:space-between;gap:15px}.domain-card code{font-size:12px;word-break:break-all}.dns{table-layout:fixed;margin-top:20px}.dns th:first-child{width:80px}.help{max-width:900px}.help li{margin:12px 0;line-height:1.7}.help code{background:#eef1f2;padding:2px 5px}details{margin:15px 0}summary{cursor:pointer;font-weight:600}.checklist{display:flex;flex-wrap:wrap;gap:12px}.checklist label{font-weight:400;padding:10px;background:#f4f6f5;border-radius:7px}.report-bars{display:grid;gap:16px}.report-bar{display:grid;grid-template-columns:100px 1fr 65px;gap:15px;align-items:center;font-size:13px}.report-bar .meter{height:8px}.report-bar .meter i{height:8px}.report-bar strong{text-align:right}@media(min-width:1600px){main{padding:45px 60px}}@media(max-width:1100px){.sidebar{width:215px;padding:25px 14px}.shell{margin-left:215px}main{padding:26px}.stats{grid-template-columns:repeat(2,1fr)}.overview-grid,.split{grid-template-columns:1fr}.top-date{display:none}.getting-started h2 br{display:none}}@media(max-width:650px){.sidebar{position:static;width:auto;padding:18px}.sidebar .workspace-label,.workspace-name,.sidebar-bottom{display:none}.brand-dot{margin-left:0;margin-top:0}.sidebar nav{display:flex;overflow:auto;margin-top:15px}.sidebar nav a{white-space:nowrap}.sidebar nav a span{display:none}.shell{margin-left:0}.topbar{height:50px;padding:0 20px}main{padding:23px 16px}.page-heading{align-items:start;flex-direction:column}h1{font-size:28px}.stat{padding:17px}.stat strong{font-size:28px}.form-grid{grid-template-columns:1fr}.bottom-strip{align-items:start;flex-direction:column}.topbar .pill{display:none}.auth-card{padding:27px}.impersonation{padding:15px;gap:12px}.form-panel{padding:20px}}