*{box-sizing:border-box;margin:0;padding:0;text-decoration:none;font-family:Poppins,sans-serif}:root{--contrast_color: black;--primary_color: #003c0b;--secondary_color: #F3DF98;--tertiary_color: #E1D3C6}html{font-size:16px}a:link,a:visited{color:inherit;text-decoration:none}body{min-height:100vh;background-color:#201f2f}.custom-info-dialog{background-color:transparent;color:#333;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;position:fixed!important;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px}.custom-info-dialog .xd-content{background-color:var(--secondary_color);height:100px;width:100%}.custom-info-dialog .xd-content .xd-body{height:50%;background-color:transparent;display:flex;align-items:center;justify-content:center;font-size:.8rem}.custom-info-dialog .xd-content .xd-body .xd-body-inner{font-size:1rem}.custom-info-dialog .xd-content .xd-body .xd-body-inner div{font-family:Arial,Helvetica,sans-serif}.custom-info-dialog .xd-content .xd-buttons{padding:0;height:50%}.custom-info-dialog .xd-content .xd-buttons .xd-button.xd-ok{background-color:var(--primary_color);color:#fff;border-radius:1rem;height:fit-content}.custom-yesno-dialog .xd-content{background-color:var(--secondary_color);width:100%;padding-bottom:1rem}.custom-yesno-dialog .xd-buttons{padding:0;height:50%}.custom-yesno-dialog .xd-buttons .xd-button.xd-ok{background-color:var(--primary_color);color:#fff;border-radius:1rem;height:fit-content}.custom-yesno-dialog .xd-buttons .xd-button.xd-cancel{background-color:#7f7f7f;color:#fff;border-radius:1rem;height:fit-content}@keyframes rotate-smooth{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotating{width:100px;height:100px;animation:rotate-smooth 10s linear infinite;transform-origin:center center;display:block}.flex-x{display:flex;flex-direction:row}.flex-y{display:flex;flex-direction:column}.jy-start{justify-content:start}.jy-center{justify-content:center}.jy-end{justify-content:end}.an-start{align-items:start}.an-center{align-items:center}.an-end{align-items:end}.center{display:flex;align-items:center;justify-content:center;text-align:center}.push-top{margin-bottom:auto}.push-bottom{margin-top:auto}.push-left{margin-right:auto}.push-right{margin-left:auto}.push-center{margin:auto}.push-ne{margin-bottom:auto;margin-left:auto}.push-nw{margin-bottom:auto;margin-right:auto}.push-se{margin-top:auto;margin-left:auto}.push-sw{margin-top:auto;margin-right:auto}.m-025{margin:.25rem}.mt-025{margin-top:.25rem}.mb-025{margin-bottom:.25rem}.ml-025{margin-left:.25rem}.mr-025{margin-right:.25rem}.mx-025{margin-left:.25rem;margin-right:.25rem}.my-025{margin-top:.25rem;margin-bottom:.25rem}.m-05{margin:.5rem}.mt-05{margin-top:.5rem}.mb-05{margin-bottom:.5rem}.ml-05{margin-left:.5rem}.mr-05{margin-right:.5rem}.mx-05{margin-left:.5rem;margin-right:.5rem}.my-05{margin-top:.5rem;margin-bottom:.5rem}.m-1{margin:1rem}.mt-1{margin-top:1rem}.mb-1{margin-bottom:1rem}.ml-1{margin-left:1rem}.mr-1{margin-right:1rem}.mx-1{margin-left:1rem;margin-right:1rem}.my-1{margin-top:1rem;margin-bottom:1rem}.m-2{margin:2rem}.mt-2{margin-top:2rem}.mb-2{margin-bottom:2rem}.ml-2{margin-left:2rem}.mr-2{margin-right:2rem}.mx-2{margin-left:2rem;margin-right:2rem}.my-2{margin-top:2rem;margin-bottom:2rem}.m-4{margin:4rem}.mt-4{margin-top:4rem}.mb-4{margin-bottom:4rem}.ml-4{margin-left:4rem}.mr-4{margin-right:4rem}.mx-4{margin-left:4rem;margin-right:4rem}.my-4{margin-top:4rem;margin-bottom:4rem}.m-8{margin:8rem}.mt-8{margin-top:8rem}.mb-8{margin-bottom:8rem}.ml-8{margin-left:8rem}.mr-8{margin-right:8rem}.mx-8{margin-left:8rem;margin-right:8rem}.my-8{margin-top:8rem;margin-bottom:8rem}.m-10{margin:10rem}.mt-10{margin-top:10rem}.mb-10{margin-bottom:10rem}.ml-10{margin-left:10rem}.mr-10{margin-right:10rem}.mx-10{margin-left:10rem;margin-right:10rem}.my-10{margin-top:10rem;margin-bottom:10rem}.p-025{padding:.25rem}.pt-025{padding-top:.25rem}.pb-025{padding-bottom:.25rem}.pl-025{padding-left:.25rem}.pr-025{padding-right:.25rem}.px-025{padding-left:.25rem;padding-right:.25rem}.py-025{padding-top:.25rem;padding-bottom:.25rem}.p-05{padding:.5rem}.pt-05{padding-top:.5rem}.pb-05{padding-bottom:.5rem}.pl-05{padding-left:.5rem}.pr-05{padding-right:.5rem}.px-05{padding-left:.5rem;padding-right:.5rem}.py-05{padding-top:.5rem;padding-bottom:.5rem}.p-1{padding:1rem}.pt-1{padding-top:1rem}.pb-1{padding-bottom:1rem}.pl-1{padding-left:1rem}.pr-1{padding-right:1rem}.px-1{padding-left:1rem;padding-right:1rem}.py-1{padding-top:1rem;padding-bottom:1rem}.p-2{padding:2rem}.pt-2{padding-top:2rem}.pb-2{padding-bottom:2rem}.pl-2{padding-left:2rem}.pr-2{padding-right:2rem}.px-2{padding-left:2rem;padding-right:2rem}.py-2{padding-top:2rem;padding-bottom:2rem}.p-4{padding:4rem}.pt-4{padding-top:4rem}.pb-4{padding-bottom:4rem}.pl-4{padding-left:4rem}.pr-4{padding-right:4rem}.px-4{padding-left:4rem;padding-right:4rem}.py-4{padding-top:4rem;padding-bottom:4rem}.p-8{padding:8rem}.pt-8{padding-top:8rem}.pb-8{padding-bottom:8rem}.pl-8{padding-left:8rem}.pr-8{padding-right:8rem}.px-8{padding-left:8rem;padding-right:8rem}.py-8{padding-top:8rem;padding-bottom:8rem}.p-10{padding:10rem}.pt-10{padding-top:10rem}.pb-10{padding-bottom:10rem}.pl-10{padding-left:10rem}.pr-10{padding-right:10rem}.px-10{padding-left:10rem;padding-right:10rem}.py-10{padding-top:10rem;padding-bottom:10rem}.w0{width:0px}.w1{width:1px}.w2{width:2px}.w3{width:3px}.w4{width:4px}.w5{width:5px}.w6{width:6px}.w7{width:7px}.w8{width:8px}.w9{width:9px}.w10{width:10px}.w11{width:11px}.w12{width:12px}.w13{width:13px}.w14{width:14px}.w15{width:15px}.w16{width:16px}.w17{width:17px}.w18{width:18px}.w19{width:19px}.w20{width:20px}.w21{width:21px}.w22{width:22px}.w23{width:23px}.w24{width:24px}.w25{width:25px}.w26{width:26px}.w27{width:27px}.w28{width:28px}.w29{width:29px}.w30{width:30px}.w31{width:31px}.w32{width:32px}.w33{width:33px}.w34{width:34px}.w35{width:35px}.w36{width:36px}.w37{width:37px}.w38{width:38px}.w39{width:39px}.w40{width:40px}.w41{width:41px}.w42{width:42px}.w43{width:43px}.w44{width:44px}.w45{width:45px}.w46{width:46px}.w47{width:47px}.w48{width:48px}.w49{width:49px}.w50{width:50px}.w51{width:51px}.w52{width:52px}.w53{width:53px}.w54{width:54px}.w55{width:55px}.w56{width:56px}.w57{width:57px}.w58{width:58px}.w59{width:59px}.w60{width:60px}.w61{width:61px}.w62{width:62px}.w63{width:63px}.w64{width:64px}.w65{width:65px}.w66{width:66px}.w67{width:67px}.w68{width:68px}.w69{width:69px}.w70{width:70px}.w71{width:71px}.w72{width:72px}.w73{width:73px}.w74{width:74px}.w75{width:75px}.w76{width:76px}.w77{width:77px}.w78{width:78px}.w79{width:79px}.w80{width:80px}.w81{width:81px}.w82{width:82px}.w83{width:83px}.w84{width:84px}.w85{width:85px}.w86{width:86px}.w87{width:87px}.w88{width:88px}.w89{width:89px}.w90{width:90px}.w91{width:91px}.w92{width:92px}.w93{width:93px}.w94{width:94px}.w95{width:95px}.w96{width:96px}.w97{width:97px}.w98{width:98px}.w99{width:99px}.w-0{width:0%}.w-1{width:1%}.w-2{width:2%}.w-3{width:3%}.w-4{width:4%}.w-5{width:5%}.w-6{width:6%}.w-7{width:7%}.w-8{width:8%}.w-9{width:9%}.w-10{width:10%}.w-11{width:11%}.w-12{width:12%}.w-13{width:13%}.w-14{width:14%}.w-15{width:15%}.w-16{width:16%}.w-17{width:17%}.w-18{width:18%}.w-19{width:19%}.w-20{width:20%}.w-21{width:21%}.w-22{width:22%}.w-23{width:23%}.w-24{width:24%}.w-25{width:25%}.w-26{width:26%}.w-27{width:27%}.w-28{width:28%}.w-29{width:29%}.w-30{width:30%}.w-31{width:31%}.w-32{width:32%}.w-33{width:33%}.w-34{width:34%}.w-35{width:35%}.w-36{width:36%}.w-37{width:37%}.w-38{width:38%}.w-39{width:39%}.w-40{width:40%}.w-41{width:41%}.w-42{width:42%}.w-43{width:43%}.w-44{width:44%}.w-45{width:45%}.w-46{width:46%}.w-47{width:47%}.w-48{width:48%}.w-49{width:49%}.w-50{width:50%}.w-51{width:51%}.w-52{width:52%}.w-53{width:53%}.w-54{width:54%}.w-55{width:55%}.w-56{width:56%}.w-57{width:57%}.w-58{width:58%}.w-59{width:59%}.w-60{width:60%}.w-61{width:61%}.w-62{width:62%}.w-63{width:63%}.w-64{width:64%}.w-65{width:65%}.w-66{width:66%}.w-67{width:67%}.w-68{width:68%}.w-69{width:69%}.w-70{width:70%}.w-71{width:71%}.w-72{width:72%}.w-73{width:73%}.w-74{width:74%}.w-75{width:75%}.w-76{width:76%}.w-77{width:77%}.w-78{width:78%}.w-79{width:79%}.w-80{width:80%}.w-81{width:81%}.w-82{width:82%}.w-83{width:83%}.w-84{width:84%}.w-85{width:85%}.w-86{width:86%}.w-87{width:87%}.w-88{width:88%}.w-89{width:89%}.w-90{width:90%}.w-91{width:91%}.w-92{width:92%}.w-93{width:93%}.w-94{width:94%}.w-95{width:95%}.w-96{width:96%}.w-97{width:97%}.w-98{width:98%}.w-99{width:99%}.h0{height:0px}.h1{height:1px}.h2{height:2px}.h3{height:3px}.h4{height:4px}.h5{height:5px}.h6{height:6px}.h7{height:7px}.h8{height:8px}.h9{height:9px}.h10{height:10px}.h11{height:11px}.h12{height:12px}.h13{height:13px}.h14{height:14px}.h15{height:15px}.h16{height:16px}.h17{height:17px}.h18{height:18px}.h19{height:19px}.h20{height:20px}.h21{height:21px}.h22{height:22px}.h23{height:23px}.h24{height:24px}.h25{height:25px}.h26{height:26px}.h27{height:27px}.h28{height:28px}.h29{height:29px}.h30{height:30px}.h31{height:31px}.h32{height:32px}.h33{height:33px}.h34{height:34px}.h35{height:35px}.h36{height:36px}.h37{height:37px}.h38{height:38px}.h39{height:39px}.h40{height:40px}.h41{height:41px}.h42{height:42px}.h43{height:43px}.h44{height:44px}.h45{height:45px}.h46{height:46px}.h47{height:47px}.h48{height:48px}.h49{height:49px}.h50{height:50px}.h51{height:51px}.h52{height:52px}.h53{height:53px}.h54{height:54px}.h55{height:55px}.h56{height:56px}.h57{height:57px}.h58{height:58px}.h59{height:59px}.h60{height:60px}.h61{height:61px}.h62{height:62px}.h63{height:63px}.h64{height:64px}.h65{height:65px}.h66{height:66px}.h67{height:67px}.h68{height:68px}.h69{height:69px}.h70{height:70px}.h71{height:71px}.h72{height:72px}.h73{height:73px}.h74{height:74px}.h75{height:75px}.h76{height:76px}.h77{height:77px}.h78{height:78px}.h79{height:79px}.h80{height:80px}.h81{height:81px}.h82{height:82px}.h83{height:83px}.h84{height:84px}.h85{height:85px}.h86{height:86px}.h87{height:87px}.h88{height:88px}.h89{height:89px}.h90{height:90px}.h91{height:91px}.h92{height:92px}.h93{height:93px}.h94{height:94px}.h95{height:95px}.h96{height:96px}.h97{height:97px}.h98{height:98px}.h99{height:99px}.h-0{height:0%}.h-1{height:1%}.h-2{height:2%}.h-3{height:3%}.h-4{height:4%}.h-5{height:5%}.h-6{height:6%}.h-7{height:7%}.h-8{height:8%}.h-9{height:9%}.h-10{height:10%}.h-11{height:11%}.h-12{height:12%}.h-13{height:13%}.h-14{height:14%}.h-15{height:15%}.h-16{height:16%}.h-17{height:17%}.h-18{height:18%}.h-19{height:19%}.h-20{height:20%}.h-21{height:21%}.h-22{height:22%}.h-23{height:23%}.h-24{height:24%}.h-25{height:25%}.h-26{height:26%}.h-27{height:27%}.h-28{height:28%}.h-29{height:29%}.h-30{height:30%}.h-31{height:31%}.h-32{height:32%}.h-33{height:33%}.h-34{height:34%}.h-35{height:35%}.h-36{height:36%}.h-37{height:37%}.h-38{height:38%}.h-39{height:39%}.h-40{height:40%}.h-41{height:41%}.h-42{height:42%}.h-43{height:43%}.h-44{height:44%}.h-45{height:45%}.h-46{height:46%}.h-47{height:47%}.h-48{height:48%}.h-49{height:49%}.h-50{height:50%}.h-51{height:51%}.h-52{height:52%}.h-53{height:53%}.h-54{height:54%}.h-55{height:55%}.h-56{height:56%}.h-57{height:57%}.h-58{height:58%}.h-59{height:59%}.h-60{height:60%}.h-61{height:61%}.h-62{height:62%}.h-63{height:63%}.h-64{height:64%}.h-65{height:65%}.h-66{height:66%}.h-67{height:67%}.h-68{height:68%}.h-69{height:69%}.h-70{height:70%}.h-71{height:71%}.h-72{height:72%}.h-73{height:73%}.h-74{height:74%}.h-75{height:75%}.h-76{height:76%}.h-77{height:77%}.h-78{height:78%}.h-79{height:79%}.h-80{height:80%}.h-81{height:81%}.h-82{height:82%}.h-83{height:83%}.h-84{height:84%}.h-85{height:85%}.h-86{height:86%}.h-87{height:87%}.h-88{height:88%}.h-89{height:89%}.h-90{height:90%}.h-91{height:91%}.h-92{height:92%}.h-93{height:93%}.h-94{height:94%}.h-95{height:95%}.h-96{height:96%}.h-97{height:97%}.h-98{height:98%}.h-99{height:99%}.greywaterstorage-parent{display:flex;flex-direction:column;min-height:100dvh;width:100%;max-width:430px;margin:0 auto;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#f5f5f0;padding-bottom:96px;position:relative;overflow-x:hidden}.greywaterstorage-parent__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 8px}.greywaterstorage-parent__header__icon-btn{width:46px;height:46px;border-radius:50%;background:#ffffffe0;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #00000014;color:#1a4d2e;flex-shrink:0}.greywaterstorage-parent__header__icon-btn--notif{position:relative}.greywaterstorage-parent__header__icon-btn__dot{width:10px;height:10px;background:#4caf50;border-radius:50%;border:2px solid #ffffff;position:absolute;top:6px;right:6px}.greywaterstorage-parent__header__logo-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.greywaterstorage-parent__header__logo-wrap__img{width:64px;height:64px;object-fit:contain}.greywaterstorage-parent__header__logo-wrap__school-name{font-size:9px;font-weight:700;letter-spacing:.12em;color:#1a4d2e;text-align:center;margin:0}.greywaterstorage-parent__hero{display:flex;flex-direction:column;align-items:center;padding:12px 20px 4px}.greywaterstorage-parent__hero__leaf{width:48px;object-fit:contain;margin-bottom:4px}.greywaterstorage-parent__hero__title{font-size:36px;font-weight:900;color:#1a4d2e;text-align:center;margin:0;line-height:1.05;letter-spacing:-.5px}.greywaterstorage-parent__top-cards{display:flex;flex-direction:row;gap:12px;padding:16px 16px 0;align-items:stretch}.greywaterstorage-parent__top-cards__card{background:#ffffffe0;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:16px;display:flex;flex-direction:column}.greywaterstorage-parent__top-cards__card--gauge{flex:1;align-items:center}.greywaterstorage-parent__top-cards__card--status,.greywaterstorage-parent__top-cards__card--turbidity{width:100%}.greywaterstorage-parent__top-cards__card__label-row{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:8px}.greywaterstorage-parent__top-cards__card__label{font-size:13px;font-weight:600;color:#1a4d2e}.greywaterstorage-parent__top-cards__card__icon{color:#888}.greywaterstorage-parent__top-cards__card__icon--green{color:#4caf50}.greywaterstorage-parent__top-cards__card__gauge{position:relative;display:flex;align-items:center;justify-content:center;margin-top:4px}.greywaterstorage-parent__top-cards__card__gauge__svg{display:block}.greywaterstorage-parent__top-cards__card__gauge__value{position:absolute;display:flex;align-items:baseline;gap:2px}.greywaterstorage-parent__top-cards__card__gauge__value__number{font-size:36px;font-weight:800;color:#1a4d2e;line-height:1}.greywaterstorage-parent__top-cards__card__gauge__value__unit{font-size:16px;font-weight:700;color:#1a4d2e}.greywaterstorage-parent__top-cards__card__status-row{display:flex;align-items:center;gap:8px;margin-top:4px}.greywaterstorage-parent__top-cards__card__status-row__dot{width:12px;height:12px;border-radius:50%;background:#4caf50;flex-shrink:0}.greywaterstorage-parent__top-cards__card__status-row__dot--offline{background:#9e9e9e}.greywaterstorage-parent__top-cards__card__status-row__text{font-size:15px;font-weight:600;color:#1a4d2e}.greywaterstorage-parent__top-cards__card__status-updated{font-size:11px;font-weight:500;color:#1a4d2e99;margin-top:2px}.greywaterstorage-parent__top-cards__card__turbidity-value{display:flex;align-items:baseline;gap:4px;margin-top:4px}.greywaterstorage-parent__top-cards__card__turbidity-value__number{font-size:32px;font-weight:800;color:#1a4d2e;line-height:1}.greywaterstorage-parent__top-cards__card__turbidity-value__unit{font-size:13px;font-weight:600;color:#1a4d2e}.greywaterstorage-parent__top-cards__right{display:flex;flex-direction:column;gap:12px;flex:1}.greywaterstorage-parent__sensors{display:flex;flex-direction:row;gap:10px;padding:12px 16px 0}.greywaterstorage-parent__sensors__card{background:#ffffffe0;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:14px 10px 12px;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.greywaterstorage-parent__sensors__card__label{font-size:10.5px;font-weight:600;color:#1a4d2e;line-height:1.3}.greywaterstorage-parent__sensors__card__value{display:flex;align-items:baseline;gap:2px}.greywaterstorage-parent__sensors__card__value__number{font-size:22px;font-weight:800;color:#1a4d2e;line-height:1}.greywaterstorage-parent__sensors__card__value__unit{font-size:10px;font-weight:600;color:#1a4d2e}.greywaterstorage-parent__sensors__card__level-img{width:100%;max-width:100px;object-fit:contain;margin-top:6px;align-self:center}.greywaterstorage-parent__bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;display:flex;justify-content:center;padding:16px 0 24px;background:linear-gradient(to top,rgba(245,245,240,.98) 70%,transparent);z-index:10}.greywaterstorage-parent__bottom-nav__home-btn{width:60px;height:60px;border-radius:50%;background:#ffffffe0;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px #00000024;color:#1a4d2e}.greywaterstorage-parent__bottom-nav__home-btn:active{transform:scale(.95)}.info-dialog-parent{display:flex;justify-content:center;align-items:center;flex-direction:column;position:fixed;top:50vh;left:50vw;background-color:#fff;padding-block:20px;padding-inline:40px;border-radius:8px;box-shadow:0 4px 8px #0003;z-index:1000;border:1px solid #ddd;min-width:300px;transform:translate(-50%,-50%)}.info-dialog-parent .x-button{position:absolute;cursor:pointer;top:1rem;right:1rem}.info-dialog-parent .header{background-color:#fff;display:flex;justify-content:center;align-items:center;font-size:1rem;transform:translate(-1rem);margin-bottom:1rem}.info-dialog-parent .header svg{font-size:2rem;color:#06949b;margin-inline:.5rem}.info-dialog-parent .message{background-color:#fff;display:flex;justify-content:center;align-items:center;font-size:1rem;margin-bottom:1rem}.info-dialog-parent .message svg{font-size:2rem;color:#06949b;margin-inline:.5rem}.info-dialog-parent button{background-color:#500;border:0;border-radius:2rem;color:#fff;padding-block:.5rem;padding-inline:2em;font-size:1rem;width:100%;margin-bottom:.5rem;cursor:pointer}.info-dialog-overlay{position:fixed;inset:0;background:#00000059;z-index:999}.page-loading-parent{height:100vh;width:100vw;position:absolute;top:0;left:0;background-color:#ffffffbf;display:flex;align-items:center;justify-content:center;z-index:10000}.ldds-parent{position:absolute;left:0;top:0;width:100vw;height:100vh;z-index:1500;display:flex;align-items:center;justify-content:center}.lds-ring,.lds-ring div{box-sizing:border-box}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid currentColor;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:currentColor transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}