:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#223c33;background:#f5f7f2;font-synthesis:none;--green:#204f3e;--line:#e0e6dc;--muted:#748176}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #94ba87;outline-offset:3px}button{border:0;background:none;color:inherit}input,select,textarea{width:100%;background:#fff;border:1px solid #ccd7c9;border-radius:10px;padding:12px;color:#223c33}textarea{resize:vertical;min-height:120px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(25px,3vw,37px);letter-spacing:-1.2px;font-weight:650;margin-bottom:8px}h2{font-size:20px;letter-spacing:-.5px}h3{font-size:16px}.muted{color:var(--muted);font-size:14px;line-height:1.6}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;text-transform:uppercase;color:#73846f}.layout{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:32px 19px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.wordmark{font-size:33px;letter-spacing:-2px;margin-left:17px;font-weight:550;color:#154333}.wordmark span{display:block;font-size:10px;letter-spacing:4px;margin-top:3px;font-weight:650}.workspace{margin:28px 0 23px;display:flex;gap:11px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px;font-size:12px}.workspace strong{display:block;font-size:13px}.avatar{height:34px;width:34px;display:grid;place-items:center;background:#eef2e8;border-radius:10px;color:#476945;font-weight:700;flex-shrink:0}.sidebar .eyebrow{margin:13px 15px 8px}nav{display:grid;gap:5px}.nav{display:flex;align-items:center;gap:13px;text-align:left;padding:12px 16px;border-radius:10px;font-size:13px;font-weight:550;color:#6a796d}.nav svg{width:18px;height:18px}.nav.active{color:#214f3f;background:#ecf2e7}.nav:hover{background:#f5f7f2}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:18px 10px 0}.demo-chip{background:#eff3de;color:#5f7237;font-size:11px;padding:6px 9px;border:1px solid #e2e8c8;border-radius:7px;display:inline-flex;gap:7px;align-items:center;font-weight:600}.demo-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:#92a452}.shell{min-width:0}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 38px;background:#fcfdfb}.crumb{font-size:12px;color:#839180}.crumb strong{font-weight:550;color:#304a3c}.top-right{display:flex;gap:18px;align-items:center}.avatar.user{border-radius:50%;font-size:11px}main{max-width:1440px;margin:auto;padding:31px 38px 25px}.page-head{display:flex;justify-content:space-between;align-items:center;margin:8px 0 27px;gap:20px}.page-head p{margin:0}.btn{display:inline-flex;gap:8px;justify-content:center;align-items:center;padding:12px 17px;border-radius:9px;font-size:12px;font-weight:650;background:var(--green);color:white;white-space:nowrap}.btn:hover{background:#30664f}.btn.light{background:#fff;color:var(--green);border:1px solid var(--line)}.btn.soft{background:#edf3e5;color:#395940}.btn.small{padding:9px 12px}.btn.danger{background:#faf0ed;color:#a55139}.btn svg{height:16px;width:16px}.hero{position:relative;overflow:hidden;background:#e8eee0;border-radius:17px;min-height:247px;padding:31px 34px;display:grid;grid-template-columns:1.15fr 1fr;gap:12px;border:1px solid #dce5d3}.hero h2{font-size:32px;line-height:1.16;max-width:440px;margin:11px 0 12px;letter-spacing:-1.25px;font-weight:550}.hero p{font-size:12px;line-height:1.8;max-width:390px;color:#60725c}.hero .eyebrow{font-size:9px;color:#708564}.hero-art{display:flex;align-items:center;justify-content:center;position:relative;min-height:185px}.mail-card{width:230px;border:6px solid white;box-shadow:0 16px 26px #2c502219;background:#184f3e;border-radius:6px;transform:rotate(-7deg);padding:23px;color:#fff;position:relative;z-index:1}.mail-card .tiny{font-size:8px;letter-spacing:2px}.mail-card h3{font-size:30px;line-height:1.05;margin:20px 0;font-weight:500;letter-spacing:-1px}.mail-card small{font-size:7px;border:1px solid #bcd2bf;padding:5px 8px;letter-spacing:1px}.art-circle{position:absolute;width:175px;height:175px;background:#c6d7aa;border-radius:50%;right:8%;bottom:5%}.art-label{position:absolute;right:0;top:9px;z-index:2;background:#fff;border:1px solid #e3e9de;padding:10px 15px;font-size:10px;border-radius:9px;transform:rotate(6deg);box-shadow:0 6px 16px #3047280c}.art-star{font-size:42px;color:#7e9562;position:absolute;left:9%;top:10px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:29px 0 14px}.section-head h2{margin:0;font-size:17px}.text-btn{font-size:12px;color:#587753;font-weight:600;padding:5px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#859675;font-size:10px}.stat-top svg{width:19px;height:19px;color:#658257}.stat strong{display:block;font-size:29px;font-weight:550;letter-spacing:-1px;margin:16px 0 6px}.stat p{font-size:12px;color:#697b67;margin-bottom:8px}.stat small{font-size:10px;color:#8c9788}.grid-main{display:grid;grid-template-columns:1.7fr 1fr;gap:20px;margin-top:25px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px;min-width:0}.panel .section-head{margin:0 0 19px}.panel h2{font-size:17px}.panel-sub{font-size:11px;color:var(--muted);margin-bottom:20px}.chart{width:100%;height:170px;display:block}.chart-labels{display:flex;justify-content:space-between;font-size:9px;color:#8b9786;margin:8px 0}.legend{display:flex;gap:18px;font-size:10px;color:#7d8e74}.legend span:before{content:"";display:inline-block;width:7px;height:7px;background:#427951;border-radius:50%;margin-right:6px}.legend span+span:before{background:#c2d6a6}.store-row{display:flex;gap:11px;align-items:center;padding:16px 0;border-bottom:1px solid #eef1e9}.store-row:last-child{border:0;padding-bottom:0}.store-row strong{font-size:12px;display:block;margin-bottom:5px}.store-row small{font-size:10px;color:#8c9788}.store-row .grow{flex:1}.store-logo{height:36px;width:36px;border-radius:9px;display:grid;place-items:center;background:#edf0e2;font-weight:600;font-size:13px}.store-logo.peach{background:#f7e8de;color:#b87c5f}.store-logo.purple{background:#ece8f4;color:#89749f}.tag{display:inline-block;white-space:nowrap;padding:5px 8px;font-size:10px;font-weight:550;background:#edf3e7;color:#668251;border-radius:6px}.tag.draft{background:#f0f0ed;color:#888d80}.tag.scheduled{background:#edf0f8;color:#7285a3}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}th{font-size:9px;letter-spacing:1px;color:#99a38f;font-weight:550;padding:13px 12px;background:#fafbf7}td{padding:18px 12px;border-bottom:1px solid #edf0e7;color:#72816c}td strong{display:block;color:#314d3c;font-weight:550;font-size:12px}td small{display:block;color:#9ca58f;font-size:10px;margin-top:5px}tr:last-child td{border:0}.table-action{padding:5px 10px;font-size:11px;font-weight:550;color:#476d43;border:1px solid var(--line);border-radius:6px;background:#fff}footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#8a9681;padding:25px 0 5px}.demo-note{background:#f1f4e9;border:1px solid #e1e8d6;border-radius:9px;padding:11px 14px;display:flex;align-items:center;gap:10px;font-size:11px;color:#708363;margin-top:25px}.demo-note svg{flex-shrink:0;width:16px}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.toolbar input{max-width:350px;font-size:12px}.toolbar select{max-width:210px;font-size:12px}.empty{padding:38px;text-align:center;color:#7a8d70}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.template-preview{height:216px;background:#edf1e6;border-radius:10px;padding:22px;display:flex;align-items:center;justify-content:center;margin-bottom:17px}.template-preview.peach{background:#f5e7dc}.template-preview.purple{background:#ece8f3}.mini-email{width:160px;min-height:166px;background:#fff;padding:16px;text-align:center;box-shadow:0 8px 22px #2d402012}.mini-email b{display:block;font-size:7px;letter-spacing:2px}.mini-email .shape{height:50px;width:60px;margin:15px auto;background:#bbcca4;border-radius:50% 50% 7px 7px}.peach .shape{background:#e5baa0;border-radius:4px}.purple .shape{background:#bfb0d2;border-radius:50%}.mini-email h4{font-size:14px;margin:10px 0}.mini-email span{font-size:7px;display:inline-block;padding:5px 8px;background:#2c5440;color:white}.template-card p{font-size:12px;color:#84917b;margin:8px 0 15px}.store-card .store-logo{width:49px;height:49px;font-size:20px;margin-bottom:18px}.store-card h3{font-size:19px;margin-bottom:6px}.store-card .facts{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:18px 0;margin-top:20px;font-size:12px}.store-card .facts strong{display:block;font-size:22px;margin-bottom:5px}.big-balance{font-size:50px;letter-spacing:-2px;font-weight:550;margin:22px 0 10px}.big-balance small{font-size:18px;letter-spacing:0;font-weight:400;color:#84957a}.wallet-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:20px}.pricing{background:#e9efdf}.pricing p{font-size:12px;color:#687e5e;line-height:1.8}.pill{display:inline-block;background:#fff;padding:7px 10px;border-radius:6px;font-size:11px}.plan-prices{display:flex;gap:30px;margin-top:24px}.plan-prices strong{font-size:30px;display:block}.plan-prices span{font-size:11px;color:#778c6c}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-grid label{display:block;font-size:12px;margin-bottom:20px}.settings-grid input{margin-top:8px}.switch-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.switch-row input{width:18px;height:18px;accent-color:#446d43}.steps{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:#859579;margin-bottom:20px}.steps strong{color:#375b3e}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.editor-grid label{display:block;font-size:12px;margin-bottom:17px}.editor-grid input,.editor-grid textarea,.editor-grid select{margin-top:7px}.email-preview{background:#edf0e8;padding:25px;border-radius:12px;display:flex;align-items:flex-start;justify-content:center}.email-paper{background:white;max-width:400px;width:100%;text-align:center;padding:28px 23px;box-shadow:0 7px 20px #233c2610}.email-paper .email-brand{font-size:12px;letter-spacing:3px;font-weight:650}.email-visual{height:105px;background:#e4edda;margin:25px 0;display:grid;place-items:center;font-size:48px;color:#819c69}.email-paper h2{font-size:24px;line-height:1.2}.email-paper p{font-size:12px;line-height:1.8;color:#7c8775;white-space:pre-wrap}.email-paper .email-cta{display:inline-block;background:#274f3b;color:white;padding:12px 22px;font-size:11px;border-radius:4px}.email-paper .email-footer{font-size:8px;color:#a6ad9d;margin-top:25px}.editor-actions{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.editor-actions .right{display:flex;gap:10px}.report-bar{height:8px;background:#f0f3e9;border-radius:10px;overflow:hidden;margin:12px 0 24px}.report-fill{height:100%;background:#9eb889;width:76%}.report-fill.clicks{width:34%;background:#446f44}.report-fill.delivery{width:98%;background:#587c50}.mobile-menu{display:none}dialog{border:1px solid var(--line);border-radius:17px;padding:27px;width:min(520px,calc(100% - 30px));color:#2e4b37;box-shadow:0 30px 90px #17271b30}dialog::backdrop{background:#1b302963;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-head h2{margin:0}.modal-head button{font-size:23px;color:#859878;padding:3px 8px}dialog label{display:block;font-size:12px;margin:17px 0}dialog input,dialog select{margin-top:8px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}dialog p{font-size:13px;color:#7b8c70;line-height:1.6}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#234b37;color:white;padding:14px 22px;border-radius:10px;box-shadow:0 8px 30px #19312420;z-index:5;font-size:13px;max-width:calc(100% - 25px);display:none}#toast.visible{display:block}.mobile-overlay{display:none}@media(min-width:1500px){main{padding-top:38px}.hero{min-height:275px}.hero h2{font-size:37px}}@media(max-width:1100px){.layout{grid-template-columns:208px 1fr}.sidebar{padding:27px 12px}main{padding:25px}.topbar{padding:0 25px}.hero{padding:25px}.hero h2{font-size:27px}.mail-card{width:180px;padding:18px}.mail-card h3{font-size:25px}.stat{padding:15px}.stat strong{font-size:24px}.cards{gap:13px}.grid-main{grid-template-columns:1.4fr 1fr}}@media(max-width:800px){.layout{display:block}.sidebar{position:fixed;left:-250px;z-index:4;width:238px;transition:left .2s}.layout.menu-open .sidebar{left:0}.layout.menu-open .mobile-overlay{display:block;position:fixed;inset:0;background:#132c2455;z-index:3}.mobile-menu{display:inline-flex;padding:8px;font-size:22px}.topbar{height:65px;padding:0 15px}.crumb{display:none}.top-right{gap:10px}main{padding:20px 17px}.hero{grid-template-columns:1.3fr 1fr;padding:22px}.hero h2{font-size:26px}.mail-card{width:150px;padding:15px}.art-label{display:none}.art-star{left:0;font-size:26px}.mail-card h3{font-size:21px}.stats{grid-template-columns:repeat(2,1fr)}.grid-main{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.wallet-grid,.settings-grid,.editor-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;margin-bottom:20px}.page-head>.btn{font-size:11px;padding:11px 12px}.page-head .muted{font-size:12px}.toolbar{flex-wrap:wrap}.toolbar input{max-width:none}.toolbar select{max-width:none}.demo-note{align-items:flex-start;line-height:1.6}footer{flex-direction:column;font-size:9px;gap:9px}.email-preview{padding:20px}.editor-actions{flex-wrap:wrap}}@media(max-width:480px){.hero{grid-template-columns:1fr;min-height:auto;padding:25px}.hero-art{display:none}.hero h2{font-size:29px;max-width:290px}.hero p{max-width:280px}.cards{grid-template-columns:1fr}.page-head{flex-wrap:wrap}.stat strong{font-size:28px}.panel{padding:17px}.plan-prices{gap:20px}.editor-actions .right{flex-wrap:wrap}h1{font-size:28px}}