:root{font-family:'DM Sans',system-ui,sans-serif;color:#172c38;background:#f2f5f6;--green:#117b66;--muted:#61757d}*{box-sizing:border-box}body{margin:0}a{color:var(--green)}button,.button{border:0;border-radius:8px;background:var(--green);color:white;padding:12px 18px;cursor:pointer;font:inherit;font-weight:600;text-decoration:none;display:inline-block}button.secondary{background:#e5eeec;color:#1e574b}button:disabled{opacity:.5;cursor:default}input,select,textarea{padding:10px;border:1px solid #cad7d8;border-radius:6px;font:inherit;width:100%;background:white}label{display:block;font-size:14px;color:#475f67;margin:12px 0}label input,label select,label textarea{margin-top:5px}input[type=checkbox]{width:auto}header{padding:20px 5%;display:flex;justify-content:space-between;align-items:center;background:white;border-bottom:1px solid #dce5e6}.brand{font-weight:700;font-size:22px}.brand span{color:var(--green)}.tag{font-size:12px;padding:6px 10px;border-radius:20px;background:#e5f3ed;color:#246655}small,p{line-height:1.65;color:var(--muted)}h1{font-size:clamp(36px,5vw,66px);letter-spacing:-2px;line-height:1.08;margin:20px 0}h2{letter-spacing:-.5px}main.landing{max-width:1150px;margin:auto;padding:65px 24px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.panel{background:white;border:1px solid #dce5e6;border-radius:16px;padding:24px;box-shadow:0 12px 35px #223b4410}.preview{background:#123e37;color:white;padding:35px;border-radius:20px}.preview p{color:#b3d4ca}.preview .mini{padding:18px;margin:12px 0;background:#ffffff0c;border:1px solid #ffffff22;border-radius:10px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:55px 0}.banner{background:#fff4d7;padding:12px 24px;color:#715720;font-size:13px}.layout{display:grid;grid-template-columns:220px 1fr;min-height:90vh}aside{background:#143d36;color:white;padding:28px 18px}aside button{display:block;background:transparent;text-align:left;width:100%;margin:8px 0;color:#cde1dc}aside button.active{background:#285a4e;color:white}.workspace{padding:30px;max-width:1600px}.topline{display:flex;align-items:center;justify-content:space-between;gap:16px}.topline h1{font-size:32px;letter-spacing:-1px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.metric{background:white;border:1px solid #dce5e6;padding:20px;border-radius:12px}.metric strong{font-size:30px;display:block;margin-top:5px}.filters{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr auto;gap:15px;align-items:end;margin:20px 0}.filters label{margin:0}.map-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:20px}#map{height:480px;border-radius:12px;background:#e4eceb}.list{max-height:480px;overflow:auto}.row{padding:16px;border-bottom:1px solid #e4eaeb;cursor:pointer}.row:hover{background:#f0f8f5}.dot{display:inline-block;width:9px;height:9px;border-radius:100%;margin-right:8px}.legend{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;margin:14px 0}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:12px;border-bottom:1px solid #e1e8e8}th{color:var(--muted)}.board{display:grid;grid-template-columns:repeat(7,minmax(180px,1fr));gap:15px;overflow:auto;padding:15px 0}.lane{background:#e5eeeb;padding:15px;border-radius:10px}.card{background:white;padding:14px;margin:12px 0;border-radius:8px}.card small{overflow-wrap:anywhere}dialog{border:0;border-radius:16px;width:500px;max-width:95vw;padding:28px}dialog::backdrop{background:#15372ba0}.notice{padding:12px;background:#e8f2ed;border-radius:8px;margin:15px 0;white-space:pre-wrap}.hidden,[hidden]{display:none!important}pre{white-space:pre-wrap;line-height:1.5}.error{color:#a33227}.footer{margin:50px 0;font-size:13px}.table-wrap{overflow:auto}@media(max-width:900px){.hero,.map-grid{grid-template-columns:1fr}.features{grid-template-columns:1fr}.layout{grid-template-columns:1fr}aside{display:flex;flex-wrap:wrap;padding:12px}aside button{width:auto}.workspace{padding:18px}.filters{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}.topline{flex-wrap:wrap}}

.citychoices{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.citychoices button{font-size:13px}.citychoices small{color:inherit}aside{max-height:calc(100vh - 80px);overflow-y:auto;position:sticky;top:0}.row button{text-align:left}details{padding:14px;background:white;border-radius:8px;margin-top:15px}summary{cursor:pointer}#detail a{display:block;margin:8px 0}@media(max-width:900px){aside{position:static;max-height:none}.filters[style]{grid-template-columns:1fr 1fr!important}.row{padding:12px}}
.campaign-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin:24px 0}.recipient-list{max-height:250px;overflow:auto;background:#f2f7f4;padding:12px}.campaign-card{margin:24px 0}.event-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-top:1px solid #dce5e6;padding:14px 0}.event-row b{flex:1;min-width:180px}.event-row button{font-size:12px;padding:8px}#contactdata{font-size:13px;overflow-wrap:anywhere}dialog{max-height:90vh;overflow:auto}@media(max-width:900px){.campaign-grid{grid-template-columns:1fr}}