body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}:root{--bg:#add8e6;--white:#fff;--blue:#1f2d3c}body{background-color:#add8e6;background-color:var(--bg)}.container{margin:auto;width:1240px}@media screen and (max-width:768px){.container{width:95%}}nav .nav,nav .nav .left,nav .nav .right{align-items:center;display:flex}nav{background-color:#fff;background-color:var(--white);box-shadow:0 6px 24px 0 #0000000d,0 0 0 1px #00000014;padding:12px}nav .nav .left img{margin-right:12px}nav .nav .left .title{color:#1f2d3c;color:var(--blue);font-size:1.2em;font-weight:700}nav .nav .left .span{color:grey;font-style:italic}nav .nav .right{background-image:linear-gradient(#1f2d3c80,#1f2d3ce6),url(/static/media/water.8677768df41e10be49d1.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;color:#fff;color:var(--white);margin-left:auto;margin-right:0;padding:8px 18px}nav .nav .right .date{background-color:#000c;border-radius:50px;font-size:.868em;margin-right:12px;padding:5px 8px}@media screen and (max-width:768px){nav,nav .nav,nav .nav .right{display:block;line-height:1.5}nav .nav .left{margin-bottom:12px}}.recent-data{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:20px}.recent-data .item{background-color:#fff;background-color:var(--white);border-radius:12px;box-shadow:0 6px 24px 0 #0000000d,0 0 0 1px #00000014;padding:20px}.recent-data .item .flex-data{align-items:center;display:flex}.recent-data .item .flex-data div{color:#1f2d3c;color:var(--blue);font-size:1.2em;font-weight:500}.recent-data .item .flex-data img{height:16px;margin-left:auto;margin-right:0}.recent-data .item .range{display:flex;margin-top:20px}.recent-data .item .range .range-value{color:#1f2d3c;color:var(--blue);font-size:1.698em;font-weight:700}.recent-data .item .range .range-value.good{color:green}.recent-data .item .range .range-value.moderate{color:orange}.recent-data .item .range .range-value.danger{color:red}.recent-data .item .range .span{color:gray;font-size:.868em;font-weight:500;margin-left:4px;margin-top:12px}.recent-data .item .optimal{color:grey;font-weight:500;margin-top:12px}@media screen and (max-width:768px){.recent-data{grid-template-columns:1fr}}.trends{background-color:#fff;background-color:var(--white);border-radius:12px;box-shadow:0 6px 24px 0 #0000000d,0 0 0 1px #00000014;margin-top:20px;padding:20px;width:calc(100% - 40px)}.trends .chart{margin-top:20px;width:100%}.trends .trends-header{align-items:center;display:flex}.trends .trends-header h3{color:#1f2d3c;color:var(--blue)}.trends .trends-header .filters{align-items:center;display:flex;margin-left:auto;margin-right:0}.trends .trends-header .filters input,.trends .trends-header .filters select{border:1px solid #0003;border-radius:8px;cursor:pointer;margin-left:12px;outline:none;padding:8px 12px}.trends .trends-header .filters button{align-items:center;background-color:initial;background-color:#1f2d3c;background-color:var(--blue);border:none;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;display:flex;justify-content:center;margin-left:12px;outline:none;padding:8px}.load-text{color:#1f2d3c;color:var(--blue);display:block;font-style:italic;font-weight:500;margin-bottom:12px;text-align:center}.loader{border:1px solid #0000;box-shadow:0 0 0 2px #1974fd;height:80px;margin:auto;overflow:hidden;width:80px}.loader,.waves{border-radius:50%}.waves{background:#1e92ff;box-shadow:inset 0 0 50px #0000004d;height:100%;position:relative;width:100%}.waves:after,.waves:before{background:#000;content:"";height:200%;left:50%;position:absolute;top:0;transform:translate(-50%,-75%);width:200%}.waves:before{animation:wave91234 5s linear infinite;background:#f8f8f8;border-radius:45%}.waves:after{animation:wave91234 10s linear infinite;background:#ffffff80;border-radius:40%}@keyframes wave91234{0%{transform:translate(-50%,-75%) rotate(0deg)}to{transform:translate(-50%,-75%) rotate(1turn)}}@media screen and (max-width:768px){.trends .trends-header{display:block}.trends .trends-header .filters{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin:12px 0}.trends .trends-header .filters button,.trends .trends-header .filters input,.trends .trends-header .filters select{margin:0;width:calc(100% - 26px)}.trends .chart{height:300px}}.popup-overlay{background-color:#000c;height:100vh;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:100}.popup-overlay .popup-layer{background-color:#fff;background-color:var(--white);border-radius:12px;margin:50px auto;padding:20px;width:850px}.popup-overlay .popup-layer .title{align-items:center;border-bottom:1px solid #ce5d5d33;color:#1f2d3c;color:var(--blue);display:flex;font-size:1.2em;font-weight:700;padding-bottom:20px}.popup-overlay .popup-layer .title button{background-color:#dc3545;border:none;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;margin-left:auto;margin-right:0;outline:none;padding:8px 12px}.popup-overlay .popup-layer .history-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:20px}.popup-overlay .popup-layer .history-grid .item{border:1px solid #0003;border-radius:12px;padding:20px;position:relative}.popup-overlay .popup-layer .history-grid .item button{background-color:initial;border:none;cursor:pointer;outline:none;position:absolute;right:12px;top:12px}.popup-overlay .popup-layer .history-grid .item h3{font-size:1.2em;font-weight:500;text-transform:capitalize}.popup-overlay .popup-layer .history-grid .item span{color:#00000080;font-size:.868em}.popup-overlay .popup-layer .history-grid .item p{color:#000c;line-height:1.5;margin-top:12px;text-align:justify}.popup-overlay .popup-layer .dlt{background-color:#dc3545;border:none;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;margin-left:auto;margin-right:0;margin-top:20px;outline:none;padding:8px 12px}.pagination-controls{align-items:center;display:flex;justify-content:center;margin-top:20px}.pagination-controls button{cursor:pointer;margin:0 5px;padding:5px 10px}.pagination-controls button:disabled{cursor:not-allowed;opacity:.5}@media screen and (max-width:768px){.popup-overlay .popup-layer{width:calc(90% - 40px)}.popup-overlay .popup-layer .history-grid{grid-template-columns:repeat(1,1fr)}}.popup-overlay .popup-layer .form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:20px}.popup-overlay .popup-layer .form-grid label span{color:#00000080;font-size:.868em;font-style:italic}.popup-overlay .popup-layer .form-grid label input{border:1px solid #0003;border-radius:8px;display:block;margin-top:8px;outline:none;padding:12px;width:calc(100% - 24px)}.popup-overlay .popup-layer .form-grid label select{border:1px solid #0003;border-radius:8px;display:block;margin-top:8px;outline:none;padding:12px;width:100%}.popup-overlay .popup-layer .auth,.popup-overlay .popup-layer .form-submission{margin-top:20px}.popup-overlay .popup-layer .form-submission button{background-color:#1f2d3c;background-color:var(--blue);border:none;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;font-size:.868em;outline:none;padding:12px 24px}.popup-overlay .popup-layer .views{display:block;margin-top:12px}.popup-overlay .popup-layer .views a{color:#1f2d3c;color:var(--blue);font-size:.8em;margin-right:8px;text-decoration:none}.popup-overlay .popup-layer .auth button{align-items:center;background-color:#f9f9f9;border:1px solid #0003;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;width:100%}.popup-overlay .popup-layer .auth button img{height:20px;margin-right:8px}.table-container{border-radius:8px;margin-top:12px;max-height:300px;overflow-y:auto}table{border-collapse:collapse;font-size:.8em;width:100%}td,th{border:1px solid #ddd;padding:8px;text-align:left}td.action-grid{display:grid;grid-template-columns:repeat(2,1fr)}td .action{border:none;border-radius:5px;cursor:pointer;margin:0 5px;outline:none;padding:5px}td .action.edit{background-color:#35dc51}td .action.delete{background-color:#dc3545}th{background:#f4f4f4;font-weight:700;font-weight:500}tr:nth-child(2n){background:#f9f9f9}tr:hover{background:#f1f1f1}.filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px;margin-top:12px}.filter-header label{font-size:14px;font-weight:700}.filter-header input,.filter-header select{border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:6px 10px}.pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:12px}.pagination button{background:#1f2d3c;background:var(--blue);border:none;border-radius:4px;color:#fff;color:var(--white);cursor:pointer;font-size:14px;padding:8px 12px;transition:.3s ease-in-out}.pagination button:hover{background:#14212b}.pagination button:disabled{background:#ccc;cursor:not-allowed}.pagination span{color:#1f2d3c;color:var(--blue);font-size:14px;font-weight:500}
/*# sourceMappingURL=main.772cf430.css.map*/