:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202223;background:#f6f6f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#f6f6f7}.mail-app{min-height:100vh;display:flex;background:#f6f6f7}.mail-sidebar{position:sticky;top:0;width:224px;height:100vh;background:#fff;border-right:1px solid #e1e3e5;padding:18px 12px;display:flex;flex-direction:column;flex:0 0 auto}.mail-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 22px;text-decoration:none;color:#202223}.mail-brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#202223;color:#fff;font-family:Georgia,serif;font-size:18px}.mail-brand strong,.mail-brand small{display:block}.mail-brand strong{font-size:14px;letter-spacing:.01em}.mail-brand small{font-size:11px;color:#6d7175;margin-top:2px}.mail-sidebar nav{display:grid;gap:3px}.mail-sidebar nav a{display:flex;align-items:center;gap:11px;padding:9px 10px;color:#4f5559;text-decoration:none;border-radius:7px;font-size:13px;font-weight:500}.mail-sidebar nav a:hover{background:#f4f5f4}.mail-sidebar nav a.active{background:#ecf3ef;color:#164e35;font-weight:650}.mail-sidebar nav a.active svg{color:#27765a}.sidebar-foot{margin-top:auto;border-top:1px solid #eceeed;padding:17px 9px 4px}.sidebar-foot p{margin:8px 0 0;color:#8c9196;font-size:11px}.plan-pill{font-size:11px;font-weight:600;color:#5c5f62;display:flex;align-items:center;gap:7px}.plan-pill span{width:7px;height:7px;border-radius:50%;background:#d6a420}.mail-workspace{flex:1;min-width:0}.preview-bar{height:32px;background:#202223;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;letter-spacing:.02em}.mail-main{max-width:1280px;margin:0 auto;padding:32px 34px 60px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.page-header h1{font-size:24px;line-height:1.2;margin:4px 0 6px;letter-spacing:-.025em}.page-header p{margin:0;color:#6d7175;font-size:13px;max-width:680px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#6d7175;font-weight:700}.header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #babfc3;background:#fff;color:#202223;border-radius:7px;min-height:34px;padding:7px 12px;font:600 12px/1.2 inherit;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;box-shadow:0 1px #0000000a}.btn:hover{background:#f6f6f7}.btn-primary{background:#1d6f4a;border-color:#1d6f4a;color:#fff}.btn-primary:hover{background:#175f3e}.btn-plain{border-color:transparent;box-shadow:none;background:transparent}.btn-danger{border-color:#c94f45;color:#b42318;background:#fff}.btn:disabled{opacity:.48;cursor:not-allowed}.card{background:#fff;border:1px solid #e1e3e5;border-radius:10px;box-shadow:0 1px 1px #1f212408}.card-pad{padding:20px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric{padding:17px 18px}.metric-label{font-size:12px;color:#6d7175}.metric-row{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin:12px 0 6px}.metric-value{font-size:25px;font-weight:650;letter-spacing:-.035em}.metric-trend{font-size:11px;color:#287a55;background:#edf7f1;padding:3px 6px;border-radius:999px}.metric-note{font-size:11px;color:#8c9196}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.65fr);gap:16px}.section-head{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;border-bottom:1px solid #eceeed}.section-head h2{margin:0;font-size:14px}.section-head a{font-size:12px;color:#2b6f54;text-decoration:none}.chart-wrap{padding:20px 18px 14px}.chart-labels{display:flex;justify-content:space-between;font-size:10px;color:#8c9196;padding-top:8px}.bars{height:170px;display:flex;align-items:flex-end;gap:9px;border-bottom:1px solid #dfe1e3;background:repeating-linear-gradient(to top,transparent 0,transparent 41px,#f1f2f2 42px)}.bar{flex:1;background:#91b9a5;border-radius:3px 3px 0 0;min-width:8px;transition:.2s}.bar:hover{background:#34775b}.donut-row{display:flex;align-items:center;gap:20px;padding:22px 18px}.donut{width:116px;height:116px;border-radius:50%;background:conic-gradient(#34775b 0,#34775b 96.85%,#d6a420 96.85%,#d6a420 98.42%,#c5594f 98.42%);position:relative;flex:0 0 auto}.donut:after{content:"96.85%";position:absolute;top:20px;right:20px;bottom:20px;left:20px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:13px;font-weight:700}.legend{display:grid;gap:9px;font-size:11px;color:#5c5f62}.legend span{display:flex;align-items:center;gap:7px}.legend i{width:7px;height:7px;border-radius:50%;background:#34775b}.legend span:nth-child(2) i{background:#d6a420}.legend span:nth-child(3) i{background:#c5594f}.notice{display:flex;gap:12px;align-items:flex-start;background:#fff8e5;border:1px solid #ecd69a;border-radius:8px;padding:13px 14px;margin-bottom:18px;color:#5d4d19;font-size:12px}.notice strong{display:block;margin-bottom:3px}.notice p{margin:0;color:#75662e}.toolbar{display:flex;align-items:center;gap:9px;padding:14px 16px;border-bottom:1px solid #eceeed}.search-box{position:relative;flex:1;max-width:350px}.search-box svg{position:absolute;left:10px;top:9px;color:#8c9196}.search-box input,.field input,.field select,.field textarea{width:100%;border:1px solid #babfc3;border-radius:7px;background:#fff;padding:8px 10px;font:12px inherit;color:#202223;outline:none}.search-box input{padding-left:34px}.search-box input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#27765a;box-shadow:0 0 0 2px #27765a21}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{text-align:left;color:#6d7175;font-size:11px;font-weight:600;background:#fafbfb;padding:10px 14px;border-bottom:1px solid #e1e3e5}.data-table td{padding:13px 14px;border-bottom:1px solid #eceeed;color:#4f5559}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fafbfb}.data-table td strong{color:#202223}.status{display:inline-flex;align-items:center;gap:6px;font-size:11px;border-radius:999px;padding:4px 8px;background:#f1f2f2;color:#5c5f62;white-space:nowrap}.status>span{width:6px;height:6px;border-radius:50%;background:#8c9196}.status-success{background:#ecf7f1;color:#17623f}.status-success>span{background:#2e855b}.status-warning{background:#fff5d6;color:#735c08}.status-warning>span{background:#d6a420}.status-info{background:#eaf3f7;color:#245d73}.status-info>span{background:#3b7991}.two-col{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px}.stack{display:grid;gap:16px}.field{display:grid;gap:6px}.field label{font-size:12px;font-weight:600}.field small{font-size:11px;color:#8c9196}.field textarea{min-height:90px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-section{padding:20px}.form-section h2{font-size:14px;margin:0 0 18px}.summary-list{display:grid;gap:0}.summary-item{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #eceeed;font-size:12px}.summary-item:last-child{border:0}.summary-item span{color:#6d7175}.summary-item strong{text-align:right}.steps{display:flex;align-items:center;margin-bottom:22px;background:#fff;border:1px solid #e1e3e5;border-radius:9px;padding:12px 16px}.step{display:flex;align-items:center;gap:8px;font-size:11px;color:#8c9196;flex:1}.step:after{content:"";height:1px;background:#dfe1e3;flex:1;margin:0 10px}.step:last-child{flex:0}.step:last-child:after{display:none}.step-num{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1px solid #c9cccf;font-size:10px;font-weight:700}.step.active{color:#1d6f4a;font-weight:700}.step.active .step-num{background:#1d6f4a;border-color:#1d6f4a;color:#fff}.step.done .step-num{background:#edf7f1;border-color:#7eaf97;color:#1d6f4a}.wizard-foot{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.template-card{overflow:hidden;cursor:pointer;transition:.15s}.template-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1f212414}.template-card.selected{border-color:#34775b;box-shadow:0 0 0 2px #34775b26}.template-preview{height:170px;padding:18px;background:var(--accent)}.fake-email{height:100%;background:#fff;box-shadow:0 4px 14px #00000014;padding:12px;display:grid;gap:7px;align-content:start}.fake-logo{width:45px;height:5px;background:#262626}.fake-hero{height:55px;background:#e6e7e7}.fake-line{height:4px;background:#d1d3d4}.fake-line.short{width:62%}.fake-btn{height:13px;width:42px;background:#303330;margin-top:3px}.template-info{padding:13px}.template-info strong{font-size:12px;display:block}.template-info span{font-size:10px;color:#8c9196;display:block;margin-top:5px}.automation-card{padding:18px;display:flex;align-items:center;gap:15px}.automation-icon{width:42px;height:42px;border-radius:9px;background:#edf4f0;color:#2d7658;display:grid;place-items:center}.automation-copy{flex:1}.automation-copy strong{font-size:13px}.automation-copy p{font-size:11px;color:#6d7175;margin:4px 0 0}.toggle{width:36px;height:20px;border:0;border-radius:999px;background:#c9cccf;padding:2px;cursor:pointer}.toggle:after{content:"";display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:.2s}.toggle.on{background:#34775b}.toggle.on:after{transform:translate(16px)}.segment-rule{display:flex;align-items:center;gap:9px;padding:14px;border:1px solid #e1e3e5;border-radius:8px;background:#fafbfb;font-size:12px}.segment-rule code{background:#edf4f0;color:#245f47;border-radius:5px;padding:5px 7px;font-family:inherit;font-weight:600}.audience-number{font-size:34px;letter-spacing:-.04em;font-weight:650;margin:8px 0}.report-bars{height:260px;display:flex;align-items:flex-end;gap:16px;padding:24px 20px 0}.report-group{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:5px;height:100%}.report-bar{width:25%;max-width:22px;background:#8eb8a3;border-radius:3px 3px 0 0}.report-bar.click{background:#d8c07a}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 19px;border-bottom:1px solid #eceeed}.settings-row:last-child{border-bottom:0}.settings-row strong{font-size:12px;display:block}.settings-row p{font-size:11px;color:#6d7175;margin:4px 0 0}.code-box{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;background:#f4f5f4;border:1px solid #e1e3e5;border-radius:6px;padding:8px 10px;color:#4f5559}.empty-note{text-align:center;padding:38px 20px;color:#6d7175;font-size:12px}.mobile-only{display:none}@media(max-width:960px){.metric-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.two-col{grid-template-columns:1fr}.template-grid{grid-template-columns:1fr 1fr}.mail-main{padding:26px 22px}.mail-sidebar{width:190px}}@media(max-width:700px){.mail-app{display:block}.mail-sidebar{position:static;width:100%;height:auto;padding:9px 14px;border-right:0;border-bottom:1px solid #e1e3e5}.mail-brand{padding:0}.mail-brand-mark{width:28px;height:28px;font-size:15px}.mail-sidebar nav{display:none}.sidebar-foot{display:none}.mail-main{padding:20px 14px 50px;overflow:hidden}.page-header{align-items:flex-start;display:flex;flex-direction:column}.header-actions{width:100%;flex-wrap:wrap}.notice{width:100%}.metric-grid{grid-template-columns:1fr}.dashboard-grid{display:grid}.template-grid,.form-grid{grid-template-columns:1fr}.data-table{min-width:760px}.table-scroll,.steps{overflow:auto}.step{min-width:115px}.mobile-only{display:block}}