@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";*{box-sizing:border-box}body{color:#18352e;background:#f7f8f4;margin:0;font-family:DM Sans,sans-serif}.app{min-height:100vh;display:flex}aside{color:#edf4e7;background:#173d35;flex-direction:column;width:254px;padding:30px 18px;display:flex}.brand{align-items:center;gap:9px;font:700 20px/1.05 Playfair Display;display:flex}.brand img{object-fit:cover;border-radius:50%;width:42px;height:42px}.brand em{color:#d6c17a;font-style:normal}.church{letter-spacing:1.5px;color:#a6c0ae;margin:12px 6px 40px;font-size:10px}nav{gap:7px;display:grid}nav button{color:#c5d5c8;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:13px;padding:12px;font:500 14px inherit;display:flex}nav button.active,nav button:hover{color:#fff;background:#285449}.secure{color:#d4c27c;border-top:1px solid #386056;gap:10px;margin-top:auto;padding:20px 6px 0;display:flex}.secure span{gap:3px;font-size:12px;display:grid}.secure small{color:#9fbaab;font-size:10px}main{flex-direction:column;flex:1;width:100%;max-width:1500px;margin:0 auto;padding:48px 58px;display:flex}header{justify-content:space-between;align-items:flex-start;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:1.7px;color:#7b9486;margin:0 0 9px;font-size:10px;font-weight:700}h1{color:#173d35;margin:0;font:700 35px Playfair Display}.subtitle{color:#789084;margin:7px 0 0}.header-actions{gap:10px;display:flex}.primary,.secondary{cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font:600 13px inherit;display:inline-flex}.primary{color:#173d35;background:#cbb564}.primary:hover{background:#bda653}.secondary{color:#31584d;background:#fff;border:1px solid #d8e0d8}.upload input{display:none}.notice{color:#28603e;background:#e3f1e7;border:1px solid #c6dfcb;border-radius:8px;align-items:center;gap:9px;margin:-12px 0 22px;padding:11px 14px;font-size:13px;display:flex}.notice button{color:inherit;background:0 0;border:0;margin-left:auto}.stats{gap:12px;margin-bottom:20px;display:flex}.stat{background:#fff;border:1px solid #e5ebe5;border-radius:9px;min-width:156px;padding:16px 22px}.stat b{font:700 23px Playfair Display;display:block}.stat span{color:#788f83;font-size:12px}.panel{background:#fff;border:1px solid #e2e9e2;border-radius:10px;box-shadow:0 5px 20px #213d3210}.toolbar{border-bottom:1px solid #e9eee9;gap:10px;padding:17px;display:flex}.search{flex:1;position:relative}.search svg{color:#789084;position:absolute;top:10px;left:12px}.search input{width:100%;padding-left:38px}input,select,textarea{color:#27473e;background:#fff;border:1px solid #d5e0d7;border-radius:6px;padding:10px;font:14px inherit}select{min-width:150px}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#789084;letter-spacing:1px;border-bottom:1px solid #e9eee9;padding:14px 17px;font-size:10px}td{border-bottom:1px solid #edf1ed;padding:14px 17px}.person{align-items:center;gap:10px;display:flex}.avatar{color:#2e6656;background:#dcece1;border-radius:50%;place-items:center;width:33px;height:33px;font-weight:700;display:grid}.person span{gap:3px;display:grid}.person small,.recipient-list small{color:#809488;font-size:11px}.pill,.tags span,.status{border-radius:20px;padding:5px 8px;font-size:11px;display:inline-block}.role{color:#7b6321;background:#f4ecd2}.tags{flex-wrap:wrap;gap:4px;display:flex}.tags span{color:#557667;background:#eef4ee}.tags i{color:#a5b1a8}.status.contactable{color:#347349;background:#e5f3e8}.status.do_not_contact{color:#a65244;background:#f8e5e2}.actions{white-space:nowrap}.actions button,.close{color:#678075;cursor:pointer;background:0 0;border:0;padding:5px}.actions button:hover{color:#ad5142}.empty{text-align:center;color:#8b9d92;padding:40px}.compose-grid{grid-template-columns:1.05fr .95fr;gap:20px;display:grid}.compose,.recipients{padding:24px}h2{margin:0 0 20px;font:700 22px Playfair Display}.compose label,.modal>label{color:#6f877a;letter-spacing:1px;gap:7px;font-size:10px;font-weight:700;display:grid}textarea{resize:vertical;height:195px;padding:13px;line-height:1.5}.count{text-align:right;color:#90a097;margin:6px 0 16px;font-size:11px}.send{width:100%;padding:13px}.primary:disabled{opacity:.5;cursor:not-allowed}.hint{text-align:center;color:#8a9b91;font-size:11px}.recipients h2{justify-content:space-between;display:flex}.recipients h2 span{color:#4c7462;background:#eef4ee;border-radius:15px;padding:5px 9px;font:500 11px DM Sans}.recipients select{width:100%;margin-bottom:13px}.recipient-list{max-height:360px;overflow:auto}.recipient-list label{border-bottom:1px solid #eef2ee;align-items:center;gap:10px;padding:10px 2px;display:flex}.recipient-list label span{gap:3px;font-size:13px;display:grid}.recipient-list .muted{opacity:.45}.history .message-cell{max-width:440px}.overlay{z-index:2;background:#10251d88;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(560px,100%);padding:30px;position:relative;box-shadow:0 16px 60px #0004}.modal>p{color:#7a9084;margin-top:-12px;margin-bottom:24px;font-size:13px}.close{position:absolute;top:17px;right:17px}.modal input,.modal select{width:100%}.modal>label{margin:14px 0}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.two label{color:#6f877a;letter-spacing:1px;gap:7px;font-size:10px;font-weight:700;display:grid}.group-picker{flex-wrap:wrap;gap:7px;display:flex}.group-picker label{letter-spacing:0;color:#416556;background:#eef4ef;border-radius:5px;gap:5px;padding:6px 9px;font-size:12px;font-weight:500;display:flex}.group-picker input{width:auto}.new-group{gap:7px;margin-top:8px;display:flex}.new-group button{color:#31584d;background:#fff;border:1px solid #d5e0d7;border-radius:6px;padding:0 12px}.submit{width:100%;margin-top:13px}footer{text-align:center;color:#93a499;letter-spacing:.3px;margin-top:auto;padding:34px 0 0;font-size:11px}footer b{color:#597568}@media (width<=850px){aside{width:70px;padding:22px 10px}.brand span,.church,nav button{font-size:0}.brand img{width:35px;height:35px}nav button{justify-content:center}.secure{display:none}main{padding:30px 20px}.compose-grid{grid-template-columns:1fr}header{display:block}.header-actions{margin-top:18px}.toolbar{flex-wrap:wrap}.toolbar .search{flex-basis:100%}table{min-width:750px}.panel{overflow:auto}}