.calculator-container{--color-primary:#4CB2DC;--color-text-main:#2E2E30;--color-text-secondary:#565657;--color-text-light:#9B9EA6;--color-border:#E7EBF0;--color-background:#F8F8F8;--color-white:#FFF;--color-error:#FF0000;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--border-radius-sm:4px;--border-radius-md:6px;--border-radius-lg:8px}#calcForm{display:flex;flex-direction:column;gap:var(--spacing-md)}.group-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:var(--border-radius-lg);background:var(--color-background);gap:var(--spacing-md);padding:var(--spacing-md)}.group{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.group label{font-family:'Proxima Nova';font-weight:700;font-size:16px;color:var(--color-text-secondary)}.group input,.group select{border:1px solid var(--color-border)!important;background:var(--color-white);border-radius:var(--border-radius-sm)!important;font-family:'Proxima Nova';font-weight:500;font-size:16px;line-height:24px;color:var(--color-text-main);padding:var(--spacing-xs) var(--spacing-md)!important;height:42px!important}.group input:disabled,.group.disabled{cursor:not-allowed;opacity:.7}.input-unit{display:flex;align-items:center}.input-unit input{border-radius:var(--border-radius-sm) 0 0 var(--border-radius-sm)!important}.input-unit .unit{padding:var(--spacing-xs) var(--spacing-sm);font-family:'Proxima Nova';font-weight:500;font-size:16px;line-height:24px;background:var(--color-background);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;border:1px solid var(--color-border);height:42px!important}.date-selector-wrapper{display:grid;gap:var(--spacing-md);width:100%}.buttons{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-xs)}.button{padding:var(--spacing-sm) 14px;border:none;border-radius:var(--border-radius-md);height:48px;font-family:'Proxima Nova';font-weight:700;font-size:16px;display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs)}.button svg{width:24px;height:24px;fill:none}.button.reset{background:var(--color-background);color:var(--color-text-light)}.button.calculate{background:var(--color-primary);color:var(--color-white)}.separator{display:flex;align-items:center;text-align:center;width:100%}.separator p{font-family:'Proxima Nova';font-weight:700;font-size:16px;color:var(--color-text-light)}.separator::before,.separator::after{content:"";flex:1;border-bottom:1px solid var(--color-border)}.separator:not(:empty)::before{margin-right:var(--spacing-lg)}.separator:not(:empty)::after{margin-left:var(--spacing-lg)}.results-wrapper{display:flex;flex-direction:column;gap:var(--spacing-md)}.results{font-family:'Proxima Nova';font-weight:400;font-size:16px;color:var(--color-text-secondary);align-items:flex-start;gap:var(--spacing-xs)!important}.results p{margin:0}.legend-container ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.legend-container li{display:flex;align-items:center;gap:var(--spacing-xs)}.legend-icon-wrapper{display:flex;justify-content:center;align-items:center;min-width:30px}.error-message{font-family:'Proxima Nova';font-weight:400;font-size:16px;color:var(--color-error)}.chart-wrapper{width:100%}@media (min-width:1024px){.group-wrapper{gap:var(--spacing-lg);padding:var(--spacing-lg)}.date-selector-wrapper{grid-template-columns:repeat(2,1fr)}.chart-wrapper{height:590px}}@media (max-width:1280px){.chart-wrapper{height:490px}}@media (max-width:1023px){.group-wrapper{gap:var(--spacing-lg);padding:var(--spacing-lg)}.date-selector-wrapper{grid-template-columns:repeat(2,1fr)}.chart-wrapper{height:390px}}@media (max-width:766px){.group-wrapper{gap:var(--spacing-md);padding:var(--spacing-md)}.date-selector-wrapper{grid-template-columns:1fr}.chart-wrapper{height:290px}.buttons .button.reset{width:auto}.buttons .button.reset span{display:none}.buttons .button.calculate{width:100%}}