:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--panel:#fff;--text:#172033;--muted:#647084;--line:#dfe3e8;--accent:#1f5eff;--accent-dark:#1747c8;--danger:#b42318;--success:#087443}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#d7dce5;background:#111827;flex-direction:column;gap:24px;padding:24px 16px;display:flex}.brand{color:#fff;letter-spacing:-.02em;padding:0 10px;font-size:18px;font-weight:700}.nav{gap:4px;display:grid}.nav a{border-radius:7px;padding:9px 10px}.nav a:hover{color:#fff;background:#202a3a}.sidebar-footer{color:#9ba6b8;border-top:1px solid #30394a;margin-top:auto;padding:16px 10px 0;font-size:12px}.main{min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:flex-end;align-items:center;min-height:64px;padding:0 32px;display:flex}.content{max-width:1440px;margin:0 auto;padding:32px}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}h1,h2,h3{letter-spacing:-.025em;margin:0}h1{font-size:28px}h2{font-size:19px}h3{font-size:15px}.muted{color:var(--muted)}.stack{gap:16px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.panel-body{padding:20px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:9px;padding:18px}.stat-value{margin-top:8px;font-size:28px;font-weight:700}.button{background:var(--accent);color:#fff;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-weight:600;display:inline-flex}.button:hover{background:var(--accent-dark)}.button.secondary{color:var(--text);border-color:var(--line);background:#fff}.button.danger{color:var(--danger);background:#fff;border-color:#f1b7b3}.button.small{min-height:32px;padding:0 10px;font-size:13px}.field{gap:6px;display:grid}.field label{font-size:13px;font-weight:600}.input,.select,.textarea{width:100%;color:var(--text);background:#fff;border:1px solid #cbd1d9;border-radius:7px;padding:9px 10px}.textarea{resize:vertical;min-height:120px}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);outline:3px solid #dbe7ff}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.span-2{grid-column:span 2}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:var(--muted);text-align:left;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.04em;padding:11px 14px;font-size:12px;font-weight:650}td{vertical-align:middle;border-bottom:1px solid #edf0f3;padding:13px 14px}tr:last-child td{border-bottom:0}.tag{color:#2c52a4;background:#edf2ff;border-radius:999px;margin:2px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.badge{text-transform:capitalize;background:#eef1f4;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:650;display:inline-flex}.badge.active,.badge.delivered,.badge.completed{color:var(--success);background:#e8f6ef}.badge.failed,.badge.bounced,.badge.archived{color:var(--danger);background:#fcedeb}.empty{text-align:center;color:var(--muted);padding:48px 20px}.login-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:12px;width:min(420px,100%);padding:32px}.login-card h1{margin-bottom:8px}.login-card form{gap:16px;margin-top:24px;display:grid}.notice{color:#294e9c;background:#f2f6ff;border:1px solid #bed0ff;border-radius:7px;padding:11px 13px}.error{color:var(--danger);background:#fff4f3;border:1px solid #f0b9b5;border-radius:7px;padding:11px 13px}.step-list{gap:10px;display:grid}.step{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:36px minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px;display:grid}.step-index{background:#eef2f7;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.rich-editor{overflow:auto}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.preview-grid iframe,.preview-grid pre{border:1px solid var(--line);background:#fff;border-radius:7px;width:100%;min-height:220px;margin:8px 0 0;padding:12px}.preview-grid pre{white-space:pre-wrap;overflow-wrap:anywhere}.metric-note{color:var(--muted);margin-top:4px;font-size:12px}.contact-filter-row{grid-template-columns:minmax(240px,1fr) 180px auto auto;align-items:center;gap:10px;display:grid}.advanced-filters{margin-top:14px}.advanced-filters summary,.panel-disclosure summary,.composer summary{cursor:pointer;color:var(--text);font-weight:650}.bulk-toolbar{border-bottom:1px solid var(--line);z-index:2;background:#fbfcfd;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;display:flex;position:sticky;top:0}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.panel-disclosure{border-top:1px solid var(--line);padding:18px 20px}.removable-tag{cursor:pointer;border:0}.timeline{gap:0;display:grid}.timeline-item{border-bottom:1px solid #edf0f3;grid-template-columns:110px minmax(0,1fr) auto;align-items:start;gap:14px;padding:13px 0;display:grid}.timeline-item:last-child{border-bottom:0}.danger-zone{border-color:#f1b7b3}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:20px;display:flex}.tabs a{color:var(--muted);border-bottom:2px solid #0000;padding:11px 16px;font-weight:600}.tabs a.active{color:var(--accent);border-bottom-color:var(--accent)}.composer>summary{padding:18px 20px}.composer[open]>summary{border-bottom:1px solid var(--line)}.choice-row{align-items:center;gap:8px;font-weight:600;display:flex}.audience-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.analytics-filter-grid{grid-template-columns:150px 150px minmax(180px,1fr) minmax(170px,.8fr) minmax(220px,1fr) auto;align-items:end;gap:12px;display:grid}.campaign-engagement-filters{grid-template-columns:160px 160px minmax(190px,.8fr) minmax(240px,1fr) auto}.engagement-layout{align-items:start;gap:16px;display:grid}.engagement-layout.has-detail{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr)}.engagement-results{min-width:0}.engagement-results .selected-row td{background:#f2f6ff}.engagement-pagination{border-top:1px solid var(--line);border-bottom:0;padding-block:12px}.button.compact{min-height:32px;padding-inline:10px;font-size:13px}.button.disabled{opacity:.45;pointer-events:none}.engagement-detail{max-height:calc(100vh - 32px);position:sticky;top:16px;overflow:auto}.engagement-detail-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.engagement-detail-stats .stat{padding:12px}.engagement-detail-stats .stat-value{font-size:22px}.row.spread{justify-content:space-between;align-items:flex-start}.engagement-email{border:1px solid var(--line);background:#fff;border-radius:8px;padding:14px}.engagement-counts{margin-top:10px}.engagement-links{border-top:1px solid #edf0f3;gap:10px;margin-top:12px;padding-top:12px;display:grid}.engagement-links a,.engagement-url{text-overflow:ellipsis;white-space:nowrap;max-width:620px;display:block;overflow:hidden}.engagement-links a{color:var(--accent);text-decoration:underline}.contact-email-summary{padding:16px}.activity-disclosure>summary{cursor:pointer;list-style-position:inside}.activity-disclosure[open]>summary{border-bottom:1px solid var(--line)}.badge.opened{color:#2c52a4;background:#edf2ff}.badge.clicked{color:#6543a5;background:#f2edff}@media (max-width:850px){.shell{grid-template-columns:1fr}.sidebar{gap:12px;padding:14px 16px;position:static}.nav{grid-template-columns:repeat(3,1fr)}.sidebar-footer,.topbar{display:none}.content{padding:20px 16px}.stat-grid,.analytics-filter-grid,.campaign-engagement-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-contact-search{grid-column:span 2}.engagement-layout.has-detail{grid-template-columns:1fr}.engagement-detail{max-height:none;position:static}}@media (max-width:560px){.page-header{display:grid}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.stat-grid{grid-template-columns:1fr}.step{grid-template-columns:36px minmax(0,1fr)}.step>.row{grid-column:2}.preview-grid,.contact-filter-row,.detail-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr;gap:6px}.analytics-filter-grid,.campaign-engagement-filters{grid-template-columns:1fr}.analytics-contact-search{grid-column:span 1}.engagement-detail-stats{grid-template-columns:1fr}}