.To1EHG_container{background:linear-gradient(135deg,#43a7d214 0%,#e8f4f8 100%);border:2px solid #43a7d2;border-radius:20px;margin:30px 0;padding:25px;font-family:Heebo,sans-serif}.To1EHG_title{color:#436cab;text-align:start;margin:0 0 20px;font-size:20px;font-weight:700}.To1EHG_inputsGrid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.To1EHG_formGroup{background:#43a7d20a;border:1px solid #43a7d21f;border-radius:14px;flex-direction:column;gap:8px;padding:14px 16px;transition:border-color .2s;display:flex}.To1EHG_formGroup:hover{border-color:#43a7d240}.To1EHG_formLabel{color:#436cab;letter-spacing:.3px;font-size:13px;font-weight:600}.To1EHG_formInput{text-align:start;box-sizing:border-box;direction:ltr;border:1px solid #43a7d240;border-radius:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}.To1EHG_formInput:focus{border-color:#43a7d2;outline:none;box-shadow:0 0 0 3px #43a7d226}.To1EHG_chartHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.To1EHG_toggleGroup{border:1px solid #43a7d240;border-radius:10px;gap:0;display:flex;overflow:hidden}.To1EHG_toggleButton{cursor:pointer;color:#64748b;background:#fff;border:none;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,color .2s}.To1EHG_toggleButton:not(:last-child){border-inline-end:1px solid #43a7d240}.To1EHG_toggleButtonActive{color:#fff;background:#43a7d2}.To1EHG_chartCard{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:20px;padding:24px;box-shadow:0 2px 12px #0000000f}.To1EHG_chartTitle{color:#436cab;text-align:start;margin:0 0 16px;font-size:16px;font-weight:600}.To1EHG_chartWrapper{width:100%;height:350px}.To1EHG_summaryGrid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.To1EHG_summaryCard{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 2px 12px #0000000f}.To1EHG_summaryValue{margin-bottom:6px;font-size:24px;font-weight:700;display:block}.To1EHG_summaryLabel{color:#64748b;font-size:14px;display:block}.To1EHG_nonCpiColor{color:#436cab}.To1EHG_cpiColor{color:#43a7d2}.To1EHG_differencePositive{color:#22c55e}.To1EHG_differenceNegative{color:#dc2626}.To1EHG_cpiCard{cursor:default;position:relative}.To1EHG_hoverBreakdown{white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;transition:opacity .15s,visibility .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #43a7d22e}.To1EHG_cpiCard:hover .To1EHG_hoverBreakdown{opacity:1;visibility:visible}.To1EHG_breakdownRow{color:#43a7d2;justify-content:space-between;gap:16px;padding:2px 0;font-size:13px;display:flex}.To1EHG_breakdownRow span:first-child{font-weight:600}.recharts-tooltip-cursor{stroke:#e2e8f0}@media (max-width:768px){.To1EHG_inputsGrid{grid-template-columns:repeat(2,1fr)}.To1EHG_summaryGrid{grid-template-columns:repeat(3,1fr)}.To1EHG_chartWrapper{height:300px}.To1EHG_title{font-size:18px}.To1EHG_summaryValue{font-size:20px}.To1EHG_summaryLabel{font-size:13px}}@media (max-width:480px){.To1EHG_inputsGrid,.To1EHG_summaryGrid{grid-template-columns:1fr}.To1EHG_chartWrapper{height:280px}.To1EHG_chartCard,.To1EHG_summaryCard{padding:16px}.To1EHG_formInput{font-size:14px}}