*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:#10231b}.shell{height:100%;display:flex;flex-direction:column;background:#f5f8f6}.shell>header{min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:9px 24px;background:#fff;border-bottom:1px solid #dce7e0;z-index:5}.shell header b{display:block}.shell header small{color:#60736a}.shell nav{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.shell button{border:1px solid #dce7e0;background:#fff;border-radius:9px;padding:9px 12px;cursor:pointer;font-weight:700;color:#063b29}.shell nav button.on,.shell button.green{background:#009b4b;color:#fff;border-color:#009b4b}.shell iframe{border:0;flex:1;width:100%}.toast{padding:8px 24px;background:#e8f7ed;color:#08733b;font-weight:700}.state{height:100%;display:grid;place-items:center}.admin{padding:28px;overflow:auto}.admin.narrow{max-width:900px;margin:0 auto;width:100%}.adminTop{display:flex;justify-content:space-between;align-items:center}.admin h1{margin:0;font-size:28px}.admin p{color:#60736a}.table{background:#fff;border:1px solid #dce7e0;border-radius:14px;overflow:hidden}.tr{display:grid;grid-template-columns:120px 2fr 1fr 1fr 150px;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid #edf2ee;font-size:13px}.th{background:#eef5f0;font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:900}.danger{color:#a42d2d!important}.userForm{display:grid;grid-template-columns:1.5fr 1fr .6fr auto;gap:8px;margin:20px 0}.user{display:grid;grid-template-columns:1fr 2fr .7fr auto;padding:11px;background:#fff;border-bottom:1px solid #eee}.userForm input,.userForm select,.formGrid input,.formGrid textarea,.setting textarea{width:100%;padding:10px;border:1px solid #cedbd2;border-radius:8px;font:inherit}.setting{display:block;margin:20px 0}.setting span,.formGrid label>span{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;color:#60736a}.setting textarea{min-height:80px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#06291dcc;z-index:50;display:grid;place-items:center;padding:30px}.modal form{background:#fff;border-radius:22px;width:min(1100px,95vw);max-height:92vh;overflow:auto;padding:24px}.modalHead,.modalActions{display:flex;justify-content:space-between;align-items:center}.modalHead h2{margin:0}.modalHead button{font-size:24px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.formGrid textarea{height:90px;resize:vertical}.formGrid .wide{grid-column:span 2}.formGrid .codeField{font-family:Consolas,monospace;font-size:12px}.modalActions{justify-content:flex-end;gap:8px;position:sticky;bottom:-24px;background:#fff;padding:16px 0}.evidenceUpload{display:flex;justify-content:space-between;align-items:center;padding:14px;border:1px dashed #9fb9a8;border-radius:12px;background:#f4faf6}.evidenceUpload small{display:block;color:#60736a;margin-top:3px}.attachment{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:#edf6f0;border-radius:9px}@media (max-width: 900px){.tr{grid-template-columns:100px 2fr 1fr}.tr span:nth-child(4),.tr span:nth-child(5){display:none}.formGrid{grid-template-columns:1fr}.formGrid .wide{grid-column:auto}.userForm{grid-template-columns:1fr}.shell>header{align-items:flex-start;flex-direction:column}.evidenceUpload{align-items:flex-start;flex-direction:column;gap:8px}}.imageAdmin{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center;padding:10px;background:#f4f8f5;border:1px solid #dce7e0;border-radius:12px}.imageAdmin img{width:110px;height:70px;object-fit:contain;background:#fff;border-radius:8px}.imageAdmin input{width:100%;padding:10px;border:1px solid #cedbd2;border-radius:8px}@media (max-width: 700px){.imageAdmin{grid-template-columns:1fr}.imageAdmin img{width:100%;height:160px}}.formGrid select{width:100%;padding:10px;border:1px solid #cedbd2;border-radius:8px;background:#fff;font:inherit}.checkLabel{display:flex!important;align-items:center;gap:9px;padding:12px;border:1px solid #dce7e0;border-radius:10px;background:#f6faf7}.checkLabel input{width:auto!important}.checkLabel span{margin:0!important}.imageFields{display:grid;gap:7px}.imageFields select,.imageFields input{width:100%;padding:9px;border:1px solid #cedbd2;border-radius:8px;background:#fff}.presentBtn{background:#063b29!important;color:#fff!important;border-color:#063b29!important}.imageSetting{display:grid;gap:10px;padding:14px;border:1px solid #dce7e0;border-radius:14px;background:#fff}.imageSetting img{width:100%;max-height:260px;object-fit:contain;background:#f5f8f6;border-radius:10px}.metricAdminGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.metricAdmin{background:#fff;border:1px solid #dce7e0;border-radius:16px;padding:18px}.metricAdmin small{color:#08733b;font-weight:900;text-transform:uppercase;letter-spacing:1px}.metricAdmin h2{font-size:19px}.metricAdmin label{display:block;font-size:11px;font-weight:800;color:#60736a;margin:10px 0}.metricAdmin input,.metricAdmin select{display:block;width:100%;margin-top:4px;padding:9px;border:1px solid #cedbd2;border-radius:8px}@media (max-width: 900px){.metricAdminGrid{grid-template-columns:1fr}}.openingCopyEditor{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.openingCopyEditor label span{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:#60736a;margin-bottom:5px}.openingCopyEditor textarea{width:100%;height:82px;padding:10px;border:1px solid #cedbd2;border-radius:9px;font:inherit}.metricAdmin textarea{display:block;width:100%;min-height:70px;margin-top:4px;padding:9px;border:1px solid #cedbd2;border-radius:8px;font:inherit}.customGraphPreview{display:block;width:100%;height:230px;object-fit:contain;background:#f5f8f6;border:1px solid #dce7e0;border-radius:10px;margin:12px 0}.metricButtons{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.metricAdmin details{margin-top:10px;color:#60736a;font-size:12px}.metricAdmin details button{margin-top:8px}@media (max-width: 900px){.openingCopyEditor{grid-template-columns:1fr}}.metricAdminGrid{grid-template-columns:1fr!important}.metricAdmin{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);column-gap:22px}.metricAdmin>small,.metricAdmin>h2,.metricAdmin>details{grid-column:1/-1}.metricAdmin .customGraphPreview{grid-column:2;grid-row:2 / span 5;height:320px}.metricAdmin .metricButtons{grid-column:1/-1}@media (max-width: 900px){.metricAdmin{grid-template-columns:1fr}.metricAdmin .customGraphPreview{grid-column:auto;grid-row:auto}}.metricAdmin{grid-template-columns:220px minmax(0,1fr)!important}.metricAdmin .customGraphPreview{height:420px!important;object-fit:contain!important}.metricAdminGrid{gap:18px!important}@media (max-width: 900px){.metricAdmin{grid-template-columns:1fr!important}.metricAdmin .customGraphPreview{height:300px!important}}.userHelp{max-width:920px;padding:12px 14px;border-radius:12px;background:#e8f7ed;color:#075f38;font-weight:700}.userForm{grid-template-columns:1.5fr 1fr .6fr auto}.shell>header nav button:first-child{white-space:nowrap}.impactImageAdmin{margin-top:22px;border:1px solid #cfe0d7;border-radius:15px;background:#fff;padding:18px}.impactImageAdminHead{display:flex;align-items:center;justify-content:space-between;gap:20px}.impactImageAdminHead small{font-size:10px;font-weight:900;color:#008447;letter-spacing:1px}.impactImageAdminHead h2{margin:5px 0;font-size:22px;color:#073c29}.impactImageAdminHead p{margin:0;color:#61736b;font-size:12px}.impactImageAdminGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin:16px 0}.impactImageAdminGrid article{border:1px solid #dbe7e1;border-radius:13px;padding:11px;background:#f8fbf9}.impactImageAdminGrid img{display:block;width:100%;height:220px;object-fit:contain;background:#fff;border-radius:9px;margin-bottom:9px}.impactImageAdminGrid label{display:block;font-size:11px;color:#566e63}.impactImageAdminGrid input{display:block;width:100%;margin:5px 0 9px;padding:8px;border:1px solid #cadbd2;border-radius:8px}.impactImageEmpty{margin:16px 0;padding:28px;border:1px dashed #bdd1c6;border-radius:12px;text-align:center;color:#687d73}.impactImageAdmin .danger{margin-top:2px}
