@charset "UTF-8";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}.navigation{background-color:#16222f;border-bottom-right-radius:10px;border-top-right-radius:10px;flex:0 0 10%;overflow:hidden;padding:20px;transition:all .3s;width:100%}.menuItem{color:#fff;cursor:pointer;display:block;margin-bottom:10px;padding:10px;transition:background-color .3s}.menuItem:hover{background-color:#000}.menuItem:not(:hover){background-color:initial}.menuItem span{margin-right:5px}.select-container{display:block;padding-right:10px}.css-1u3bzj6-MuiFormControl-root-MuiTextField-root{min-width:100px!important}@media (max-width:500px){.select-container{display:none}}.hero{align-items:center;animation:color 12s ease-in-out infinite;background:linear-gradient(45deg,#8dc63f,#269b66,gold);background-position:50%;background-size:300% 300%;border-bottom-left-radius:20px;border-bottom-right-radius:20px;color:#fff;display:flex;flex-direction:column;height:300px;justify-content:center;overflow:hidden;position:relative;text-align:center}.hero:before{background-color:#fff;bottom:0;content:"";height:-20px;left:0;position:absolute;right:0}.dashboardContainer{flex-wrap:wrap}.timelinechartContainer{box-sizing:border-box}.button-container{display:flex;gap:10px;justify-content:center;margin-top:20px}.toast{align-items:stretch;background-color:#8dc63f;border-radius:15px;box-shadow:0 4px 8px #0003;color:#fff;display:flex;overflow:hidden;width:80%}.toast-content{display:flex;width:100%}.toast-left{display:flex;width:33%}.toast-right{margin-bottom:25px;margin-top:25px;padding:20px;width:67%}.toast-image{border-radius:15px;display:block;height:100%;object-fit:cover;width:100%}.squareNavStyles{align-items:flex-start;animation:color 12s ease-in-out infinite;background:linear-gradient(45deg,#8dc63f,#269b66,gold);background-position:50%;background-size:300% 300%;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex:1 1;flex-direction:column;justify-content:left;margin-bottom:20px;margin-left:10px;margin-right:10px;padding-bottom:20px;padding-left:50px;padding-right:50px;position:relative;z-index:2}.squareNavTextStyles{color:#fff;font-size:28px;font-weight:700}.squareNavParagraphsStyles{color:#fff;font-size:18px}.buttonWithArrow{align-items:center;background-color:initial;border:2px solid #fff;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;padding:8px 20px;position:relative;text-decoration:none}.buttonWithArrow:after{content:"→";font-size:16px;margin-left:5px}@media screen and (max-width:1024px){.section-container{align-items:center;grid-template-columns:1fr}.image-column{justify-content:center;padding:0 5%}.grid-row{grid-template-columns:1fr}.squareContainer{flex-direction:column}}@media screen and (max-width:810px){.dashboardContainer{align-items:stretch;flex-direction:column}.chartContainer{margin-bottom:10px;max-width:100%;width:100%}.yearly-consumption-blocks{flex-direction:column;width:100%}.yearly-consumption-blocks .square{flex:1 1 100%;width:100%}.squareContainer{justify-content:flex-start}.squareNavStyles{align-items:flex-start;background:linear-gradient(90deg,#269b66 30%,#87bd45);border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex:1 1;flex-direction:column;height:300px;justify-content:left;margin:30px 10px 20px;padding-left:50px;padding-top:15px;position:relative}.toast-content{align-items:center;flex-direction:column;text-align:center}.chartSquare{height:auto;min-height:260px}.section-title{font-size:26px}.section-paragraph{font-size:16px}.buttonWithArrow{justify-content:center;width:100%}.toast-left img,.toast-right{margin-bottom:15px}.toast-right{margin-top:15px;padding:10px}.timelinechartContainer{flex-basis:100%;max-width:100%;width:100%}}@media (max-width:480px){.squareContainer{flex-direction:column}.squareNavStyles{align-items:flex-start;background:linear-gradient(90deg,#269b66 30%,#87bd45);border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex:1 1;flex-direction:column;height:350px;justify-content:left;margin:30px 10px 20px;padding:15px 20px 50px;position:relative}.hide-on-mobile{display:block}.timelinechartContainer{flex-basis:100%;max-width:100%;width:100%}}.buttonstyle{font-weight:500}.buttonstyle,.buttonstyleMiddle{background-color:#8dc63f;border:none;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#fff;padding:10px 15px}.buttonstyleMiddle{font-size:24px;font-weight:600}.parent-container{display:flex;justify-content:center}.buttonstylePopUp{background-color:#8dc63f;border:solid;border-color:#fff;border-radius:10px;border-width:2px;color:#fff}.buttonstylePopUp,.buttonstyleR{font-weight:500;padding:10px 15px}.buttonstyleR{background-color:#fff;border:solid;border-radius:10px;color:#8dc63f}.buttonstyle33,.buttonstyleR{box-shadow:0 4px 6px #0000001a}.buttonstyle33{background-color:#8dc63f;border:none;border-radius:10px;color:#fff;font-weight:500;margin-top:10px;max-width:33%;padding:10px 15px}@media screen and (max-width:500px){.buttonstyle33{background-color:#8dc63f;border:none;border-radius:10px;color:#fff;margin-top:10px}.buttonstyle33,.buttonstyleR33{box-shadow:0 4px 6px #0000001a;font-weight:500;max-width:100%;padding:10px 15px}.buttonstyleR33{background-color:#fff;border:solid;border-radius:10px;color:#8dc63f}}.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-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid #0000;box-sizing:initial;content:"";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.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;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.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__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.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}.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:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.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:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text: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:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted: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--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:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected: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:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected: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:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{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__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}.footer{background-color:#16222f;border-top-left-radius:20px;border-top-right-radius:20px;color:#fff;display:flex;justify-content:center;padding:20px}.logo-info,.menu-section{box-sizing:border-box;padding:10px;width:25%}.logo{align-items:center;display:flex}.logo img{cursor:pointer;height:50px}.menu-section h3{margin-bottom:10px}.menu-section ul{list-style:none;padding:0}.menu-section li{margin-bottom:5px}.menu-section a{color:#fff;text-decoration:none}.phone{color:#fff}@media (max-width:768px){.footer{align-items:center;flex-direction:column}.logo-info,.menu-section{padding:10px;text-align:center;width:100%}.menu-section{margin-top:20px}}.centered-title{align-items:center;display:flex;flex-direction:column;margin:20px}.title{font-size:24px;margin-bottom:5px}.subtitle{color:#666;font-size:14px;margin-bottom:10px;margin-top:10px}.dividerCenter{background-color:#8dc63f;border:none;height:4px;width:100px}.energy-dashboard{background:linear-gradient(135deg,#fff,#f8fffe);border-radius:16px;box-shadow:0 4px 20px #00000014;margin:20px auto;max-width:800px;padding:24px}.energy-dashboard-header{align-items:center;border-bottom:1px solid #e8f5e9;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.energy-dashboard-header h3{color:#2d3436;font-size:20px;font-weight:600;margin:0}.data-source-badge{align-items:center;background:#e8f5e9;border-radius:20px;color:#388e3c;display:flex;font-size:12px;font-weight:500;gap:8px;padding:6px 12px}.live-indicator{animation:pulse 2s infinite;background:#4caf50;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%{box-shadow:0 0 0 0 #4caf50b3}70%{box-shadow:0 0 0 10px #4caf5000}to{box-shadow:0 0 0 0 #4caf5000}}.energy-flow-container{gap:16px;padding:20px 0}.energy-flow-container,.energy-node{align-items:center;display:flex;flex-direction:column}.energy-node{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;gap:8px;min-width:100px;padding:16px;transition:transform .2s,box-shadow .2s}.energy-node:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.node-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.solar-icon{background:linear-gradient(135deg,#ffc107,#ff9800)}.grid-icon{background:linear-gradient(135deg,#2196f3,#1976d2)}.house-icon{background:linear-gradient(135deg,#4caf50,#388e3c);font-size:32px;height:70px;width:70px}.injection-icon{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.gas-icon{background:linear-gradient(135deg,#ff5722,#e64a19)}.ev-icon{background:linear-gradient(135deg,#00bcd4,#0097a7)}.heatpump-icon{background:linear-gradient(135deg,#3f51b5,#303f9f)}.node-info{align-items:center;display:flex;flex-direction:column;gap:4px}.node-label{color:#757575;font-size:12px;font-weight:500}.node-value{font-size:16px;font-weight:700}.node-value.production{color:#ffc107}.node-value.consumption{color:#2196f3}.node-value.injection{color:#9c27b0}.node-value.total{color:#4caf50}.flow-arrow{align-items:center;color:#bdbdbd;display:flex;flex-direction:column;font-size:20px}.flow-arrow .flow-value{color:#757575;font-size:11px;margin-top:4px}.solar-to-house{color:#ffc107}.grid-to-house{color:#2196f3}.house-to-grid{color:#9c27b0}.energy-main-row{gap:16px}.energy-main-row,.energy-secondary-row{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:100%}.energy-secondary-row{gap:24px;margin-top:16px}.house-node{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);padding:20px 24px}.energy-summary{border-top:1px solid #e8f5e9;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:24px;padding-top:24px}.summary-card{flex-direction:column;min-width:120px;padding:16px 24px}.production-card{background:linear-gradient(135deg,#fff8e1,#ffecb3)}.consumption-card{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.self-consumption-card{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.summary-label{color:#757575;font-size:12px;font-weight:500;margin-bottom:4px}.summary-value{color:#2d3436;font-size:20px;font-weight:700}.energy-dashboard-footer{margin-top:20px;text-align:center}.placeholder-notice{color:#9e9e9e;font-size:12px;font-style:italic;margin:0}@media (max-width:600px){.energy-dashboard{margin:10px;padding:16px}.energy-main-row,.energy-secondary-row{flex-direction:column;gap:12px}.flow-arrow{transform:rotate(90deg)}.energy-summary{align-items:center;flex-direction:column}.summary-card{max-width:200px;width:100%}.energy-node{max-width:150px;width:100%}}.market-information{background:linear-gradient(135deg,#fff,#f5f9ff);border-radius:16px;box-shadow:0 4px 20px #00000014;margin:20px auto;max-width:900px;padding:24px}.market-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.market-header,.market-title{align-items:center;display:flex;gap:12px}.market-title h3{color:#2d3436;font-size:20px;font-weight:600;margin:0}.market-icon{color:#2196f3;font-size:24px}.contract-badge .badge{border-radius:20px;font-size:12px;font-weight:600;padding:6px 14px}.badge.dynamic{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0}.badge.variable{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100}.badge.fixed{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.spot-prices-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.spot-price-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:16px;padding:16px 20px}.spot-price-card.electricity{border-left:4px solid #2196f3}.spot-price-card.gas{border-left:4px solid #ff5722}.spot-icon{align-items:center;border-radius:12px;display:flex;font-size:22px;height:48px;justify-content:center;width:48px}.spot-price-card.electricity .spot-icon{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2}.spot-price-card.gas .spot-icon{background:linear-gradient(135deg,#fbe9e7,#ffccbc);color:#e64a19}.spot-info{display:flex;flex-direction:column;gap:2px}.spot-label{color:#757575;font-size:12px;font-weight:500}.spot-value{color:#2d3436;font-size:20px;font-weight:700}.spot-change{align-items:center;display:flex;font-size:13px;font-weight:600;gap:4px}.current-price-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:20px;padding:16px 20px}.current-price-header{align-items:center;color:#757575;display:flex;font-size:14px;gap:8px;margin-bottom:12px}.current-price-display{align-items:center;background:#fafafa;border:2px solid;border-radius:10px;display:flex;justify-content:space-between;padding:16px 20px}.current-price-value{font-size:28px;font-weight:700}.price-level-badge{border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:6px 16px}.day-ahead-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:20px;padding:20px}.day-ahead-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.day-ahead-header h4{color:#2d3436;font-size:16px;font-weight:600;margin:0}.tab-buttons{display:flex;gap:8px}.tab-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#757575;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.tab-btn:hover{border-color:#2196f3;color:#2196f3}.tab-btn.active{background:#2196f3;border-color:#2196f3;color:#fff}.chart-container{margin:16px 0}.price-stats{border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;padding-top:16px}.stat-item{align-items:center;display:flex;flex-direction:column;gap:4px;padding:8px 16px}.stat-label{color:#757575;font-size:12px;font-weight:500}.stat-value{color:#2d3436;font-size:16px;font-weight:700}.stat-item.peak .stat-value{color:#f44336}.stat-item.off-peak .stat-value{color:#4caf50}.recommendations-section{margin-bottom:20px}.recommendations-section h4{color:#2d3436;font-size:16px;font-weight:600;margin:0 0 16px}.recommendations-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.recommendation-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:16px}.recommendation-card.good{border-left:4px solid #4caf50}.recommendation-card.bad{border-left:4px solid #f44336}.rec-header{align-items:center;color:#2d3436;display:flex;font-weight:600;gap:8px;margin-bottom:12px}.recommendation-card.good .rec-icon{color:#4caf50}.recommendation-card.bad .rec-icon{color:#f44336}.rec-hours{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.hour-badge{border-radius:6px;font-size:12px;font-weight:500;padding:4px 10px}.hour-badge.good{background:#e8f5e9;color:#2e7d32}.hour-badge.bad{background:#ffebee;color:#c62828}.rec-tip{color:#757575;font-size:12px;font-style:italic;margin:0}.contract-info-box{background:linear-gradient(135deg,#fff8e1,#ffecb3);border:1px solid #ffe082;border-radius:12px;display:flex;gap:16px;margin-bottom:20px;padding:16px 20px}.contract-info-box .info-icon{color:#f57c00;flex-shrink:0;font-size:24px}.info-content strong{color:#e65100;display:block;font-size:14px;margin-bottom:4px}.info-content p{color:#5d4037;font-size:13px;line-height:1.5;margin:0}.market-footer{border-top:1px solid #f0f0f0;padding-top:16px;text-align:center}.data-notice{align-items:center;display:flex;gap:6px;justify-content:center;margin:0 0 4px}.update-time{color:#bdbdbd;font-size:11px;margin:0}@media (max-width:600px){.market-information{margin:10px;padding:16px}.market-header{align-items:flex-start;flex-direction:column}.spot-prices-container{grid-template-columns:1fr}.current-price-display{flex-direction:column;gap:12px;text-align:center}.day-ahead-header{align-items:flex-start;flex-direction:column}.price-stats{flex-direction:column;gap:12px}.recommendations-grid{grid-template-columns:1fr}.contract-info-box{flex-direction:column;text-align:center}}.energy-news{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;box-shadow:0 4px 20px #00000014;margin:20px auto;max-width:1000px;padding:24px}.news-header{margin-bottom:20px}.news-title{align-items:center;display:flex;gap:12px;margin-bottom:4px}.news-title h3{color:#2d3436;font-size:20px;font-weight:600;margin:0}.news-icon{color:#4caf50;font-size:24px}.news-subtitle{color:#757575;font-size:14px;margin-left:36px}.category-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filter-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:25px;color:#757575;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s}.filter-btn:hover{background:#fafafa;color:#2196f3;color:var(--btn-color,#2196f3)}.filter-btn.active,.filter-btn:hover{border-color:#2196f3;border-color:var(--btn-color,#2196f3)}.filter-btn.active{background:#2196f3;background:var(--btn-color,#2196f3);color:#fff}.energy-stats-bar{grid-gap:12px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:24px;padding:16px}.energy-stats-bar .stat-item{align-items:center;display:flex;gap:10px;padding:8px}.stat-icon{font-size:24px}.stat-icon.solar{color:#ffc107}.stat-icon.wind{color:#03a9f4}.stat-icon.battery{color:#4caf50}.stat-icon.ev{color:#9c27b0}.stat-info{display:flex;flex-direction:column}.stat-info .stat-value{color:#2d3436;font-size:18px;font-weight:700}.stat-info .stat-label{color:#616161;font-size:11px}.news-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:24px}.news-card{background:#fff;border-radius:12px;border-top:3px solid #0000;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;padding:20px;transition:transform .2s,box-shadow .2s}.news-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.news-card-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.category-badge{border-radius:20px;color:#fff;font-size:11px;font-weight:600;padding:4px 12px}.category-badge,.news-date{align-items:center;display:flex;gap:6px}.news-date{color:#9e9e9e;font-size:12px}.news-card-title{color:#2d3436;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 10px}.news-card-summary{color:#616161;flex-grow:1;font-size:13px;line-height:1.6;margin:0 0 16px}.news-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.tag{align-items:center;background:#f5f5f5;border-radius:12px;color:#757575;display:flex;font-size:11px;gap:4px;padding:4px 10px}.tag svg{font-size:9px}.news-card-footer{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;padding-top:12px}.news-source{color:#9e9e9e;font-size:12px;font-style:italic}.read-more{align-items:center;color:#2196f3;display:flex;font-size:13px;font-weight:600;gap:6px;text-decoration:none;transition:gap .2s}.read-more:hover{gap:10px;text-decoration:underline}.news-footer{border-top:1px solid #f0f0f0;padding-top:16px;text-align:center}.view-all-link{align-items:center;background:linear-gradient(135deg,#4caf50,#388e3c);border-radius:25px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px;padding:12px 24px;text-decoration:none;transition:transform .2s,box-shadow .2s}.view-all-link:hover{box-shadow:0 4px 12px #4caf5066;transform:scale(1.02)}.news-notice{color:#9e9e9e;font-size:12px;font-style:italic;margin:12px 0 0}@media (max-width:768px){.energy-news{margin:10px;padding:16px}.news-grid{grid-template-columns:1fr}.category-filter{justify-content:center}.filter-btn{font-size:12px;padding:8px 14px}.energy-stats-bar{grid-template-columns:repeat(2,1fr)}.news-card-header{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.energy-stats-bar{grid-template-columns:1fr}.filter-btn span{display:none}}.consumption-reports{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;box-shadow:0 4px 20px #00000014;margin:20px auto;max-width:1000px;padding:24px}.reports-header{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.reports-header,.reports-title{align-items:center;display:flex}.reports-title{gap:12px}.reports-title h3{color:#2d3436;font-size:20px;font-weight:600;margin:0}.reports-icon{color:#673ab7;font-size:24px}.export-container{position:relative}.export-btn{align-items:center;background:linear-gradient(135deg,#673ab7,#512da8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:transform .2s,box-shadow .2s}.export-btn:hover{box-shadow:0 4px 12px #673ab766;transform:translateY(-2px)}.export-menu{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;margin-top:8px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.export-menu button{align-items:center;background:none;border:none;color:#2d3436;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 20px;transition:background .2s;width:100%}.export-menu button:hover{background:#f5f5f5}.export-menu button svg{width:16px}.export-menu button:first-child svg{color:#f44336}.export-menu button:last-child svg{color:#4caf50}.reports-controls{background:#f8f9fa;border-radius:12px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px;padding:20px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{color:#757575;font-size:12px;font-weight:600;text-transform:uppercase}.control-group select{background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;min-width:140px;padding:10px 16px}.control-group select:focus{border-color:#673ab7;outline:none}.energy-buttons,.period-buttons{display:flex;gap:4px}.energy-buttons button,.period-buttons button{align-items:center;background:#fff;border:1px solid #e0e0e0;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:10px 16px;transition:all .2s}.energy-buttons button:first-child,.period-buttons button:first-child{border-radius:8px 0 0 8px}.energy-buttons button:last-child,.period-buttons button:last-child{border-radius:0 8px 8px 0}.energy-buttons button:nth-child(2){border-radius:0}.energy-buttons button:hover,.period-buttons button:hover{background:#f5f5f5}.energy-buttons button.active,.period-buttons button.active{background:#673ab7;border-color:#673ab7;color:#fff}.summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.summary-card{align-items:center;background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:16px;padding:20px}.summary-card.electricity{border-color:#2196f3}.summary-card.gas{border-color:#ff5722}.summary-card.solar{border-color:#ffc107}.summary-card.total{border-color:#673ab7}.summary-card .card-icon{align-items:center;border-radius:12px;display:flex;font-size:22px;height:48px;justify-content:center;width:48px}.summary-card.electricity .card-icon{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2}.summary-card.gas .card-icon{background:linear-gradient(135deg,#fbe9e7,#ffccbc);color:#e64a19}.summary-card.solar .card-icon{background:linear-gradient(135deg,#fff8e1,#ffecb3);color:#f57c00}.summary-card.total .card-icon{background:linear-gradient(135deg,#ede7f6,#d1c4e9);color:#512da8}.card-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.card-label{color:#757575;font-size:12px;font-weight:500}.card-value{color:#2d3436;font-size:22px;font-weight:700}.card-change{font-weight:600}.card-change,.card-sub{align-items:center;display:flex;font-size:12px;gap:4px}.card-sub{color:#757575}.card-sub svg{color:#4caf50}.card-cost{align-items:center;background:#f5f5f5;border-radius:8px;color:#2d3436;display:flex;flex-direction:column;font-size:16px;font-weight:700;padding:8px 12px}.card-cost.self-use{color:#4caf50;font-size:20px}.card-cost.self-use span{color:#757575;font-size:10px;font-weight:500}.chart-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px;padding:20px}.chart-header{margin-bottom:16px}.chart-header h4{align-items:center;color:#2d3436;display:flex;font-size:16px;font-weight:600;gap:10px;margin:0}.chart-header h4 svg{color:#673ab7}.compare-badge{align-items:center;background:#ede7f6;border-radius:20px;color:#673ab7;display:inline-flex;font-size:12px;font-weight:500;gap:6px;margin-left:12px;padding:4px 12px}.chart-container{margin-top:16px}.cost-breakdown{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:20px}.cost-breakdown h4{align-items:center;color:#2d3436;display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 20px}.cost-breakdown h4 svg{color:#673ab7}.breakdown-grid{gap:16px}.breakdown-grid,.breakdown-item{display:flex;flex-direction:column}.breakdown-item{gap:8px}.breakdown-bar{background:#f0f0f0;border-radius:6px;height:12px;overflow:hidden}.bar-fill{border-radius:6px;height:100%;transition:width .5s ease}.bar-fill.electricity{background:linear-gradient(90deg,#2196f3,#1976d2)}.bar-fill.gas{background:linear-gradient(90deg,#ff5722,#e64a19)}.breakdown-info{align-items:center;display:flex;gap:16px}.breakdown-label{color:#2d3436;font-size:14px;font-weight:500;min-width:100px}.breakdown-value{color:#2d3436;font-size:16px;font-weight:700}.breakdown-percent{color:#757575;font-size:14px;margin-left:auto}.reports-footer{margin-top:20px;text-align:center}.data-notice{color:#9e9e9e;font-size:12px;font-style:italic;margin:0}@media (max-width:768px){.consumption-reports{margin:10px;padding:16px}.reports-header{align-items:flex-start}.reports-controls,.reports-header{flex-direction:column}.summary-cards{grid-template-columns:1fr}.summary-card{flex-wrap:wrap}.card-cost{margin-left:auto}.energy-buttons,.period-buttons{flex-wrap:wrap}.energy-buttons button,.period-buttons button{border-radius:8px!important;flex:1 1;justify-content:center}.breakdown-info{flex-wrap:wrap}.breakdown-percent{margin-left:0;text-align:right;width:100%}}.popupContent{animation:popupFadeIn .25s ease-out;border-radius:12px;box-shadow:0 8px 32px #00000040;overflow:hidden;padding:0}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.popupHeader{align-items:center;background-color:#4caf50;color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.popupHeader h2{font-size:1.25rem;font-weight:600;margin:0}.popupCloseBtn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .2s;width:32px}.popupCloseBtn:hover{background:#fff6}.popupContent .MuiTableCell-head{color:#555;font-size:.875rem;font-weight:600;padding:12px 16px;white-space:nowrap}.popupContent .MuiTableCell-body{font-size:.875rem;padding:10px 16px;white-space:nowrap}.popupContent .MuiTable-root{border-spacing:0}.popupContent .MuiTableBody-root .MuiTableRow-root:nth-child(2n){background-color:#f9f9f9}.popupContent .MuiTableBody-root .MuiTableRow-root{transition:background-color .15s}.popupContent .MuiTableBody-root .MuiTableRow-root:hover{background-color:#e8f5e9}.popupContent .MuiTableContainer-root .MuiPaper-root{box-shadow:none}.deleteIcon{color:#999;cursor:pointer;transition:color .2s}.deleteIcon:hover{color:#e53935}.timeline-chart{height:clamp(220px,55vw,360px);max-width:100%;overflow:hidden;width:100%}.timeline-chart .apexcharts-canvas,.timeline-chart .apexcharts-graphical,.timeline-chart .apexcharts-inner,.timeline-chart .apexcharts-svg{max-width:100%!important;width:100%!important}.dashedDivider{border-bottom:2px dashed #000;border-top:1px dashed #eee;margin:20px}.addButton{background-color:#8dc63f;border-radius:410px;color:#fff}@media (max-width:428px){.addButton{color:#fff;margin-left:0;margin-right:auto}}.userCard{background-color:"#FFFFFF";display:flex;padding:10px}.username{color:"#2E2E2E"}.userActions{display:flex}.pageContainer{background-color:"#f8f9fa";min-height:100vh}.contentContainer{background-color:#f9f8fa;box-shadow:none!important;transition:all .3s}.pageTitle{font-size:24px;font-weight:700}.uploadButton{background-color:#8dc63f;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.confirmationContainer{box-shadow:0 0 10}.dropzone{align-items:center;background-color:#fff;border:3px dashed grey;display:flex;height:300px;justify-content:center;margin-top:30px;width:90%}.dropzone p{color:#555;font-size:18px;text-align:center}.active{background-color:#f8f9fa}.documentGrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:30px}.documentCard{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px}.documentName{color:#333;font-size:18px;font-weight:700;text-decoration:none}.documentActions{display:flex;justify-content:flex-end;margin-top:10px}.deleteButton,.downloadButton{background-color:#8dc63f;border:none;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;margin-left:10px;padding:8px 16px}.deleteButton:hover,.downloadButton:hover{background-color:#8dc63f}.userCardDetailUser{elevation:4;align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0003;flex:1 1;margin:10px;padding:20px}.userCardContainerDetailUser{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.userCardColumnDetailUser{display:flex;flex-direction:column}.detailUserContainerDetailUser{background-color:#eee;padding:20px;transition:all .3s}.userCardEditUser{elevation:4;align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0003;flex:1 1;margin:10px;padding:20px}.userCardContainerEditUser{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.userCardColumnEditUser{display:flex;flex-direction:column}.detailUserContainerEditUser{background-color:#eee;padding:20px;transition:all .3s}.userCardAddUser{elevation:4;align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0003;flex:1 1;margin:10px;padding:20px}.userCardContainerAddUser{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.userCardColumnAddUser{display:flex;flex-direction:column}.detailUserContainerAddUser{background-color:#eee;padding:20px;transition:all .3s}.confirmationModal{display:flex;position:fixed}.confirmationContainer{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000004d;padding:20px}.confirmationText{color:#272727}.confirmationButtons{justify-content:flex-end}.cancelButton,.confirmButton{border-radius:4px;padding:10px 20px}.confirmButton{background-color:#235266;color:#fff}.cancelButton{background-color:#272727;color:#fff}.addButton,.supplierCard{border-radius:4px}.supplierCard{elevation:4;align-items:center;background-color:"#FFFFFF";box-shadow:0 2px 4px #0003;display:flex;flex:1 1;margin:10px;padding:10px}.suppliername{color:"#2E2E2E";font-weight:700}.supplierActions{display:flex;flex-direction:row}.userCardes{elevation:4;align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0003;flex:1 1;margin:10px;padding:20px}.dividerdashed{border-bottom:2px dashed #000;border-top:1px dashed #eee;margin:20px}.ContractCard{elevation:4;align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0003;flex:1 1;margin:10px;padding:10px}.userCardas,.userCardees{elevation:4;align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0003;flex:1 1;margin:10px;padding:20px}.formContainer{margin:20px}.container{background-color:"#f0f2f5";flex-direction:row}.filterRow{align-items:flex-start;display:flex;flex-direction:row;margin-bottom:10px}@media (max-width:768px){.filterRow{flex-direction:column}}.filterContainer{display:flex;flex-direction:column;margin-bottom:10px;margin-right:10px}.filterLabel{font-weight:700;margin-bottom:5px}.filterInput{border:1px solid;border-radius:4px;height:20px;padding:5px;width:200px}.addButton{background-color:"#8dc63f";margin-bottom:10px;margin-left:auto;padding:10px 20px}.addButton,.buttonstyleR33{border:solid;border-radius:10px;box-shadow:0 4px 6px #0000001a}.buttonstyleR33{background-color:#fff;color:#8dc63f;font-weight:500;margin-left:10px;max-width:33%;padding:10px 15px}@media (max-width:428px){.addButton{margin-left:0;margin-right:auto}}.contractCard{elevation:4;align-items:center;background-color:"#FFFFFF";border-radius:4px;box-shadow:0 2px 4px #0003;display:flex;flex:1 1;margin:10px;padding:10px}.contractname{font-weight:700}.contractname,.email{color:"#2E2E2E"}.contractActions{display:flex;flex-direction:row}.confirmationModal{align-items:center;background-color:#00000080;bottom:0;justify-content:center;left:0;position:absolute;right:0;top:0}.confirmationText{color:"#FFFFFFF";font-size:18px;font-weight:700;margin-bottom:20px}.confirmationButtons{display:flex;flex-direction:row}.confirmButton{background-color:"#235266";margin-right:10px}.cancelButton,.confirmButton{border-radius:4px;padding:10px 20px}.cancelButton{background-color:"#272727"}.cancelButtonText,.confirmButtonText{color:"#FFFFFF";font-weight:700}.actionIconEdit{color:#8dc63f}.actionIconDelete{color:red}.userCarddc{elevation:4;align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0003;flex:1 1;margin:10px;padding:10px}.contractName{font-weight:700}.contractDescription,.contractName{color:#000;margin-bottom:10px}.contractCategory{color:#000}.updateButton{background-color:#2196f3}.userCardec{elevation:4;align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0003;flex:1 1;margin:10px;padding:20px}.userCardContainerec{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.userCardColumnec{display:flex;flex-direction:column}.typeToggleButton.active{background-color:#2196f3;border-color:#2196f3;color:#fff;cursor:default}.typeToggleButton:disabled{background-color:#e5e7eb;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed;opacity:.6}.typeToggle{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.typeToggleButton{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-weight:600;padding:8px 12px}.typeToggleButton.active,.typeToggleButton:disabled{background-color:#8dc63f;border-color:#8dc63f;color:#fff;cursor:default}.pageContainerSP{background-color:"#f8f9fa";display:flex}.userCardRequestsolarSP{elevation:4;align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0003;padding:20px;width:100%}.userCardRequestColumnssolarSP{display:flex;flex-direction:row;gap:20px;width:100%}.userCardColumnsolarSP{padding:20px;width:100%}.addressFieldsContainerSP{align-items:flex-start;display:flex;gap:20px}.userCardColumnsolarSP{flex:1 1;width:50%}.addressFieldsColumnSP{display:flex;flex:1 1;flex-direction:column;gap:10px}@media (max-width:500px){.userCardRequestColumnssolarSP{flex-direction:column;gap:0}.userCardColumnsolarSP{padding:10px;width:100%}.addressFieldsColumnSP{gap:10px}.contentContainersolarSP{background-color:#f9f8fa;box-shadow:none;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px;transition:all .3s;width:80%}.parentContainer{align-items:center;display:flex;flex-direction:column}.userCardRequestsolarSP{width:100%}.textColumnsolar{margin-top:20px;width:100%}}.pageContainerCleaning{display:flex;flex:1 1}.userCardRequestsolarCleaning{elevation:4;align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0003;padding:20px;width:100%}.userCardRequestColumnssolarCleaning{display:flex;flex-direction:row;gap:20px;width:100%}.userCardColumnsolarCleaning{padding:20px;width:100%}.addressFieldsContainerCleaning{align-items:flex-start;display:flex;gap:20px}.userCardColumnsolarCleaning{flex:1 1;width:50%}.addressFieldsColumnCleaning{display:flex;flex:1 1;flex-direction:column;gap:10px}@media (max-width:500px){.userCardRequestColumnssolarCleaning{flex-direction:column;gap:0}.userCardColumnsolarCleaning{padding:10px;width:100%}.addressFieldsColumnCleaning{gap:10px}.contentContainersolarCleaning{box-shadow:none;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px;transition:all .3s;width:80%}.contentContainersolarCleaning{background-color:#f9f8fa;display:flex}.parentContainer{align-items:center}.parentContainer{display:flex;flex-direction:column}.userCardRequestsolarCleaning{width:100%}.textColumnsolar{margin-top:20px;width:100%}}.pageContainerBoiler{background-color:"#f8f9fa";display:flex}.userCardRequestsolarBoiler{elevation:4;align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0003;padding:20px;width:100%}.userCardRequestColumnssolarBoiler{display:flex;flex-direction:row;gap:20px;width:100%}.userCardColumnsolarBoiler{padding:20px;width:100%}.addressFieldsContainerBoiler{align-items:flex-start;display:flex;gap:20px}.userCardColumnsolarBoiler{flex:1 1;width:50%}.addressFieldsColumnBoiler{display:flex;flex:1 1;flex-direction:column;gap:10px}.css-1u3bzj6-MuiFormControl-root-MuiTextField-root{width:100%!important}@media (max-width:500px){.userCardRequestColumnssolarBoiler{flex-direction:column;gap:0}.userCardColumnsolarBoiler{padding:10px;width:100%}.addressFieldsColumnBoiler{gap:10px}.contentContainersolarBoiler{background-color:#f9f8fa;box-shadow:none;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px;transition:all .3s;width:80%}.parentContainer{align-items:center;display:flex;flex-direction:column}.userCardRequestsolarBoiler{width:100%}.textColumnsolar{margin-top:20px;width:100%}}.dividerci{border-bottom-color:#000;border-bottom-width:1px;margin:20px}.grid-container{grid-gap:20px;display:grid;gap:20px;grid-template-rows:auto auto}.grid-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:768px){.section-container{grid-template-columns:1fr}.image-column,.image-columnthree,.image-columntwo,.text-column,.text-columnthree,.text-columntwo{padding:5% 10%;text-align:center}.green-divider{margin:0 auto;width:80px}.image-column{order:2}.text-column{order:1}.image-columntwo{order:4}.text-columntwo{order:3}.image-columnthree{order:6}.text-columnthree{order:5}.hide-on-mobile{display:block}}.listleft{align-items:start;padding:30px 30px 50px}.titleContract{font-size:24px}.greenbg{background-color:#d5e6ce;border-radius:10px;color:#3d3e3d}.paddingClassGreen{padding:20px 30px}.paddingClass{padding:30px 30px 100px}.css-13vtz3x-MuiPaper-root-MuiTableContainer-root{box-shadow:0 #fff!important;color:#fff}.popupContent{box-shadow:0 #fff!important}.css-13vtz3x-MuiPaper-root-MuiTableContainer-root{background-color:#fff;border:none;border-radius:4px;box-shadow:0;box-shadow:0 0 10px #ffffff80;color:#000000de;overflow-x:auto;transition:box-shadow .3s cubic-bezier(.4,0,.2,1) 0ms;width:100%}.MyContractsDetail_userCard__vmLWn{elevation:4;align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0003;flex:1 1;margin:10px;padding:20px}.MyContractsDetail_contentContainer__27vUn{flex:1 1;padding:20px}.partnerContainer{align-items:center;display:flex;flex-direction:column;padding:20px;width:100%}.partnerLogoName{display:flex;height:30vh;margin-bottom:20px;width:80%}.partnerLogoBox{align-items:center;display:flex;justify-content:center;width:50%}.partnerLogo{max-width:300px}.partnerNameBox{align-items:center;display:flex;width:50%}.partnerName{font-size:32px;padding:20px}.divider-partners{background:#4caf50;height:1px;margin-bottom:20px;width:80%}@media (max-width:768px){.section-container{grid-template-columns:1fr}.image-column,.text-column{padding:5% 10%;text-align:center}.green-divider{margin:0 auto;width:80px}.image-column{order:2}.text-column{order:1}.image-columntwo{order:4}.text-columntwo{order:3}.image-columnthree{order:6}.text-columnthree{order:5}}.green-background{background-color:#f9f8fa}.image-grid{grid-gap:100px;align-items:center;display:grid;gap:100px;grid-template-columns:repeat(2,1fr);justify-content:space-between;padding:5% 10%}.section-image{display:block}.text-with-background{background-color:#8dc63f;border:none;border-radius:10px;bottom:0;box-shadow:0 4px 6px #0000001a;color:#fff;font-weight:500;left:50%;padding:10px 15px;position:absolute;text-align:center;transform:translateX(-50%);width:50%}.text-image-combo{display:inline-block;position:relative}@media (max-width:768px){.section-container{grid-template-columns:1fr}.image-column,.text-column{padding:5% 10%;text-align:center}.green-divider{margin:0 auto;width:80px}.image-column{order:2}.text-column{order:1}.image-columntwo{order:4}.text-columntwo{order:3}.image-columnthree{order:6}.text-columnthree{order:5}.image-grid{grid-gap:50px;align-items:center;display:grid;gap:50px;grid-template-columns:repeat(1,1fr);justify-content:space-between;padding:5% 10%}}.section-container1{grid-gap:20px;display:grid;gap:20px;grid-template-columns:3fr 2fr;margin-bottom:40px}.text-column1{background-color:#f9f8fa;display:flex;flex-direction:column;justify-content:center;padding:20px}.squareContainerStyles1{align-items:left;display:flex;flex-wrap:wrap;justify-content:left;margin-top:20px;width:100%}.text-columnthree1,.text-columntwo1{background-color:#f9f8fa;display:flex;flex-direction:column;justify-content:center;padding:20px 15% 20px 10%}.green-divider1{background-color:#8dc63f;height:4px;margin-bottom:10px;width:80px}.section-title1{font-size:40px;margin-bottom:10px}.section-paragraph1{font-size:18px;margin-bottom:16px;text-align:left}.image-column-energycomparison1{align-items:flex-start;background-color:#f9f8fa;display:flex;justify-content:flex-start;padding:20px}.image-columnthree1,.image-columntwo1{align-items:center;display:flex;justify-content:flex-start;padding-left:10%;padding-right:10%;padding-top:5%}.section-image1{border-radius:8px;max-height:100%;max-width:100%}.icon-text-container1{margin-bottom:10px}.icon-text-container1,.square1{align-items:center;display:flex;flex-direction:column;justify-content:center}.square1{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;height:100px;margin:10px;padding:30px;width:150px}@media (max-width:480px){.squareContainer1{flex-direction:column}.section-title1{font-size:28px;margin-bottom:10px}.squareContainerStyles1{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;width:100%}}@media (max-width:768px){.section-container1,.squareContainer1{grid-template-columns:1fr}.image-column1,.text-column1{padding:5% 10%;text-align:center}.green-divider1{margin:0 auto;width:80px}.squareContainerStyles1{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;width:100%}}p{margin:0;text-align:left}.pageContainerE{display:flex;flex:1 1}.MuiBox-root>div:nth-of-type(2){margin:20px 0}.MuiBox-root>div:nth-of-type(2)>div>div>div>label:first-of-type{transform:none}@media (max-width:500px){.css-m5vj9m-MuiStepper-root{display:none}.userCardRequestColumnssolar{flex-direction:column;gap:0}.userCardColumnsolar{padding:10px;width:100%}.addressFieldsColumn{gap:10px}.contentContainersolar{background-color:#f9f8fa;box-shadow:none;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px;transition:all .3s;width:80%}.parentContainer{align-items:center;display:flex;flex-direction:column}.userCardRequestsolar{width:100%}.textColumnsolar{margin-top:20px;width:100%}.squareNoti{margin-left:20px;margin-right:20px;margin-top:20px}}.squareNoti{align-items:flex-start;background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;margin-top:15px;padding:20px;position:relative}.greenLine{background-color:#8dc63f;border-radius:0 0 10px 10px;bottom:0;height:4px;left:0;position:absolute;width:100%}@media (max-width:812px){.squareNoti{margin-top:5px}}@media (max-width:500px){.squareNoti{margin-left:20px;margin-right:20px;margin-top:-35px}}.pageContainerG{display:flex;flex:1 1}.userCardRequestsolar{elevation:4;align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0003;padding:20px;width:100%}.userCardRequestColumnssolar{display:flex;flex-direction:row;gap:20px;width:100%}.userCardColumnsolar{flex:1 1;padding:20px;width:100%;width:50%}@media (max-width:500px){.userCardRequestColumnssolar{flex-direction:column;gap:0}.userCardColumnsolar{padding:10px;width:100%}.addressFieldsColumn{gap:10px}.contentContainersolar{background-color:#f9f8fa;box-shadow:none;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px;transition:all .3s;width:80%}.parentContainer{align-items:center;display:flex;flex-direction:column}.userCardRequestsolar{width:100%}.textColumnsolar{margin-top:20px;width:100%}}.SectionHeroColored{align-items:center;animation:color 12s ease-in-out infinite;background:linear-gradient(45deg,#8dc63f,#269b66,gold);background-position:50%;background-size:300% 300%;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px;color:#fff;display:flex;flex-direction:column;height:200px;justify-content:center;margin-bottom:40px;overflow:hidden;padding-bottom:30px;position:relative;text-align:center}.SubText{font-size:18px;margin:0}.SectionHeroColored:before{background-color:#8dc63f;bottom:0;content:"";height:-20px;left:0;position:absolute;right:0}.chartContainer{display:flex;justify-content:center;margin-bottom:20px}.chartSquare{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:400px;margin:0 auto;max-width:400px;padding-left:10px;padding-top:15px;position:relative;width:100%}.squareContainer{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr 1fr 1fr;margin:20px 200px}@media (max-width:1500px){.squareContainer{gap:10px;grid-template-columns:1fr 1fr 1fr;margin:20px 150px}}@media (max-width:750px){.squareContainer{gap:10px;grid-template-columns:1fr 1fr;margin:20px 50px}}@media (max-width:500px){.squareContainer{gap:10px;grid-template-columns:1fr;margin:20px 25px}}.square{justify-self:center}.buttonstyle33A{background-color:#fff;border-color:#8dc63f;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#8dc63f;font-weight:500;margin-bottom:20px;max-width:33%;padding:10px 15px}.buttonArticle{-webkit-appearance:none;appearance:none;background-color:initial;border:2px solid #8dc63f;border-radius:4px;box-shadow:none;box-sizing:border-box;color:#8dc63f;cursor:pointer;display:inline-flex;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;line-height:1.75;margin:0;min-width:84px;outline:0;padding:.6rem 1.5rem;position:relative;text-decoration:none;text-transform:none;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms;-webkit-user-select:none;user-select:none;vertical-align:middle;width:100%}.beursdata,.buttonArticle{align-items:center;justify-content:center}.beursdata{display:flex}@media screen and (max-width:810px){.dashboardContainer{flex-direction:column}.chartContainer{margin-bottom:10px}}.pageContainer{display:flex;flex:1 1}.contentContainer{flex:4 1}.updateButton{margin-left:auto}.flex-align-bottom{align-items:end;display:flex}.userCardContact{elevation:4;align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0003;margin:10px;padding:20px}.userCardContainerMyProfile{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.userCardColumnMyProfile{display:flex;flex-direction:column}.flex{display:flex;flex-direction:row;gap:10px}@media (max-width:450px){.userCardContainerMyProfile{display:block}.userCardColumnMyProfile{margin-bottom:20px}}.address-card{margin:20px 0;padding:10px 20px}.card-header{display:flex;justify-content:space-between}.buttonstyleR33Q{background-color:#fff;border:solid #8dc63f;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#8dc63f;font-weight:500;margin-left:20px;padding:10px 15px}.address-card:hover .edit-buttons{display:block}.error-message{color:red;font-size:14px;margin-top:5px}.userCard{align-items:flex-start;width:40%}.userCardsRow{align-items:flex-start;display:flex}.heroColored{align-items:center;animation:color 12s ease-in-out infinite;background:linear-gradient(45deg,#8dc63f,#269b66,gold);background-position:50%;background-size:300% 300%;border-bottom-left-radius:20px;border-bottom-right-radius:20px;color:#fff;display:flex;flex-direction:column;height:300px;justify-content:center;overflow:hidden;position:relative;text-align:center}.heroColored:before{background-color:#fff;bottom:0;content:"";height:-20px;left:0;position:absolute;right:0}.full-page-background{background-color:#f8f9fa;display:flex;flex-direction:column;min-height:100vh}.page-container{align-items:center;display:flex;flex:1 1;flex-direction:column;width:100%}.content-container{background-color:#f8f9fa;max-width:800px;padding:20px;width:100%}.featured-image{margin-bottom:20px;text-align:center}.featured-image img{border-radius:8px;height:auto;max-width:100%}.blog-content{color:#333;line-height:1.6}.blog-content p{font-size:18px;margin-bottom:20px}.blog-content h2{font-size:1.5rem;margin-bottom:15px;margin-top:30px}.section-containera{display:grid;grid-template-columns:1fr 1fr}.section-container-full{gap:20px;margin-bottom:40px;padding-left:5%;padding-right:5%}.text-columna{background-color:#f9f8fa;display:flex;flex-direction:column;justify-content:center;padding-left:10%;padding-right:15%}.section-paragraph-full{font-size:18px}@media (max-width:768px){.content-container{padding:15px}.blog-content h2{font-size:1.25rem}.section-container{grid-template-columns:1fr}.image-column,.text-column{padding:5% 10%;text-align:left}.green-divider{margin:0 auto;width:80px}.image-column{order:2}.text-column{order:1}}.containersolar{display:flex;flex:1 1}.parentContainer{display:flex}.sidebarContainersolar{background-color:#f9f8fa;flex:1 1;width:20%}.parentContainer{width:100%}.pageContainerF{display:flex;flex:1 1}.contentContainersolar{background-color:#f9f8fa;box-shadow:none;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px;transition:all .3s;width:80%}.userCardRequestsolarF{elevation:4;align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0003;padding:20px;width:100%}.userCardRequestColumnssolarF{display:flex;flex-direction:row;gap:20px;width:100%}.userCardColumnsolarF{flex:1 1;width:50%}.textColumnsolar{background-color:#f9f8fa;padding:20px;width:20%}.columnFill{display:flex;flex:1 1;flex-direction:column;gap:10px}.formContainersolar{margin-top:20px}.labelsolar{font-size:16px;font-weight:700;margin-bottom:10px}.inputsolar{border-color:#ccc;border-radius:5px;border-width:1px;height:20px;margin-bottom:20px;padding:10px}.dropdownsolar{display:flex;flex-direction:row;margin-bottom:20px}.optionsolar{background-color:#f0f0f0;border:none;border-radius:5px;cursor:pointer;margin-right:10px;padding:10px 15px}.selectedOptionsolar{background-color:#ccc}.updateButtonsolar{background-color:#2196f3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:10px 20px}.errorMessagesolar{color:red;margin-bottom:10px}.dividersolar{border-bottom:1px solid #000;margin:20px}.labelsolar{display:block}.addressFieldsContainer{align-items:flex-start;display:flex;gap:20px}.addressFieldsColumn{display:flex;flex:1 1;flex-direction:column;gap:10px}.addressField{width:100%}.textColumnElement{align-self:flex-start}@media (max-width:812px){.contentContainersolar{background-color:#f9f8fa;box-shadow:none;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px;transition:all .3s;width:80%}}@media (max-width:500px){.userCardRequestColumnssolar{flex-direction:column;gap:0}.userCardColumnsolarF{padding:10px;width:100%}.columnFill{gap:10px}.contentContainersolar{background-color:#f9f8fa;box-shadow:none;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px;transition:all .3s;width:80%}.parentContainer{align-items:center;display:flex;flex-direction:column}.userCardRequestsolar{width:100%}.textColumnsolar{margin-top:20px;width:100%}}.userCardDetailAddressUser{elevation:4;align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0003;flex:1 1;margin:10px;padding:20px}.userCardContainerDetailAddressUser{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.userCardColumnDetailAddressUser{display:flex;flex-direction:column}.dividerDashedDetailAddressUser{border-bottom:2px dashed #000;border-top:1px dashed #eee;margin:20px}.contentContainer{padding:20px}.label{margin-bottom:5px}.text{margin-bottom:20px}.editButtonTop{background-color:green;border-radius:4px;color:#fff;font-weight:700;margin-left:auto;padding:10px 20px}.dividerDashed{border-bottom:2px dashed #000;border-top:1px dashed #eee;margin:20px}.userCard{elevation:4;align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0003;flex:1 1;margin:10px;padding:20px}.username{color:#000;font-weight:700}.email,.energysuppliername,.userName{color:#000;margin-bottom:10px}.userName{font-weight:700}.userDescription{color:#000;margin-bottom:10px}.userCategory{color:#000}.userActions{flex-direction:row}.editButtonLabel{color:#fff;font-weight:700}.userCardContainer{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.userCardColumn{display:flex;flex-direction:column}.detailUserContainer{background-color:#eee;padding:20px;transition:all .3s}.userCardEditAddressUser{elevation:4;align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0003;flex:1 1;margin:10px;padding:20px}.userCardContainerEditAddressUser{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.userCardColumnEditAddressUser{display:flex;flex-direction:column}.dividerDashedEditAddressUser{border-bottom:2px dashed #000;border-top:1px dashed #eee;margin:20px}.addressPropertiesSection{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:12px;margin-top:24px;padding:24px}.sectionTitle{border-bottom:2px solid #8dc63f;color:#334155;font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:12px}.propertiesGrid{display:flex;flex-direction:column;gap:24px}.switchGroup{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:16px;padding:16px}.switchGroup .MuiFormControlLabel-root{border-radius:8px;margin:0;padding:8px 16px;transition:background-color .2s}.switchGroup .MuiFormControlLabel-root:hover{background-color:#f1f5f9}.solarSection{align-items:center;background-color:#fff;border-left:4px solid #f59e0b;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:20px;padding:16px}.solarInputs{display:flex;gap:12px;margin-left:16px}.energyTypeSection{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:20px;padding:16px}.submitSection{display:flex;justify-content:center;margin-top:24px}.submitSection .updateButton{background:linear-gradient(135deg,#8dc63f,#6ba32a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 48px;transition:transform .2s,box-shadow .2s}.submitSection .updateButton:hover:not(:disabled){box-shadow:0 4px 12px #8dc63f66;transform:translateY(-2px)}.submitSection .updateButton:disabled{background:#cbd5e1;cursor:not-allowed}@media (max-width:400px){.userCardContainer{align-items:stretch;display:block!important;flex-direction:column}.userCardColumn{margin-bottom:20px}.solarInputs,.switchGroup{flex-direction:column}.solarInputs{margin-left:0;margin-top:12px}.energyTypeSection{flex-direction:column}}.contentContainer{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0003}.updateButton{background-color:"#8dc63f";border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-bottom:10px;margin-left:0;margin-right:auto}.divider{border-bottom:1px solid #000}.userCardAddAddressUser{elevation:4;align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0003;flex:1 1;margin:10px;padding:20px}.userCardContainerAddAddressUser{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.userCardColumnAddAddressUser{display:flex;flex-direction:column}.dividerDashedAddAddressUser{border-bottom:2px dashed #000;border-top:1px dashed #eee;margin:20px}.custom-link1,.custom-link2{color:grey;font-size:smaller;padding:10px;text-decoration:none}.login-button{background-color:#8dc63f;border-radius:10px;width:150px}body,html{height:100%;margin:0;padding:0}.login-page{display:flex;height:100vh}.login-background{align-items:center;animation:color 12s ease-in-out infinite;background:linear-gradient(45deg,#8dc63f,#269b66,gold);background-size:300% 300%;display:flex;flex:7 1;justify-content:center}.login-logo{height:auto;width:150px}.login-form{align-items:center;background-color:#fff;display:flex;flex:3 1;flex-direction:column;justify-content:center;width:100%}.title{color:#333;font-size:1.8rem;margin-bottom:10px}p{color:#666;font-size:.9rem;margin-bottom:20px}.form-group{margin-bottom:15px;width:80%}.login-button{background-color:#4caf50;border:none;border-radius:3px;color:#fff;cursor:pointer;font-weight:700;margin:10px auto;padding:10px;transition:background-color .3s ease;width:33%}.login-button:hover{background-color:#45a049}.custom-link1{color:grey;display:inline-block;font-size:smaller;margin-top:10px;text-decoration:none}.error-text{color:red;font-size:.9rem;margin-top:10px;text-align:center}@media (max-width:600px){.login-page{flex-direction:column-reverse}.login-form{align-items:center;flex:7 1;width:100%}}@keyframes color{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}iframe{height:100%;max-height:100%;max-width:100%;width:100%}.pageContainerFlu{background-color:"#f8f9fa";display:flex}.contentContainerFlu{elevation:4;align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0003;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:10px;padding:10px}@media (max-width:768px){.section-container{grid-template-columns:1fr}.image-column,.text-column{padding:5% 10%;text-align:center}.green-divider{margin:0 auto;width:80px}.image-column{order:2}.text-column{order:1}.image-columntwo{order:4}.text-columntwo{order:3}.image-columnthree{order:6}.text-columnthree{order:5}.section-title{font-size:28px;margin-bottom:10px}}.section-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:40px}.iconlist-spacing{margin-bottom:20px}.iconlist-spacing a{align-items:center;color:#000;display:inline-flex;text-decoration:none}.iconlist-spacing a:hover{color:#8dc63f}.iconlist-spacing a span{color:#8dc63f;display:inline-block;font-size:20px;margin-right:5px}.text-column,.text-columnthree,.text-columntwo{background-color:#f9f8fa;display:flex;flex-direction:column;justify-content:center;padding:20px 15% 20px 10%}.green-divider{background-color:#8dc63f;height:4px;margin-bottom:10px;width:80px}.section-title{font-size:32px;margin-bottom:10px}.section-paragraph{font-size:18px}.image-column,.image-columnthree,.image-columntwo{align-items:center;display:flex;justify-content:flex-start;padding-left:10%;padding-right:10%;padding-top:5%}.section-image{border-radius:8px;max-height:100%;max-width:100%}@media (max-width:768px){.section-container{grid-template-columns:1fr}.image-column,.image-columnthree,.image-columntwo,.text-column,.text-columnthree,.text-columntwo{padding:5% 10%;text-align:center}.green-divider{margin:0 auto;width:80px}.image-column{order:2}.text-column{order:1}.image-columntwo{order:4}.text-columntwo{order:3}.image-columnthree{order:6}.text-columnthree{order:5}}.container{display:flex;flex:1 1}.sidebarContainer{background-color:#f0f0f0;flex:1 1;width:20%}.contentContainer{elevation:4;align-items:center;background-color:#eee;flex:1 1;margin:10px;padding:10px}.formContainer{margin-top:20px}.label{font-size:16px;font-weight:700;margin-bottom:10px}.input{border-color:#ccc;border-radius:5px;border-width:1px;height:20px;padding:10px}.dropdown,.input{margin-bottom:20px}.dropdown{display:flex;flex-direction:row}.option{background-color:#f0f0f0;border:none;border-radius:5px;cursor:pointer;margin-right:10px;padding:10px 15px}.selectedOption{background-color:#ccc}.updateButton{background-color:#8dc63f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:10px 20px}.errorMessage{color:red;margin-bottom:10px}.divider{border-bottom:2px dashed #000;border-top:1px dashed #eee;margin:20px}.label{display:block}.form-group{margin-bottom:10px}.userCardac{elevation:4;align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0003;flex:1 1;margin:10px;padding:20px}.userCardContainerac{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.userCardColumnac{display:flex;flex-direction:column}.PricesAndAbbos_pageContainer__4uXvK{background-color:#f8f9fa;display:flex;min-height:100vh}.PricesAndAbbos_contentContainer__9s7az{background-color:#fff;flex:1 1;padding:20px}.PricesAndAbbos_productsGrid__7Nw9E{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:20px}.PricesAndAbbos_productCard__3RaWs{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px;text-align:center;transition:transform .2s}.PricesAndAbbos_productCard__3RaWs:hover{transform:scale(1.05)}.PricesAndAbbos_productImage__ppJcr{border-radius:4px;height:200px;object-fit:cover;width:100%}.PricesAndAbbos_button__Om5it{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .2s}.PricesAndAbbos_button__Om5it:hover{background-color:#0056b3}.popupContainer{z-index:999}.popupContainer,.popupOverlay{height:100%;left:0;position:fixed;top:0;width:100%}.popupOverlay{background-color:#000000b3}.popupContent{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0003;display:flex;flex-direction:column;left:50%;max-height:90%;max-width:90%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:auto;z-index:1000}.popupContent button{margin-top:10px}.popupContent .MuiTableContainer-root{flex:1 1;overflow-x:auto}.popupContent .MuiTableCell-body,.popupContent .MuiTableCell-head{white-space:nowrap}.popupContent .MuiTableCell-body:first-child,.popupContent .MuiTableCell-head:first-child{min-width:150px}.popupContent .MuiTableContainer-root .MuiPaper-root{border:none}.popupContent .MuiTable-root{border-collapse:initial;border-spacing:0 2px}.popupContent .MuiTableRow-root{border-bottom:none;border-top:1px solid #e0e0e0}.popupContent .MuiTableRow-root:last-child{border-bottom:1px solid #e0e0e0}@media (max-width:600px){.popupContent{width:90%}}.ContractOverview_pageContainerE__KNiYM{background-color:#f8f9fa;display:flex;min-height:100vh}.ContractOverview_contentContainer__Dmikr{background-color:#f8f9fa;box-shadow:none;flex:1 1;padding:20px;transition:all .3s}.ContractOverview_squareContainer__IroFz{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}.ContractOverview_square__H8Usq{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:200px;justify-content:center;margin:10px;padding:100px 50px;width:200px}.ContractOverview_squarePreferred__2HdFs{border:5px solid;border-image:linear-gradient(45deg,#269b66,gold) 1;position:relative}.ContractOverview_preferredText__2\+bim{background:linear-gradient(45deg,#269b66,gold);border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#fff;font-size:18px;font-weight:700;left:50%;padding:10px 20px;position:absolute;text-align:center;top:-30px;transform:translateX(-50%);z-index:1}.ContractOverview_button__Wtd1B{align-items:center;background-color:initial;border:1px solid #d3e6f3;border-radius:4px;color:#121f43;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;padding:.6rem 1.5rem;position:relative;transition:background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1);width:100%}.ContractOverview_vregLink__oFiJb{display:inline-block;font-size:.9rem;line-height:1.1;margin-bottom:6px;position:relative;z-index:2}.ContractOverview_vregLink__oFiJb a{color:#0b6dd1;font-weight:700;pointer-events:auto;text-decoration:underline}.faq-container{align-items:center;background-color:#f8f9fa;display:flex;flex-direction:column;min-height:100vh;padding:20px}.faq-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;max-width:800px;width:100%}.faq-item{background-color:#fff;border-radius:5px;box-shadow:0 4px 6px #0000001a;cursor:pointer;padding:15px;transition:background-color .3s ease}.faq-item:hover{background-color:#f0f0f0}.faq-question{color:#333;font-size:16px;font-weight:700}.faq-answer{color:#555;font-size:14px;padding-top:10px;transition:max-height .3s ease-in-out}@media (max-width:768px){.faq-grid{grid-template-columns:1fr}}.whatsapp-floating{align-items:center;background:#25d366;border-radius:50%;bottom:calc(24px + env(safe-area-inset-bottom, 0px));box-shadow:0 10px 22px #0000002e;color:#fff;display:inline-flex;height:56px;justify-content:center;position:fixed;right:24px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;width:56px;z-index:3000}.whatsapp-floating:hover{box-shadow:0 12px 26px #00000038;transform:translateY(-2px)}@media (max-width:480px){.whatsapp-floating{bottom:calc(16px + env(safe-area-inset-bottom, 0px));height:48px;right:16px;width:48px}}
/*# sourceMappingURL=main.ac412107.css.map*/