.fixed-top-nav{position:fixed;top:0;width:100%;z-index:1}.page-content{padding-top:80px;width:100%;max-width:100%;overflow-x:hidden;display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){.page-content{padding-top:180px}}.icon-button{outline:none;border:none;background-color:#f7f7f7;padding:10px;border-radius:3px;cursor:pointer}.icon-button:hover{background-color:#f7f7f7}.medium{height:20px;width:20px}.large{height:40px;width:40px}.form-group{position:relative;padding:10px;border:1px solid #dddddd;border-radius:3px}.form-group>label{position:absolute;line-height:1;top:-10px;padding:0 10px;background-color:#fff}.form-group>input{margin:0;outline:none;border:none;border-radius:3px;width:calc(100% - 20px);padding:10px}.form-group>small{position:absolute;right:15px;margin-top:6px}.default:focus{background-color:#e8f2ff}.glass{background-color:#fff6;color:#fff}.glass:focus{background-color:#fff6;color:#fff}.glass::placeholder{color:#fff}.glassBlack{background-color:#fff6;color:#000}.glassBlack:focus{background-color:#fff6;color:#000}.glassBlack::placeholder{color:gray}.disabled:hover{cursor:not-allowed}*{margin:0;padding:0}.top-nav{width:100%;background-color:#fff;color:#fff;box-shadow:0 0 5px #999;padding:8px 10px;font-family:sans-serif}.top-nav-wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;width:90%;margin:0 auto}.left-nav{display:flex;align-items:center}.cvp-logo{max-height:48px;margin-right:10px}.company-detail-container{position:relative;display:flex;align-items:center;background-color:#ed6d02;padding:4px 8px;border-radius:4px;cursor:pointer}.cvp-site{max-height:46px;margin-right:8px}.company-detail-info{display:flex;flex-direction:column;text-align:left}.company-detail-info h4{font-size:1em;color:#fff}.company-detail-info small{font-size:.8em;color:#f3f4f6}.middle-nav{position:relative;width:220px;margin:0 20px;cursor:pointer}.site-dropdown-header{background:#122133;padding:8px 12px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;font-size:.95em}.dropdown-arrow{margin-left:8px;font-size:.8em}.rotate-icon{transform:rotate(180deg);transition:transform .2s ease-in-out}.site-dropdown-content{position:absolute;top:110%;left:0;width:100%;background-color:#fff;border:1px solid #ddd;box-shadow:0 4px 6px #0003;border-radius:4px;z-index:10;padding:10px;box-sizing:border-box}.site-dropdown-content input{width:100%!important;padding:8px;margin:0;box-sizing:border-box}.site-dropdown-list{list-style:none;max-height:200px;overflow-y:auto;margin-top:10px;padding:0}.site-dropdown-item{padding:8px 10px;color:#000;font-weight:600;border-bottom:1px solid #ddd;cursor:pointer;font-size:.9em}.site-dropdown-item:hover{background:#ddd}.no-sites{padding:8px 10px;color:#ccc;font-size:.9em}.right-nav{display:flex;align-items:center}.top-nav-icon-button-div{display:flex;align-items:center;cursor:pointer;padding:8px 12px;border-radius:8px;background-color:#fff;transition:box-shadow .3s ease,transform .3s ease}.top-nav-icon-button-div:hover{box-shadow:0 0 10px #0000004d;transform:scale(1.02)}.text-container{display:flex;flex-direction:column;align-items:flex-start}.dollar-label{font-size:10px;color:#555;margin:0}.dollar-value{font-size:16px;font-weight:700;color:#000;margin:0}.icon-button-wrapper{padding:5px;cursor:pointer}.account-menu-container{position:relative;margin-left:15px}.account-circle{width:48px;height:48px;background-color:#2b2a46;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.account-circle h4{color:#fff;margin:0;font-size:1.2em}.menu{position:absolute;top:110%;right:0;background:#fff;width:200px;border:1px solid #ddd;border-radius:5px;padding:10px;z-index:20;box-shadow:0 4px 6px #0003}.menu-link,.menu-link-d{display:block;padding:10px 15px;text-decoration:none;font-size:.9em;color:#000;cursor:pointer}.menu-link:hover{background-color:#f3f4f6}.menu-link-d{background-color:#e5e5e5;font-weight:700;border-bottom:1px solid #989898;pointer-events:none}@media (max-width: 768px){.top-nav-wrap{flex-direction:column;align-items:center;justify-content:center}.left-nav,.middle-nav,.right-nav{width:100%;text-align:center;margin:5px 0}.middle-nav{width:100%;max-width:300px}.right-nav{display:flex;align-items:center;flex-direction:row}.account-menu-container{margin-left:10px}.cvp-logo,.cvp-site{max-height:40px}.company-detail-info h4,.company-detail-info small{font-size:smaller}.menu{width:180px}}.dash-container{display:flex;flex-direction:column;align-items:center;width:95%;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:#0006;z-index:9999}.spinner{background:#fff;padding:12px 20px;border-radius:8px;font-weight:700;font-size:16px}.cont-chart{width:95%;margin:20px 0}.toolbar-container{display:flex;justify-content:space-between;align-items:center}.first-chart-wrapper{padding:30px;background-color:#f3f4f6;border-radius:10px;margin-bottom:20px;overflow:hidden;animation:fadeIn .5s ease forwards}.second-chart-wrapper{padding:30px;background-color:#f3f4f6;border-radius:10px;overflow:hidden;margin-bottom:20px;animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in-chart{opacity:0;animation:fadeIn .5s ease forwards}.header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:20px}.header-left{text-align:left;margin-bottom:10px}.header-right{display:flex;margin-bottom:10px}.carbon-reduction-discharge-status{display:flex;flex-direction:column;justify-content:center;padding:10px 15px;border-radius:5px;background-color:#112133;min-width:200px;transition:transform .2s ease,box-shadow .2s ease}.carbon-reduction-discharge-status:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.status-data-lable{color:gray;margin:0;font-weight:200;font-size:small;text-align:center}.status-data-value{text-align:center;color:#fff;margin:5px 0;font-weight:800;font-size:large}.chart-container{margin-top:20px;width:100%}.custom-tooltip{color:#333;padding:10px;border-radius:8px;text-align:center;font-weight:700;max-width:180px}.tooltip-value{font-size:14px;margin-bottom:5px}.tooltip-range{font-size:12px;font-weight:400;color:#666;white-space:pre-line}.options-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:20px;width:100%}.left-group{display:flex;align-items:center;flex-wrap:wrap;z-index:5}.stats-nerds-overlay{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:8px 16px;height:50px;min-width:280px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;box-shadow:0 1px 4px #0000001a;transition:all .3s ease}.stats-nerds-title{font-size:15px;font-weight:600;color:#333;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-nerds-content{display:flex;align-items:center;gap:15px}.stats-nerds-line{display:flex;flex-direction:column;align-items:flex-start;margin:0}.stats-label{font-weight:500;color:#666;font-size:13px;margin:0}.stats-value{font-weight:700;color:#111;font-size:14px;margin:0}.better-status-box{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:6px 16px;box-shadow:0 1px 4px #0000001a;margin-left:16px;min-width:280px;height:50px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.better-status-box .stats-nerds-title{font-size:15px;font-weight:600;color:#333;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.better-status-box .stats-nerds-content{display:flex;align-items:center;gap:15px}.better-status-box .stats-nerds-line{display:flex;flex-direction:column;align-items:flex-start;margin:0}.better-status-box .stats-label{font-weight:500;color:#666;font-size:13px;margin:0}.better-status-box .stats-value{font-weight:700;color:#111;font-size:14px;margin:0}.legend-toggles-container.modern-toggles{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:10px 0}.legend-toggles-column{display:flex;flex-direction:column;gap:12px}.each-list-field-container.interactive-legend{display:flex;align-items:center;background-color:#f8f9fa;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease}.each-list-field-container.interactive-legend:hover{transform:translateY(-3px);box-shadow:0 4px 8px #0000001a}.each-list-field-container.interactive-legend.active{background-color:#fff;border-color:#dbdbdb}.circle-mr-10-bg-gb-border-gb,.circle-mr-10-bg-dm-border-dm,.circle-mr-10-border-discharge-pointer,.circle-mr-10-border-charge-pointer{border-radius:50%;width:20px;height:20px;min-width:20px;min-height:20px;margin-right:10px;transition:transform .3s ease}.each-list-field-container.interactive-legend:hover .circle-mr-10-bg-gb-border-gb,.each-list-field-container.interactive-legend:hover .circle-mr-10-bg-dm-border-dm,.each-list-field-container.interactive-legend:hover .circle-mr-10-border-discharge-pointer,.each-list-field-container.interactive-legend:hover .circle-mr-10-border-charge-pointer{transform:scale(1.1)}.bg-grButton{background-color:#23892c}.bg-dgtMeter{background-color:#52c012}.bg-discharge{background-color:#feecd3}.bg-charge{background-color:#92cdcc}.hanging-status-card{margin-left:10px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 1px 4px #0000001a;padding:0 8px;font-size:12px;color:#333;cursor:default}.chart-overlay-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:10}.chart-spinner{width:48px;height:48px;border:5px solid #000000;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.underlined{margin:0;font-size:14px;font-weight:500;color:#333;text-underline-position:under}@media (max-width: 768px){.header-row{flex-direction:column;align-items:flex-start}.header-right,.carbon-reduction-discharge-status{margin-top:10px}.options-container{flex-direction:column;gap:15px}.legend-toggles-container{justify-content:center;align-items:center}.stats-nerds-overlay{width:100%}}@media (max-width: 480px){.first-chart-wrapper,.second-chart-wrapper{padding:15px;margin-bottom:15px}.header-row{flex-direction:column}.legend-toggles-container{flex-direction:column;gap:10px;align-items:center}.stats-nerds-overlay{max-width:90%;max-height:250px}}.dash-container::-webkit-scrollbar{display:none}.select-btn{display:flex;justify-content:space-between;align-items:center;background:#112133;color:#fff;border:none;outline:none;min-width:250px;padding:10px;border-radius:5px;text-align:left}.btn>.icon{width:20px}.flex.ma-c{display:flex;justify-content:center}.dropdown-wrapper{position:absolute;z-index:0;min-width:230px;overflow:hidden;border-radius:5px;box-shadow:0 8px 16px #0003;margin-top:3px;width:250px}.dropdown-container{background-color:#112133;color:#fff;min-width:230px;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgb(255,255,255) rgb(0,0,0);padding:10px}.item{margin:5px;padding:10px 5px;border-radius:3px;transition:background-color .1s ease}.item:hover{background-color:#23495e}.small-font{font-size:9px}.animate{width:35px}.animate-loading-circle{border:2px solid rgba(0,0,0,.1);width:20px;height:20px;border-radius:50%;border-left-color:#fff;animation:spin 1s linear infinite}.switch-button{display:flex;border-radius:8px;overflow:hidden;background:#fff;border:1px solid #ddd;width:auto}.switch-button-option{flex:1;padding:12px 24px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:600;color:#555;transition:all .3s ease;letter-spacing:.5px}.switch-button-option:hover{background:#1221331a;color:#122133;border-radius:8px}.switch-button-option.active{background:#122133;color:#fff;box-shadow:0 0 10px #12213380;border-radius:8px}.tool-container{width:220px}.tool-container-wrap{display:flex;flex-direction:column;justify-content:flex-start;padding:15px}.date-time-title{margin:0;padding-bottom:5px}.each-item-container{display:flex;align-items:center;margin:3px 0}.circle{width:16px;height:16px;border-radius:10px;margin-right:5px}.bg-gb{background-color:#23892c;border:1px solid black}.bg-rm{background-color:#52c012;border:1px solid #43b13e}.bg-dm{background-color:#92cdcc;border:1px solid black}.bg-ddm{background-color:#feecd3;border:1px solid #FAC46B}.each-item-data-container{display:flex;flex-direction:column;padding:5px}.bg-gray{align-items:flex-start}.data-text{margin:0;padding:0}.main-sett-container{display:flex;flex-direction:row;width:90%;padding-top:100px}.main-sett-sub-container{display:flex;flex-direction:column;padding:30px 20px 0}.nav-left{min-width:250px}.nav-menu-div{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:5px}.icons{height:1.2em;margin-right:1.2em}.router-link-style{display:block;margin-top:10px;padding:7px 20px;text-decoration:none;color:#000;transition:background-color .2s ease}.router-link-style-active{background-color:#f3f4f6;border-radius:5px;display:block;margin-top:10px;padding:7px 20px;text-decoration:none}.router-link-style:hover{background-color:#f3f4f6;border-radius:5px;transition:background-color .4s ease}.scroll-bar{overflow-y:scroll;padding:0 20px;width:100%;-ms-overflow-style:none;scrollbar-width:none}.scroll-bar::-webkit-scrollbar{display:none}.container-item{width:100%;max-width:900px;padding:30px 20px 20px}@media screen and (max-width: 768px){.main-sett-container{display:flex;flex-direction:column;width:90%;padding-top:100px}}.flex{display:flex;justify-content:center;align-items:center}.ca-c{align-content:center}.small{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 30px;height:40px;outline:none;cursor:pointer;border:0;border-radius:3px;transition:background-color .3s ease}.small:disabled{cursor:not-allowed}.orange{color:#fff;background-color:#ed6d01}.orange:hover{background-color:#ff7500}.gray{color:#000;background-color:#f3f4f6}.gray:hover{background-color:#eaeaea}.grey{flex-direction:row;color:#000;background-color:#f3f4f6}.grey:hover{background-color:#eaeaea}.white{color:#000;background-color:#fff}.w-gray{color:gray;background-color:#fff}.animate,.no-wrap{width:45px;height:100%}.no-wrap{white-space:nowrap}.ac-main-container{display:flex;flex-direction:column;margin:0}.box{display:flex;flex-direction:column;padding:20px;border:1px solid #ddd;border-radius:3px;margin-bottom:10px}.contact-box{display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.05);border-radius:5px;padding:10px;margin-top:20px;background-color:#f3f4f6;cursor:pointer}.name-with-icon-div{display:flex;justify-content:space-between;align-items:center}.pt-5{padding-top:5px}.mb-10{margin-bottom:10px}.subtitle{padding-top:10px;line-height:1.3em;font-size:15px}.pointer{cursor:pointer}.flex-col{display:flex;flex-direction:column}.small-button{padding:10px 20px;background-color:#f3f4f6;border:none;cursor:pointer;border-radius:5px}.small-button.gray:hover{background-color:#ddd}.mt-40{margin-top:40px}.flex{display:flex;align-items:center}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.ml-70{margin-left:70px}.ma-c{justify-content:center}.pl-20{padding-left:20px}@media screen and (max-width: 768px){.box,.contact-box{padding:15px}.name-with-icon-div h4,.subtitle{font-size:14px}.small-button{padding:8px 15px}.mt-20,.mb-20,.ml-70{margin-top:15px;margin-bottom:15px;margin-left:20px}.pl-20{padding-left:15px}.icons{width:20px;height:20px}}[type=radio]:not(:checked),[type=radio]:checked,[type=checkbox]:not(:checked),[type=checkbox]:checked{width:0;opacity:0}[type=radio]:not(:checked)+label,[type=radio]:checked+label,[type=checkbox]:not(:checked)+label,[type=checkbox]:checked+label{position:relative;padding-left:35px;line-height:1.4em;cursor:pointer}[type=radio]:not(:checked)+label:before,[type=radio]:checked+label:before,[type=checkbox]:not(:checked)+label:before,[type=checkbox]:checked+label:before{content:"";position:absolute;top:0;left:0;width:1.4em;height:1.4em;background-color:#fff;border:1px solid #dddddd;border-radius:3px}[type=radio]:not(:checked)+label:after,[type=radio]:checked+label:after,[type=checkbox]:not(:checked)+label:after,[type=checkbox]:checked+label:after{content:"✓";position:absolute;top:.75em;left:.45em;color:green;line-height:0;-webkit-transition:all .2s;transition:all .2s}[type=radio]:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0) rotate(45deg);transform:scale(0) rotate(45deg)}[type=radio]:checked+label:after,[type=checkbox]:checked+label:after{opacity:1;-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}.ss-main-container{display:flex;flex-direction:column;padding:20px}.ss-sub-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ops-div{display:flex;flex-direction:column;border-bottom:2px solid #000}.ops-status-div{display:flex;align-items:center;justify-content:flex-start}.ops-status-right-div{display:flex;flex-direction:column;padding-right:10px;padding-top:10px}.ops-status-border{border-bottom:1px solid #000}.list-cont{padding:30px 0}.order-list{display:flex;justify-content:space-between;align-items:center}.list-div{display:flex;justify-content:center;align-items:center;background-color:#f3f4f6;border-radius:10px;padding:10px}.capacity-div{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;padding-left:20px;padding-right:20px}.progressbar{list-style:none;margin:0;padding:0;display:flex;overflow-x:scroll;justify-content:center;text-align:center}.subbox-div{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;padding:10px}.icon{margin-bottom:5px;height:40px}.progressbar li{position:relative;width:100%}.progressbar li:before{content:"✓";width:30px;height:30px;line-height:30px;border:2px solid #ddd;border-radius:100%;background-color:#fff;color:#ddd;position:absolute;z-index:1}.progressbar li:after{content:"";position:absolute;height:2px;width:100%;background-color:#ddd;top:15px;left:-30%;z-index:0}.progressbar li:first-child:after{content:none}.progressbar li:last-child:before{content:">"}.progressbar li.active{color:green}.progressbar li.active:before{background-color:green;border-color:green;color:#fff}.progressbar li.active+li:after{background-color:green}h3{line-height:1.6em}h5{line-height:1.4em}.circle{width:12px;height:12px;border-radius:7px}.li-text{margin:40px 0 0 35px}.ml-40{margin-left:40px}.bg-green{background-color:#c9c9c9}.bg-prim-dark{background-color:#333}@media screen and (max-width: 768px){.ss-sub-container,.order-list,.progressbar{flex-direction:column;align-items:stretch}.list-div,.subbox-div{flex-direction:column;align-items:center;text-align:center}.capacity-div,.progressbar li{flex-direction:column}.ops-status-border,.list-div,.subbox-div,.progressbar li{padding:10px;margin-bottom:10px}.icon{width:30px;height:30px;margin-bottom:10px}.progressbar li:before{width:20px;height:20px;line-height:20px}.progressbar li:after{top:10px;width:90%;left:-45%}h3,h4,h5,small{font-size:smaller}.li-text,.ml-40{margin-left:0;padding:5px}.ops-div,.list-cont{padding:0}}.cvps-main-container{display:flex;flex-direction:column}.doc-container{display:flex;flex-direction:column;margin:0}.doc-main-title,.doc-main-subtitle{margin:10px 0}.doc-main-containder{display:flex;justify-content:space-between;border-radius:10px;padding:20px;margin-top:40px;box-shadow:0 10px 30px #eff2f7}.doc-row{padding:20px 0;border-bottom:1px solid rgba(239,242,247,1)}.w-10{width:10%;object-fit:cover}.pdf-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.pdf-modal-content{background:#fff;padding:20px;box-shadow:0 4px 6px #0000001a;width:80%;max-width:800px;height:80vh;position:relative;display:flex;flex-direction:column;border-radius:10px}iframe{flex-grow:1;border:none}.close-button{margin-top:10px;align-self:flex-end;padding:10px 20px;background-color:#007bff;color:#fff;border:none;cursor:pointer;transition:background-color .2s}.bill-links-pdf-modal{display:flex;align-items:center}.download-pdf-link-container{display:flex;align-items:center;margin-right:10px}.download-pdf-link{display:flex;padding:0;margin:0;align-items:center}.divider{margin:0 10px}@media screen and (max-width: 768px){.pdf-modal-content{background:#fff;padding:10px;box-shadow:0 4px 6px #0000001a;width:70%;max-width:800px;height:60vh;position:relative;display:flex;flex-direction:column;border-radius:10px}.bill-links-pdf-modal .download-pdf-link-container .download-pdf-link{display:block}.only-statement-download{display:none}}@media screen and (min-width: 769px){.bill-links-pdf-modal .download-pdf-link-container .download-pdf-link{display:none}.only-statement-download{display:block}}.video-bg{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-2;-ms-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%);filter:blur(10px);-webkit-filter:blur(5px)}.content-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:1}.main-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.auth-container{display:flex;background-color:#fff}.micronoc-logo{height:20px;width:100}.poweredby-div{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.change-pass-container,.change-pass-sub-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.poweredby-div{display:flex;justify-content:center;align-items:center;padding-bottom:20px}.change-pass-title{display:flex;width:70%;margin-bottom:10px;margin-top:10px}.flex{display:flex}.ma-c{margin:auto}.vh-100{height:100vh}.t-white{color:#fff}@media screen and (max-height: 400px){.cvp-logo,h2{display:flex}}.navigation-panel{position:fixed;top:10px;right:10px;background:#fff;width:40%;max-width:800px;min-width:300px;height:calc(100vh - 20px);border-radius:10px;box-shadow:0 4px 12px #00000026;overflow:hidden;display:flex;flex-direction:column;animation:slideInRight .5s ease forwards;z-index:100}.navigation-panel.closing{animation:slideOutRight .5s ease forwards}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f2f2f2;border-bottom:1px solid #ddd}.panel-title{margin:0;font-size:20px;font-weight:600;color:#333}.panel-header-close{cursor:pointer;transition:transform .2s ease}.panel-header-close:hover{transform:scale(1.1)}.panel-content{flex:1;overflow-y:auto;padding:20px}.billing-summary{background:#eef5ff;border-radius:8px;padding:20px;margin-bottom:20px;text-align:center;animation:fadeIn .4s ease}.balance-title{font-size:16px;color:#555;margin-bottom:5px}.balance-amount{font-size:36px;font-weight:700;color:#333;margin:0}.button-container{margin-top:15px}.view-pdf-button{background:#ed6c03;color:#fff;border:none;border-radius:6px;padding:12px 20px;font-size:16px;cursor:pointer;transition:background .3s ease}.view-pdf-button:hover{background:#d55a00}.toggle-section{margin-bottom:20px}.bills-table-container{width:100%;overflow-x:auto;border-radius:8px}.invoice-table{width:100%;border-collapse:collapse;border-radius:8px;animation:fadeIn .4s ease}.invoice-table th,.invoice-table td{padding:12px;text-align:left;border-bottom:1px solid #f0f0f0}.invoice-table th{background:#f9f9f9;font-weight:600;color:#555}.invoice-table tr:hover{background:#f1f7ff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1024px){.navigation-panel{width:50%}.balance-amount{font-size:32px}.view-pdf-button{font-size:14px;padding:10px 16px}}@media (max-width: 768px){.navigation-panel{width:70%}.panel-header{padding:12px 15px}.panel-title{font-size:18px}.panel-content,.billing-summary{padding:15px}.balance-title{font-size:14px}.balance-amount{font-size:28px}.view-pdf-button{font-size:14px;padding:8px 14px}.invoice-table th,.invoice-table td{padding:10px;font-size:12px}}@media (max-width: 480px){.navigation-panel{width:90%;left:5%;right:5%}.panel-header{padding:10px}.panel-title{font-size:16px}.panel-content,.billing-summary{padding:10px}.balance-amount{font-size:24px}.view-pdf-button{font-size:12px;padding:6px 10px}.invoice-table th,.invoice-table td{padding:8px;font-size:10px}}.bill-row{transition:background .2s ease}.bill-row:hover{background:#f9fbfd}.bill-date{font-weight:500;color:#777;font-size:14px}.bill-activity{padding:5px 0;font-size:14px}.bill-actions{display:flex;flex-direction:column}.bill-activity-title{font-size:16px;font-weight:600;color:#333;margin-bottom:5px}.bill-links{display:flex;align-items:center;gap:5px;font-size:14px;color:#0073e6;cursor:pointer}.bill-link{transition:color .2s ease}.bill-link:hover{color:#005bb5}.divider{color:#bbb}.download-icon{width:16px;height:16px;vertical-align:middle;margin-right:4px}@media (max-width: 768px){.bill-date{font-size:12px}.bill-activity-title{font-size:14px}.bill-links{font-size:12px}.download-icon{width:14px;height:14px}}@media (max-width: 480px){.bill-date{font-size:10px}.bill-activity-title{font-size:12px}.bill-links{font-size:10px}.download-icon{width:12px;height:12px}}.presentation-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;color:#fff;display:flex;align-items:center;justify-content:center;z-index:9999}.close-button{position:absolute;top:10px;right:10px;padding:15px 18px;background-color:#292929;border:none;height:30px;width:30px;display:flex;align-items:center;justify-content:center;border-radius:20px;cursor:pointer;color:#fff;font-size:1em}.close-button:hover{background-color:#ff851a}.carbon-reduction-discharge-status{display:flex;flex-direction:row;align-items:stretch;background-color:#112133;border-radius:5px}.carbon-reduction-discharge-status>div{flex:1;display:flex;flex-direction:column;justify-content:center;padding:5px 10px;border-radius:5px 0 0 5px;margin-right:0}.carbon-reduction-discharge-status>div:last-child{margin-right:0}.status-data-lable{color:gray;margin:0;font-weight:200;font-size:small}.status-data-value{color:#fff;margin:0;font-weight:800;font-size:large}.status-data-title{color:#fff;margin:0;font-weight:500;font-size:small}@media screen and (orientation: landscape){.carbon-reduction-discharge-status{margin-left:10px}}@media screen and (max-width: 768px){.carbon-reduction-discharge-status{margin-top:10px}}.notification-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;width:auto;max-width:90%;padding:10px}.notification-box{display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:3px;overflow:hidden;box-shadow:0 10px 30px #969696}.icon{padding:10px;height:30px}.error-box{border-bottom:5px solid red}.success-box{border-bottom:5px solid green}@media screen and (max-width: 600px){.notification-container{left:50%;transform:translate(-50%);max-width:80%}}.outer{position:fixed;z-index:2;top:0;left:0;height:100%;width:100%;background-color:#00000080}.main-subouter{display:flex;justify-content:center;align-items:center}.form-cont{overflow-y:scroll;background-color:#fff;padding:25px;width:35vw;min-width:400px}.flag{width:20px;margin-right:5px}.refresh{width:15px;margin-right:5px}.title-container{display:flex;justify-content:space-between;width:100%}.flex-col-container{display:flex;flex-direction:column}.verify-container{display:flex;justify-content:center;align-items:center}.verify-input{margin-top:30px;margin-bottom:10px}.resend-code-container{display:flex;align-items:center;padding-top:10px;cursor:pointer}.contact-form-container{width:100%;display:flex;margin:30px 0 5px;flex-direction:column;align-items:center}.form-container{background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;padding:30px;width:400px;text-align:center;animation:fadeIn .3s ease-in-out}.modal-title{font-size:1.8rem;font-weight:600;color:#333;margin-bottom:20px}.contact-form-container{margin-top:20px}.contact-info{margin-bottom:15px;font-size:1.2rem;color:#333}.contact-name{font-weight:700;color:#333}.contact-role{font-weight:400;font-size:1rem;color:#888}.contact-details{margin-top:10px}.contact-item{display:flex;align-items:center;justify-content:center;margin-bottom:15px}.contact-icon{width:20px;height:20px;margin-right:10px;filter:invert(45%) sepia(0%) saturate(0%) hue-rotate(138deg) brightness(91%) contrast(85%)}.contact-text{font-size:1rem;color:#333}.button-container{margin-top:20px}.cancel-button{padding:10px 20px;background:#f5f5f5;border:none;border-radius:6px;font-size:1rem;color:#333;cursor:pointer;transition:all .3s ease}.cancel-button:hover{background:#e0e0e0;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 768px){.form-container{width:90%;padding:20px}.modal-title{font-size:1.5rem}.contact-name{font-size:1.1rem}.contact-text{font-size:.95rem}.flag{width:30px;height:20px;margin-right:10px}}.fullScreenLoading{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000000b3;z-index:9999}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.select-site-content{display:flex;flex-direction:column;align-items:center;width:90%;max-width:500px;color:#fff;padding:40px}.poweredby-div{display:flex;align-items:center;margin-bottom:20px}.poweredby-div small{margin-right:8px;font-size:.9em}.micronoc-logo{height:40px;object-fit:contain}.site-list{list-style:none;width:100%;max-height:300px;overflow-y:auto;margin-top:20px;padding:0}.site-item{background:#fff3;margin:10px 0;padding:15px;border-radius:8px;cursor:pointer;transition:background .3s,transform .2s}.site-item:hover{background:#ffffff59;transform:translateY(-3px)}.no-sites{margin-top:20px;font-size:1.1em}@media (max-width: 768px){.select-site-content{padding:20px;max-width:90%}.micronoc-logo{height:30px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;flex:auto;flex-direction:column;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus{outline:none;border:none}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}