.content-wrapper[data-v-683d06b3]{display:flex;flex-direction:column;padding:20px;border-radius:20px;background-color:#ffffffa6;box-shadow:0 4px 15px #0003;inline-size:100%;margin-block:20px;margin-inline:0;max-inline-size:1200px}.sanitasi[data-v-683d06b3]{display:flex;flex-wrap:wrap;justify-content:space-around;width:100%;max-width:1200px;padding:20px;border-radius:15px;margin-bottom:20px;background-color:#ffffffd9;box-shadow:0 4px 15px #0000001a;margin-top:0}.pemantauan[data-v-683d06b3]{display:flex;flex-direction:column;width:100%;max-width:1200px;padding:20px;background-color:#ffffffa6;border-radius:20px;box-shadow:0 4px 15px #0003;margin:20px 0}.first-row[data-v-683d06b3]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.second-row[data-v-683d06b3]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.box[data-v-683d06b3]{position:relative;display:flex;overflow:hidden;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;height:100px;transition:transform .3s}.box[data-v-683d06b3]:hover{transform:translateY(-5px)}.box p[data-v-683d06b3],.box .count[data-v-683d06b3]{color:#fff;font-weight:700;text-align:center}.box p[data-v-683d06b3]{font-size:1rem}.box .count[data-v-683d06b3]{font-size:2rem}.image-wrapper[data-v-683d06b3]{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-block-end:20px}.pbt-image[data-v-683d06b3]{max-width:70%;height:auto}.line-under-image[data-v-683d06b3]{width:80%;height:5px;background-color:#fff;border-radius:5px;margin-top:10px}h2[data-v-683d06b3]{color:#150069;font-size:1.5rem;font-weight:700;margin-top:40px;margin-bottom:10px;text-align:left;width:100%}h3[data-v-683d06b3]{margin:0;font-size:18px;font-weight:600;color:#150069;text-align:left}.input-row[data-v-683d06b3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.input-item[data-v-683d06b3]{flex:1;margin-right:15px}.input-item[data-v-683d06b3]:last-child{margin-right:0}.main-image-container[data-v-683d06b3]{position:relative;display:inline-block}.center-content[data-v-683d06b3]{text-align:center}.fit-box[data-v-683d06b3]{padding:20px;margin:0 auto}.white-card[data-v-683d06b3]{background-color:#cae5f7!important}.black-text[data-v-683d06b3]{color:#000!important}.main-number-overlay[data-v-683d06b3]{position:absolute;top:85%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:700;color:#a80000;padding:10px 20px;border-radius:5px}.tandas[data-v-683d06b3]{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;margin-top:10px}.tandas-container[data-v-683d06b3]{position:relative;width:100%;max-width:450px;margin:0 auto;border-radius:10px;overflow:hidden}.tandas-container img[data-v-683d06b3]{border-radius:10px}.number-overlay[data-v-683d06b3]{position:absolute;top:50%;left:90%;transform:translate(-50%,-50%);font-size:2rem;font-weight:700;color:#a80000;padding:10px;border-radius:5px}.v-tab[data-v-683d06b3]{color:#000!important}.tab-content[data-v-683d06b3]{padding:20px}.sanitasi-stats[data-v-683d06b3]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.navigation-card[data-v-683d06b3]{width:100%;background-color:#ffffffa6;border:1px solid rgba(0,0,0,.1);border-radius:10px;padding:20px;box-shadow:0 4px 10px #0000001a}.activity-box[data-v-683d06b3]{position:relative;display:inline-block;width:100%;height:auto;border-radius:10px;overflow:hidden}.responsive-image[data-v-683d06b3]{width:100%;height:auto;display:block}.box-overlay[data-v-683d06b3]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.box-value[data-v-683d06b3]{font-size:1.5rem;font-weight:700;color:#a80000}.activity-grid[data-v-683d06b3]{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.text-overlay[data-v-683d06b3]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;color:#fff;font-family:Arial,sans-serif;text-align:center}.values-layered h3[data-v-683d06b3]{margin:0;font-size:18px;font-weight:600;color:#150069;text-align:center}.number[data-v-683d06b3]{font-size:24px;font-weight:700;color:#a80000;text-align:center}.chart-wrapper[data-v-683d06b3]{padding:20px;border-radius:10px;background:#fffefecc;inline-size:100%;max-inline-size:1400px;margin-top:40px}@media (max-width: 1024px){.content-wrapper[data-v-683d06b3]{padding:15px}h2[data-v-683d06b3]{font-size:1.4rem}.activity-grid[data-v-683d06b3]{grid-template-columns:repeat(3,1fr)}.main-number-overlay[data-v-683d06b3]{font-size:2.5rem}.number-overlay[data-v-683d06b3]{font-size:1.8rem}}@media (max-width: 768px){.content-wrapper[data-v-683d06b3]{padding:15px}h2[data-v-683d06b3]{font-size:1.3rem}.activity-grid[data-v-683d06b3]{grid-template-columns:repeat(2,1fr)}.main-number-overlay[data-v-683d06b3]{font-size:2rem}.number-overlay[data-v-683d06b3]{font-size:1.5rem}}@media (max-width: 480px){.content-wrapper[data-v-683d06b3]{padding:10px}.pbt-image[data-v-683d06b3]{max-width:100%}h2[data-v-683d06b3]{font-size:1.2rem}.activity-grid[data-v-683d06b3],.tandas[data-v-683d06b3]{grid-template-columns:1fr}.main-number-overlay[data-v-683d06b3]{font-size:1.8rem}.number-overlay[data-v-683d06b3]{font-size:1.2rem}.activity-box[data-v-683d06b3],.tandas-container[data-v-683d06b3]{padding:10px;border-radius:8px;margin-bottom:10px}.values-layered h3[data-v-683d06b3]{font-size:1rem}.number[data-v-683d06b3]{font-size:1.5rem}.first-row[data-v-683d06b3],.second-row[data-v-683d06b3]{grid-template-columns:1fr;gap:10px}.box[data-v-683d06b3]{width:100%;margin:0 auto}}