@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#172033;background:#f6f8fb;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;display:flex}.side{color:#aebbd0;background:#101827;width:240px;padding:26px 16px}.brand{color:#fff;margin:0 10px 36px;font:700 21px Space Grotesk}.brand span{color:#38c7a8}.nav{gap:6px;display:grid}.nav button{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:12px;font:500 14px inherit}.nav button:hover,.nav .active{color:#fff;background:#1c2b40}.main{flex:1;max-width:1500px;padding:30px 42px}.top{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.eyebrow{color:#6e7c93;font-size:13px}.title{margin:5px 0;font:700 30px Space Grotesk}.avatar{color:#118d74;background:#dff8f1;border-radius:50%;padding:12px;font-weight:700}.grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.card{background:#fff;border:1px solid #e6ebf2;border-radius:14px;padding:20px;box-shadow:0 5px 20px #182b4510}.metric{margin-top:12px;font:700 28px Space Grotesk}.muted{color:#77859b;font-size:13px}.section{margin-top:28px}.section-head,.toolbar,.actions,.wizard-nav{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.section h2{font:600 18px Space Grotesk}.btn{color:#fff;cursor:pointer;background:#15a886;border:0;border-radius:8px;align-items:center;gap:7px;padding:11px 16px;font-weight:700;text-decoration:none;display:inline-flex}.btn.secondary{color:#31425b;background:#e8eef5}.table{background:#fff;border:1px solid #e6ebf2;border-radius:14px;overflow:hidden}.row{border-bottom:1px solid #edf0f5;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;padding:15px 18px;font-size:14px;display:grid}.row:last-child{border:0}.head{color:#7d899a;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.badge{color:#108a70;background:#eaf8f4;border-radius:99px;padding:5px 9px;font-size:12px;display:inline-block}.empty{text-align:center;color:#7d899a;padding:34px}.icon{cursor:pointer;color:#596b80;background:#eef2f6;border:0;border-radius:7px;padding:7px}.notice{color:#08795f;background:#e8f8f3;border-radius:9px;margin:12px 0;padding:12px}.template-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.preview{background:#f8fafc;border:1px solid #e5eaf0;border-radius:8px;min-height:100px;padding:16px;overflow:hidden}.preview.large{min-height:250px}.editor-cols{grid-template-columns:1fr 1fr;gap:20px;margin-top:16px;display:grid}.steps{flex-wrap:wrap;gap:8px;margin-bottom:26px;display:flex}.steps button{color:#64748b;cursor:pointer;background:#eff3f7;border:0;border-radius:8px;padding:10px}.steps .current{color:#08795f;background:#dff8f1;font-weight:700}.form-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.check{background:#f7f9fb;border-radius:8px;margin:8px 0;padding:12px;display:block}.check input{margin-right:10px}.review{background:#f7f9fb;border-radius:10px;margin-bottom:14px;padding:16px}@media (width<=800px){.side{width:70px;padding:20px 8px}.brand{font-size:0}.brand span{font-size:20px}.nav button{text-align:center;font-size:0}.main{padding:22px 16px}.grid,.template-grid,.form-grid{grid-template-columns:repeat(2,1fr)}.row{grid-template-columns:2fr 1fr}.row>:nth-child(n+3){display:none}.editor-cols{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}}.campaign-report{gap:16px;display:grid}.report-hero{grid-template-columns:220px 1fr;gap:24px;display:grid}.report-preview{background:#f8fafc;border:1px solid #e5eaf0;border-radius:10px;height:170px;padding:14px;overflow:hidden}.tabs{border-bottom:1px solid #e6ebf2;gap:4px;display:flex;overflow:auto}.tabs button{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:12px 16px}.tabs button.active{color:#08795f;border-bottom:2px solid #15a886;font-weight:700}.report-metrics{grid-template-columns:repeat(4,1fr)}.progress-list{gap:16px;display:grid}.progress{background:#e9eef3;border-radius:9px;height:8px;overflow:hidden}.progress span{background:#15a886;border-radius:9px;height:100%;display:block}.contact{grid-template-columns:2fr 1.4fr 1fr 1.5fr 2fr}@media (width<=800px){.report-hero{grid-template-columns:1fr}.report-metrics{grid-template-columns:repeat(2,1fr)}}.campaign-row{cursor:pointer}.campaign-row:hover{background:#f7fbfa}.inline-create{background:#f7f9fb;border:1px solid #e6ebf2;border-radius:10px;max-width:560px;margin-top:10px;padding:14px}