:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}body{margin:0;padding:0;min-height:100vh;width:100%;overflow-x:hidden;padding-left:var(--sal);padding-right:var(--sar)}a{font-weight:500;color:var(--primary-color);text-decoration:inherit}a:hover{color:var(--primary-color);opacity:.8}button{border-radius:var(--border-radius);border:1px solid transparent;padding:.6em 1.2em;font-size:var(--font-size-md);font-weight:500;font-family:inherit;background-color:var(--background-paper);cursor:pointer;transition:border-color var(--transition-fast)}button:hover{border-color:var(--primary-color)}button p.wrr-app-cache-rizt0-MuiTypography-root{font-weight:700!important}#root{width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.data-card{background:var(--background-paper);border-bottom:1px solid var(--border-color);transform:translate(0);will-change:transform,box-shadow,background-color,border-bottom-color;transition:all .4s var(--transition-curve);border-radius:var(--border-radius);margin-bottom:var(--spacing-sm)}.data-card:last-child{margin-bottom:30px;border-bottom:none}.data-card:hover{transform:translate(8px);box-shadow:var(--shadow-hover);background-color:#cdd7ff;border-bottom-color:#0003}.card-action-area{width:100%}.card-action-area:hover{background:transparent}.card-action-area .MuiCardActionArea-focusHighlight{background-color:transparent}.card-content{padding:var(--spacing-lg);width:100%;max-width:100%;box-sizing:border-box}.card-layout{display:flex;align-items:center;gap:var(--spacing-lg);width:100%;max-width:100%;margin:0 auto;box-sizing:border-box;padding:0 16px}.card-avatar{width:48px;height:48px;font-size:1.2rem;font-weight:500;flex-shrink:0}.card-avatar[data-index="0"]{background-color:var(--avatar-color-1)}.card-avatar[data-index="1"]{background-color:var(--avatar-color-2)}.card-avatar[data-index="2"]{background-color:var(--avatar-color-3)}.card-avatar[data-index="3"]{background-color:var(--avatar-color-4)}.card-avatar[data-index="4"]{background-color:var(--avatar-color-5)}.card-main-content{flex:1;min-width:0}.card-header{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 600px){.card-title{font-size:var(--font-size-md)}}.card-consumption{text-align:right;min-width:100px;color:var(--primary-color);font-weight:600;font-size:var(--font-size-md);margin-left:var(--spacing-lg);flex-shrink:0}.card-description{font-size:var(--font-size-sm);opacity:.8;line-height:1.4;color:var(--text-secondary);margin-top:var(--spacing-sm)}.card-additional,.card-none{display:none}.notDirect .card-none,.notDirectDetail .card-none{display:inline-block}.card-additional-info{margin-top:var(--spacing-sm);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500}.notDirect .card-additional,.notDirectDetail .card-additional{background-color:#9dc1fb;border:1px solid #000;padding:4px;font-size:13px;display:inline-block}@media (max-width: 600px){.notDirect .card-additional{display:table;margin-top:5px}.notDirect .card-none{display:none}.notDirectDetail .card-additional,.notDirectDetail .card-none{display:inline-block}}.card-chevron{color:var(--text-disabled);opacity:.5;transform:translate(0);transition:all .4s var(--transition-curve);flex-shrink:0}.data-card:hover .card-chevron{transform:translate(4px);color:var(--primary-color);opacity:1}@media (max-width: 600px){.card-content{padding:var(--spacing-md)}.card-layout{gap:var(--spacing-md);padding:0 var(--spacing-md)}}@media (min-width: 601px){.card-layout{padding:0}}@media (max-width: 600px){.card-layout{padding-left:0;padding-right:0}}.animated-layout-container{width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden;background:var(--background-default)}.animated-layout-page{width:100%;height:100%;position:absolute;left:0;top:0;overflow:auto;-webkit-overflow-scrolling:touch}.animated-layout-content{width:100%;height:100%;position:relative;background:inherit;display:flex;flex-direction:column}:root{--slide-transition-stiffness: 50;--slide-transition-damping: 20;--slide-transition-mass: 1}.page-transition{width:100%;height:100%;position:fixed;left:0;top:0;background:var(--background-paper)}.page-transition-content{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}:root{--page-transition-stiffness: 300;--page-transition-damping: 30;--page-transition-opacity-duration: .2s}.sliding-layout{width:200%;height:calc(100vh - 140px);display:flex;position:absolute;top:116px;left:0;transition:left var(--transition-normal) ease-out;background-color:var(--background-default);z-index:1}@media (min-width: 768px){.sliding-layout{top:140px}}.sliding-layout[data-view=detail]{left:-100%}.sliding-layout[data-view=main]{left:0}.sliding-layout-page{width:50%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.app-container{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--background-default);position:relative}.app-content{flex:1;position:relative;overflow-x:hidden}.page-container{display:flex;flex-direction:column;min-height:100vh;width:100%;position:relative;background-color:var(--background-default);overflow-y:auto;overflow-x:hidden}.content-container{flex:1;display:flex;flex-direction:column;position:relative;z-index:1;max-width:800px;margin:0 auto;width:100%;padding:0 var(--spacing-md);padding-bottom:var(--spacing-xl)}.center-content{display:flex;justify-content:center;align-items:center;flex:1;flex-direction:column;gap:var(--spacing-lg)}.list-container{display:flex;flex-direction:column;width:100%;padding:var(--spacing-md) 0}.status-text{text-align:center;max-width:300px;font-size:var(--font-size-sm)}.wrr-app-cache-1i4ywhz-MuiCollapse-wrapperInner{padding-top:10px}@media (min-width: 601px){.content-container{padding:0 var(--spacing-lg)}}.detail-card{transform:none!important;padding-bottom:30px}.detail-card:hover{transform:none!important;box-shadow:none!important;background-color:var(--background-paper)!important;border-bottom-color:var(--border-color)!important}.accordion-container{display:flex;flex-direction:column;gap:1rem}.accordion-header{background-color:#9dc1fb;transition:background-color .2s ease}.accordion-header:hover{background-color:#4d90fa}.accordion-title{font-weight:800}.accordion-content{display:flex;flex-direction:column;gap:1rem}.accordion-dates-row{display:flex;justify-content:space-between;align-items:center}.accordion-dates-column{display:flex;flex-direction:column;gap:.5rem}.accordion-dates-column.right{align-items:flex-end}.accordion-metrics-row{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.accordion-metrics-column{display:flex;flex-direction:column;gap:.5rem;flex:1}.accordion-metrics-column.center{align-items:center}.accordion-metrics-column.right{align-items:flex-end}.accordion-subtitle{font-weight:600;color:var(--text-secondary)}.MuiAccordion-root+.MuiAccordion-root{margin-top:1rem}.year-container{background-color:#f5f5f5;border-radius:8px;overflow:hidden;margin-bottom:1rem}.year-header{background-color:#9dc1fb;padding:12px 16px}.year-header.current{background-color:#4caf50}.year-header.current .year-title{color:#fff}.year-title{font-weight:600;color:#333;display:flex;justify-content:space-between;align-items:center}.year-dates{font-weight:800px;font-size:.9em;opacity:.9}.year-header.current .year-dates{color:#fff}.year-content{padding:16px}.year-metrics-row{display:flex;justify-content:flex-start;gap:24px;width:100%}.year-metrics-column{flex:1;display:flex;flex-direction:column;gap:4px}.year-subtitle{font-weight:700}.contract_cont{font-weight:700;color:#323232}.card-main-content h6{font-weight:700;color:#7b7b7b}@media (max-width: 600px){.year-metrics-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%}.year-metrics-column{flex:none;width:100%}}.year-metrics-column.center{text-align:center}.year-metrics-column.right{text-align:right}.year-subtitle{color:#666;font-weight:600}.total-values-container{margin:.5rem 0;padding:1rem;background-color:#f8f9fa;border-radius:8px}.total-values-row{display:flex;justify-content:space-between;gap:24px}.total-value-column{flex:1;display:flex;flex-direction:column;gap:4px}.total-value-column.center{text-align:center}.total-value-column.right{text-align:right}.total-value-subtitle{color:#666;font-weight:800}.total-value{font-size:1.1rem;font-weight:600;color:#333}.datetTo{font-weight:400;margin:0 1px}.filter-button{display:flex;align-items:center;justify-content:center}@media (max-width: 600px){.header-container{padding:var(--spacing-sm) 0}.header-row{padding:0 var(--spacing-sm)}.header-row.sub-header{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs)}}.header-container{width:100%;padding:var(--spacing-md) 0;margin-bottom:var(--spacing-md);background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;position:relative;z-index:1000}.header-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 var(--spacing-md);position:relative}.header-row.sub-header{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.app-title{position:relative;transform-style:preserve-3d;perspective:1000px}.app-title:after{content:"ConStat";position:absolute;left:0;bottom:-12px;width:100%;transform:rotateX(60deg) scaleY(-.8) translate(3px) skew(-25deg);opacity:.3;background:linear-gradient(180deg,#3182ce 0%,transparent 70%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:blur(.5px)}@media (min-width: 601px) and (max-width: 960px){.header-container{padding:var(--spacing-md) 0}.header-row{padding:0 var(--spacing-lg)}.app-title{font-size:1.75rem}}@media (min-width: 961px){.header-container{width:50%;margin-left:auto;margin-right:auto}.header-row{padding:0 var(--spacing-xl)}.app-title{font-size:2rem}}.subheader-container{font-weight:800}@media (max-width: 600px){.header-container{padding:var(--spacing-sm) 0}.header-row{padding:0 var(--spacing-sm)}.app-title{font-size:1.25rem}}.mobile-layout{display:none;flex-direction:column;width:100%}.mobile-row{width:100%;margin-bottom:16px;display:flex;justify-content:center;align-items:center;text-align:center}.mobile-row .subheader-container{margin-right:6px}.drr-metrics{display:flex;flex-direction:row;width:100%;gap:16px}.mobile-row2,.mobile-row3{flex:1;min-width:0}.mobile-row2,.mobile-row3{width:50%;padding:0 8px;display:flex;flex-direction:column;box-sizing:border-box}.mobile-row3{align-items:flex-end;text-align:right}@media (max-width: 899px){.mobile-layout{display:flex}}.desktop-layout{display:flex;flex-direction:row;justify-content:space-between;width:100%}@media (max-width: 899px){.mobile-layout{display:flex}.desktop-layout{display:none}}@media (min-width: 900px){.mobile-layout{display:none}.desktop-layout{display:flex}}* Contract Details Layout */ .contract-details-desktop{display:flex;flex-direction:row;gap:24px}.contract-details-mobile{display:flex;flex-direction:column;gap:16px}.contract-detail-item{flex:1}.contract-detail-mobile-row{display:flex;flex-direction:row;gap:16px}@media (max-width: 899px){.contract-details-desktop{display:none}.contract-details-mobile{display:flex}}@media (min-width: 900px){.contract-details-mobile{display:none}.contract-details-desktop{display:flex}}.notes-container span{font-size:13px;margin-right:10px;font-weight:600;display:block}.back-btn{position:fixed;bottom:24px;left:calc(51% - 384px);background-color:#6200ec;color:#fff;padding:8px 12px 8px 8px;border-radius:8px;cursor:pointer;z-index:999;font-weight:700;font-size:14px;box-shadow:0 2px 6px #0000004d;display:flex;align-items:center;gap:8px;transition:background-color .3s ease,opacity .4s ease,transform .4s ease,left .4s ease,bottom .4s ease;transform:translateY(8px);opacity:0;pointer-events:none}.back-btn.show{opacity:1;pointer-events:auto;transform:translateY(0)}.back-btn:hover{background-color:#4b00b5}@media (max-width: 600px){.back-btn{left:16px;bottom:16px}}:root{--primary-color: #1976d2;--text-primary: rgba(0, 0, 0, .87);--text-secondary: rgba(0, 0, 0, .6);--text-disabled: rgba(0, 0, 0, .38);--border-color: rgba(0, 0, 0, .12);--hover-bg: rgba(25, 118, 210, .04);--background-default: #fffbef;--background-paper: #ffffff;--avatar-color-1: #FF725E;--avatar-color-2: #4CAF50;--avatar-color-3: #2196F3;--avatar-color-4: #9C27B0;--avatar-color-5: #FF9800;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.1rem;--shadow-light: 0 1px 3px rgba(0, 0, 0, .12);--shadow-medium: 0 2px 4px rgba(0, 0, 0, .12);--shadow-hover: 0 4px 20px rgba(0, 0, 0, .08);--border-radius: 4px;--border-radius-lg: 8px;--transition-fast: .2s;--transition-normal: .5s;--transition-slow: .8s;--transition-curve: cubic-bezier(.34, 1.56, .64, 1);--mobile-width: 600px}