@charset "UTF-8";.navbar{background-color:#fff;box-shadow:0 30px 10px #0000001a;box-shadow:0 5px 30px 1px #3f3f3f33;height:97px;margin:0}.navbar-logo{margin-left:24px}.navbar-items,.navbar-logo{background-color:#f0f8ff}.search-right{justify-content:flex-end;padding-right:24px}.navbar-search,.search-right{align-items:center;display:flex}.navbar-search{color:#a6adb5;cursor:pointer;font-size:24px;transition:transform .4s ease}.navbar-divider{background-color:#e1e1e1;height:50px;margin-right:24px;width:1px}.navbar-search:hover{transform:rotate(45deg);transform-origin:center}.footer{background-color:#fff;height:75px;margin:0}.footer,body{align-items:center;display:flex;justify-content:center}body{background:linear-gradient(135deg,#00c4cc,#004e68);font-family:Arial,sans-serif;min-height:100vh}.footer-content{color:#acadb4;font-size:.8rem}.top-button{background:none;border:none;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:background-color .3s ease}.top-button:hover{background-color:#f0f0f0}.layout-container{display:flex;min-height:100vh;min-width:100vw}.layout-container>.sidebar{color:#fff;display:flex;flex-direction:column;flex-shrink:0;padding:1rem;width:250px}.main-area{background-color:#f5f5f598;display:flex;flex:1 1;flex-direction:column}.main-area>nav{align-items:center;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;height:60px;padding:.5rem 1rem;text-align:center;z-index:1}.page-content{background-color:#fff;flex:1 1;overflow-y:auto;padding:2rem}.main-area>footer{color:#fff;flex-shrink:0;padding:1rem;text-align:center}.login-page{align-items:center;background:linear-gradient(90deg,#6ec1dd,#09444d);display:flex;justify-content:center;min-width:100vw;padding:20px}.login-form-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0003;padding:2rem;text-align:center;width:300px}.logo{margin-bottom:1rem;max-width:200px}form input{border:1px solid #ccc;border-radius:8px}.login-button,.register-button,form input{font-size:1rem;margin:.5rem 0;padding:.8rem;width:100%}.login-button,.register-button{border:none;border-radius:8px;cursor:pointer;font-weight:700}.logo{height:auto;width:200px}.login-button{background-color:#3b8d99;color:#fff}.register-button{border:1px solid #3b8d99;color:#3b8d99}.register-button:hover{background-color:#3b8d99;color:#fff}.forgot-password{color:#333;font-size:.9rem;margin-top:1rem}.recovery-link{color:#3b8d99;cursor:pointer;font-weight:700}.page-container{font-family:Arial,sans-serif;min-width:100vw;padding:2rem}.form-box{border-radius:12px;box-shadow:0 10px 15px #0003;padding:2rem;text-align:center}.form-box h2{color:#014e68;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.form-box input{background-color:#f5faff;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:1rem;margin:.5rem 0;padding:.75rem;width:100%}.form-box button{background-color:#014e68;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin-top:1rem;padding:.75rem;transition:background-color .3s ease;width:100%}.form-box button:hover{background-color:#01678a}.form-box input[type=email]{color:#000}.error-message,.success-message{font-size:.875rem}.form-box small{color:#555;display:block;font-size:.8rem;margin-top:1rem}.card{align-items:center;background-color:#fff;border:1px solid #eaecf4;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-basis:calc(20% - 0.8rem);flex-grow:0;flex-shrink:1;margin:.5rem;padding:1rem;transition:transform .1s ease}@media (max-width:1120px){.card{flex-basis:40%}}@media (max-width:830px){.card{flex-basis:100%}}.card:hover{transform:scale(1.05)}.card-icon{align-items:center;color:#a6adb5;display:flex;font-size:2rem;justify-content:center;margin-right:1rem;padding:5px}.card-details h3{color:#333;font-size:.8rem;font-weight:500;margin:0;padding-bottom:10px}.card-details p{color:#4e73df;font-size:1.1rem;font-weight:700;margin:0}.card.blue-border{border-left:5px solid #4e73df}.card.green-border{border-left:5px solid #28a745}.card.orange-border{border-left:5px solid #fd7e14}.card.red-border{border-left:5px solid #dc3545}.card-icon i{font-size:2em;margin-right:.5em}.dropdown{display:flex;flex-direction:column;gap:.5rem}.dropdown,.select-wrapper{position:relative}.select-wrapper select{-webkit-appearance:none;appearance:none;border:1px solid #ccc;border-radius:4px;font-size:16px;padding:.75rem;width:100%}.dropdown-icon{pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.dropdown-label{font-size:16px;margin-bottom:5px}.progress-card{background-color:#fff;border:1px solid #eaecf4;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;margin:auto;max-width:100%;overflow-x:auto;width:100%}.progress-card-header{background-color:#f8f9fc;border-bottom:1px solid #eaecf4;color:#4e73df;font-family:Nunito,sans-serif;font-size:16px;font-weight:700;padding:16px}.progress-card-content{padding:16px}.card-footer{color:#858796;font-size:13px;font-weight:600;margin-bottom:10px}.progress-bar-background{background-color:#eaecf4;border-radius:8px;height:20px;position:relative;width:100%}.progress-bar-fill{background-color:#4e73df;border-radius:8px;color:#fff;height:100%;left:0;line-height:20px;padding-right:5px;position:absolute;text-align:right;top:0}.progress-bar-text{font-weight:700;margin-left:10px}.pizza-chart-card{background-color:#fff;border:1px solid #eaecf4;border-radius:10px;box-shadow:0 0 10px #0000001a;box-sizing:border-box;margin:auto;min-height:265px}.pizza-card-header{background-color:#f8f9fc;border-bottom:1px solid #eaecf4;border-top-left-radius:8px;border-top-right-radius:8px;color:#4e73df;font-family:Nunito,sans-serif;font-size:16px;font-weight:700;margin-bottom:15px;padding:16px;text-align:center}.chart-container-pizza{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;max-height:270px;padding-bottom:20px}.chart-card{background-color:#fff;border:1px solid #eaecf4;border-radius:8px;box-shadow:0 5px 15px #0000001a;box-sizing:border-box;margin:auto;min-height:280px;min-width:380px}.chart-title{background-color:#f8f9fc;border-bottom:1px solid #eaecf4;border-top-left-radius:8px;border-top-right-radius:8px;color:#4e73df;font-size:16px;font-weight:700;padding:16px;text-align:center}.chart-content{color:#858796;font-size:13px;font-weight:600;min-height:200px;min-width:360px;padding:20px;text-align:center}.botao-relatorio{align-items:center;background-color:#4e73df;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;margin-right:24px;padding:10px;transition:background-color .3s;width:170px}@media (max-width:1120px){.botao-relatorio{margin-left:20px;margin-right:10px}}.botao-relatorio:hover{background-color:#0056b3}.botao-relatorio .fa-download{color:#a7b9ef;font-size:1.2em;margin-right:7px}.water-consumption-card{background-color:#fff;border:1px solid #eaecf4;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:400px}.water-consumption-card-title{background-color:#f8f9fc;border-bottom:1px solid #eaecf4;border-top-left-radius:8px;border-top-right-radius:8px;color:#4e73df;font-size:16px;font-weight:700;padding:16px;text-align:center}.water-consumption-card-content{align-items:center;display:flex;flex-direction:column;justify-content:space-around;padding:20px}.wave-progress-container{height:160px;padding-bottom:10px;position:relative;width:160px}.consumption{color:#858796;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:22px;font-weight:600}.percentage-display{color:#333;font-size:22px}.main-content{align-items:stretch;background-color:#f8f9fc;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;margin:0;overflow-x:hidden;padding:1.5rem;width:100%}.main-content>*{width:100%}.main-content>:last-child{margin-bottom:0}.dashboard-header{align-items:center;display:flex;justify-content:space-between}.dashboard-header-text{color:#5a5c69;font-size:28px;font-weight:700;padding:10px 0 10px 10px}.dropdown-container{display:flex;justify-content:space-around;margin-bottom:1rem;margin-top:1rem;width:100%}.dropdown1,.dropdown2{width:40%}@media (max-width:1120px){.dropdown-container{flex-direction:column;gap:10px}.dropdown1,.dropdown2{width:100%}}.periodo-consolidado{color:#858796;display:flex;font-size:14px;justify-content:center;padding-bottom:10px}.cards{pad:0 10px 0 10px;display:flex;flex-wrap:wrap;justify-content:space-between;max-width:100%}.card-barra-progresso{margin:20px 0;max-width:100%;padding:0}.chart-container{align-items:flex-start;display:flex;flex-wrap:wrap;height:auto;justify-content:space-between;margin:0;max-width:100%;padding:10px 0}.chart-barra,.chart-pizza{flex-basis:calc(40% - 0.8rem);flex-grow:0.92;height:auto;margin-bottom:20px;min-width:280px}.chart-barra{margin-bottom:20px;max-width:70%}.chart-pizza{max-width:28%}@media (max-width:1120px){.chart-container{align-items:flex-start;justify-content:flex-start}.chart-barra,.chart-pizza{flex-basis:100%;max-width:100%}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.file-upload{border:2px dashed #ccc;cursor:pointer;padding:20px;text-align:center}.file-upload.dragging{background-color:#f0f8ff;border-color:#00ced1}.preview-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.preview-image{height:100px;object-fit:cover;width:100px}.upload-page{margin:0 auto;max-width:600px;padding:1rem}.file-upload-container{margin-top:2rem}.upload-button{padding:.75rem}.upload-button:disabled{background-color:#ccc}.water-meter-readings{margin:0 auto;max-width:600px;padding:2rem}.form-group{border-radius:4px}.form-group .react-datepicker-wrapper{width:100%}.form-group .react-datepicker__input-container input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;padding:.75rem;width:100%}.insert-reading-button,.reset-button{border:none;border-radius:4px;cursor:pointer;margin-top:1rem;padding:1rem}.insert-reading-button{padding:1rem}.reset-button{background-color:#ccc;color:#000}.unit-reading label{flex:1 1;font-size:16px;margin-right:10px}.unit-reading input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;flex:2 1;font-size:16px;padding:.75rem;width:100%}.insert-reading-page{margin:0 auto;max-width:600px;padding:20px}.last-reading-info{border-bottom:1px solid #ddd;margin-bottom:20px;padding-bottom:20px}.blue-text{color:#007bff;font-size:16px}.insert-reading-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1rem;padding:.75rem 1.5rem}.insert-reading-button:hover{background-color:#0056b3}.label-with-tooltip{display:inline-block;position:relative}.asterisk,.tooltip-icon{margin-left:5px}.tooltip-icon{color:#007bff;cursor:pointer;font-size:14px}.tooltip-content{background-color:#fff;border:1px solid #ccc;border-radius:4px;bottom:125%;box-shadow:0 4px 8px #0000001a;left:50%;padding:10px;position:absolute;transform:translateX(-50%);visibility:hidden;width:150px;z-index:1}.tooltip-content img{height:auto;max-width:100%}.label-with-tooltip:hover .tooltip-content{visibility:visible}.insert-bill-page{margin:0 auto;max-width:600px;padding:20px}.bill-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px}.custom-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;padding:.75rem;width:100%}.asterisk{color:red}.insert-bill-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1rem;padding:.75rem 1.5rem}.insert-bill-button:hover{background-color:#0056b3}.consumption-table-page{margin:0 auto;max-width:800px;padding:20px}.search-section{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.search-section p{font-size:18px;margin-bottom:10px}.datepickers-container{align-items:flex-end;display:flex;gap:10px}.datepicker-group{display:flex;flex-direction:column}.custom-datepicker{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:10px}.search-button{padding:10px 20px}.consumption-table{border-collapse:collapse;margin-top:20px;width:100%}.consumption-table td,.consumption-table th{border:1px solid #ccc;padding:10px;text-align:left}.consumption-table th{background-color:#f4f4f4}.consumption-table tr:nth-child(2n){background-color:#f9f9f9}.consumption-history-page{font-family:Arial,sans-serif;padding:20px}h2{color:#333}.consumption-history-table{border-collapse:collapse;margin-top:20px;width:100%}.consumption-history-table td,.consumption-history-table th{border:1px solid #ddd;padding:8px;text-align:left}.consumption-history-table th{background-color:#f4f4f4;color:#333}.consumption-history-table tr:nth-child(2n){background-color:#f9f9f9}.consumption-history-table tr:hover{background-color:#f1f1f1}.edit-input{font-size:14px;padding:4px;width:80px}.cancel-button,.delete-button,.edit-button,.save-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;margin:0 4px;padding:6px 10px}.edit-button{background-color:#4caf50;color:#fff}.edit-button:hover{background-color:#45a049}.delete-button{background-color:#f44336;color:#fff}.delete-button:hover{background-color:#da190b}.save-button{background-color:#008cba;color:#fff}.save-button:hover{background-color:#007bb5}.cancel-button{background-color:#aaa;color:#fff}.cancel-button:hover{background-color:#888}.old-bills-page{margin:0 auto;max-width:800px;padding:20px}.last-update{color:#888;font-size:14px;margin-bottom:20px}.old-bills-table{border-collapse:collapse;width:100%}.old-bills-table td,.old-bills-table th{border:1px solid #444;padding:12px;text-align:left}.old-bills-table th{background-color:#4a4a4a;color:#fff}.old-bills-table tr{background-color:#616161;color:#fff}.new-bills-page{margin:0 auto;max-width:900px;padding:20px}.new-bills-table{border-collapse:collapse;width:100%}.new-bills-table td,.new-bills-table th{border:1px solid #444;padding:12px;text-align:left}.new-bills-table th{background-color:#4a4a4a;color:#fff}.new-bills-table tr{background-color:#616161;color:#fff}input[type=number],input[type=text]{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}td input{background-color:#616161;color:#fff}td input:focus{border-color:#007bff;outline:none}.react-datepicker-wrapper{width:100%}.react-datepicker__input-container input{background-color:#616161;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;color:#fff;font-size:14px;padding:10px;width:100%}.react-datepicker__input-container input:focus{border-color:#007bff;outline:none}.edit-email-page{margin:0 auto;max-width:900px;padding:20px}.edit-email-table{border-collapse:collapse;width:100%}.edit-email-table td,.edit-email-table th{border:1px solid #444;padding:12px;text-align:left}.edit-email-table th{background-color:#4a4a4a;color:#fff}.edit-email-table tr{background-color:#616161;color:#fff}.edit-button,.save-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px}.save-button{background-color:#007bff}.edit-button:hover,.save-button:hover{opacity:.8}input[type=email]{background-color:#616161;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;color:#fff;font-size:14px;padding:10px;width:100%}input[type=email]:focus{border-color:#007bff;outline:none}.change-password-page{margin:0 auto;max-width:500px;padding:20px}.change-password-container{background-color:#f5f5f5;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px}.form-group{margin-bottom:20px}label{color:#333;display:block;margin-bottom:5px}input,label{font-size:14px}input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:10px;width:100%}input:focus{border-color:#007bff;outline:none}.password-hints{color:#888;font-size:12px;list-style-type:none;margin-top:10px;padding-left:0}.password-hints li{margin-bottom:5px}.error-message{color:red;margin-bottom:10px}.change-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px}.change-button:hover{opacity:.9}.payment-history-page{display:flex;flex-direction:column;gap:20px}.history-box,.status-box{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px}.status{color:#4caf50}.order-history-table{border-collapse:collapse;width:100%}.order-history-table td,.order-history-table th{border-bottom:1px solid #e0e0e0;padding:10px;text-align:left}.error-message{background:#ffeded;border:1px solid #ff4d4f;border-radius:8px;box-shadow:0 4px 8px #ff4d4f33;padding:20px}.error-message h2{font-size:24px;font-weight:700;margin-bottom:10px}.error-message p{font-size:16px}.payment-instructions-page{background-color:#f5f5f5;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:700px;padding:20px}.payment-details h3{color:#007bff;margin-top:20px}.payment-details p{font-size:14px;margin:5px 0}.instructions{font-size:14px;margin-top:20px}.contact-details p{font-size:14px;margin:5px 0}.contact-details i{margin-right:8px}.link-generation-page{background-color:#f5f5f5;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:800px;padding:20px}.link-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}h2{color:#007bff;margin-bottom:10px}p{color:#333;font-size:14px;margin:10px 0}ul{list-style-type:disc;padding-left:20px}ul li{margin:5px 0}.confirm-info-title{color:#555;font-weight:700;margin-top:20px}.show-link-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:15px;padding:10px 20px}.show-link-button:hover{background-color:#0056b3}.instructions-page{font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}h2{color:#3a75c4;font-size:28px;font-weight:700}p{color:#4a4a4a;font-size:16px}.instruction-list ul{list-style-type:none;padding:0}.instruction-list li a{color:#3a75c4;display:inline-block;font-size:18px;margin-bottom:5px;text-decoration:none}.instruction-list li a:hover{text-decoration:underline}.instruction-section{margin-top:30px}.instruction-section h3{color:#3a75c4;font-size:24px;font-weight:700;margin-bottom:10px}.instruction-section p{color:#4a4a4a;font-size:16px;margin-bottom:5px}.instruction-section strong{font-weight:700}.address-page{background-color:#f9fafb;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:auto;max-width:600px;padding:20px}h2{color:#3b82f6;font-size:24px;margin-bottom:20px;text-align:left}.address-form label{color:#374151;display:block;font-size:14px;margin-bottom:8px}.address-form input,.address-form select{border:1px solid #d1d5db;border-radius:4px;margin-bottom:15px;padding:10px;width:100%}button{background-color:#3b82f6;border-radius:4px;font-size:16px;padding:10px}button:disabled{background-color:#9ca3af}.error-message{color:#ef4444}.error-message,.success-message{font-size:14px;margin-top:10px;text-align:center}.success-message{color:#10b981}.navbar{align-items:center;background-color:initial;display:flex;justify-content:space-between;width:100%}.navbar-logo img{cursor:pointer;height:auto;width:100px}.navbar-button,.navbar-links{display:flex;gap:1rem}.navbar-button{align-items:center}.nav-button.login{background-color:initial;border:none;color:#333}.nav-button.register{background-color:#3b8d99;border:1px solid #3b8d99;border-radius:6px;color:#fff;padding:.4rem 1rem;transition:background-color .3s ease,color .3s ease}.nav-button.register:hover{background-color:#2c6c75;color:#fff}.footer{background:linear-gradient(90deg,#6ec1dd,#09444d);color:azure;padding:2rem 0;text-align:center;width:100%}.footer .container{padding:1rem 0;text-align:center}.footer-content{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-around}.footer-section{flex:1 1;margin:1rem;max-width:200px}.footer-logo{max-width:100px}.footer-bottom{font-size:.8rem;margin-top:1rem}.sidebar{align-items:center;background:linear-gradient(#09444d,#6ec1dd);box-sizing:border-box;display:flex;flex-direction:column;height:auto;padding:20px;width:230px}.sidebar-logo-link{cursor:pointer;width:70%}.sidebar-logo{margin-bottom:5px;width:100%}.sidebar-divider{background-color:#2e6067;height:1px;margin:10px;width:100%}.sidebar-items{align-items:flex-start;display:flex;flex-direction:column;width:190px}.sidebar-item{align-items:center;background-color:#0000;border-radius:5px;color:#c7c7c7;cursor:pointer;display:flex;font-family:Nunito,sans-serif;font-size:15px;font-weight:700;padding:10px 0;text-align:left;text-decoration:none;transition:background-color .3s,color .3s;width:100%}.sidebar-item:hover{background-color:#0000;color:#fff}.sidebar-back-button{flex-direction:column;justify-content:space-between}.arrow-icon{font-family:Nunito,sans-serif;font-size:20px;font-weight:700;margin-right:2px}.sidebar-subitems{display:flex;flex-direction:column;padding-left:20px}.sidebar-subitem{color:#fff;cursor:pointer;font-family:Nunito,sans-serif;font-size:14px;padding:5px 0}.sidebar-subitem:hover{color:#5dc1cd}.sidebar-back-button{align-items:center;background-color:#549198;border-radius:50%;cursor:pointer;display:flex;height:35px;justify-content:center;margin:10px;transition:background-color .1s ease;width:35px}.icon{color:#447e85;cursor:pointer;font-size:40px}.sidebar-back-button:hover{background-color:#5dc1cd}.sidebar-item-icon{margin-right:10px}.sidebar-expand-icon{margin-left:auto}.page-container{align-items:center;background:linear-gradient(135deg,#00c4cc,#004e68);display:flex;justify-content:center;margin:0;min-height:100vh}.form-box{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:1.5rem;text-align:left;width:100%}.form-group{align-items:center;margin:.5rem 0}.form-group label{color:#333;font-size:1rem;margin-right:1rem;text-align:right;width:120px}.form-group input{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;flex:1 1;font-size:1rem;padding:.75rem}button[type=submit]{background-color:#014e68;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-top:1rem;padding:.75rem;width:100%}button[type=submit]:hover{background-color:#01678a}.form-group select{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;color:#333;flex:1 1;font-size:1rem;padding:.75rem}.error-message{color:#ff4d4f}.error-message,.success-message{font-size:.9rem;margin-top:.5rem}.success-message{color:#28a745}input,select,textarea{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;color:#333;font-size:1rem;margin:.5rem 0;min-width:250px}button,input,select,textarea{max-width:100%;padding:.75rem;width:100%}button{background-color:#014e68;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-top:1rem;transition:background-color .3s ease}.reading-search-page{margin:0 auto;max-width:600px;padding:20px}.reading-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px}.custom-datepicker-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;padding:.75rem;width:100%}.search-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1rem;padding:.75rem 1.5rem}.search-button:hover{background-color:#0056b3}.error{color:red;margin-top:10px}.readings-table{border-collapse:collapse;margin-top:20px;width:100%}.readings-table td,.readings-table th{border:1px solid #ccc;padding:10px;text-align:left}.readings-table th{background-color:#f4f4f4}.no-results{color:#555;margin-top:20px;text-align:center}.photo-upload-page{margin:0 auto;max-width:600px;padding:20px}.photo-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px}.sticky-header{background:#fff;border-bottom:2px solid #ccc;padding:10px;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:1000}.form-group{display:flex;flex-direction:column;gap:1rem;margin-top:20px}.custom-file-input,.dropdown{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;padding:.75rem;width:100%}.upload-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin-top:1rem;padding:.75rem 1.5rem}.upload-button:hover{background-color:#0056b3}.drag-drop-area{background:#fafafa;border:2px dashed #ccc;border-radius:8px;cursor:pointer;margin:10px 0;padding:20px;text-align:center;transition:border-color .3s ease-in-out,background-color .3s ease-in-out}.drag-drop-area.dragging{background-color:#f0f8ff;border-color:#00bfff}.datepicker-button{align-items:center;background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;padding:10px 15px;width:100%}.datepicker-button:hover{background-color:#0056b3}.error,.success{border-radius:5px;font-weight:700;margin-top:10px;padding:8px;text-align:center}.error{background:#f8d7da;border:1px solid #f5c6cb;color:#d9534f}.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.photo-info{background:#eef6ff;border:1px solid #b3d4ff;border-radius:5px;font-size:16px;font-weight:700;padding:10px}.photo-info,.photo-preview{margin-top:10px;text-align:center}.preview-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.photo-item{background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:2px 2px 5px #0000001a;padding:5px}.photo-item img{border-radius:5px;max-height:100px;max-width:100px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body,code{font-family:Nunito,sans-serif}
/*# sourceMappingURL=main.b7474f0f.css.map*/