.BalanceEnergyDashboard{display:grid;gap:18px;color:var(--textColor)}.BalanceEnergyDashboard *{box-sizing:border-box}.BalanceEnergyHero,.BalanceEnergySettings,.BalanceEnergyToolbar,.BalanceEnergyCard{border:1px solid var(--mainPageBorderColor);border-radius:12px;background:var(--mainPageCardBgColor)}.BalanceEnergyHero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;background:linear-gradient(120deg,var(--mainPageCardBgColor),color-mix(in srgb,var(--activeElementBgColor) 16%,var(--mainPageCardBgColor)))}.BalanceEnergyHero span{color:var(--activeElementBgColor);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.BalanceEnergyHero h3,.BalanceEnergyCard h4,.BalanceEnergySettings h4{margin:4px 0 6px}.BalanceEnergyHero p,.BalanceEnergyCardHeader p,.BalanceEnergySettings p{margin:0;opacity:.68}.BalanceEnergyDashboard button,.BalanceEnergyDashboard input{min-height:38px;padding:8px 11px;border:1px solid var(--mainPageBorderColor);border-radius:8px;color:var(--textColor);background:var(--mainPageButtonBgColor)}.BalanceEnergyDashboard button{cursor:pointer}.BalanceEnergyDashboard button:hover,.BalanceEnergyDashboard button.Active{border-color:var(--activeElementBgColor);background:var(--activeElementHoverColor)}.BalanceEnergyDashboard button.Primary{border-color:var(--activeElementBgColor);background:var(--activeElementBgColor);font-weight:650}.BalanceEnergySettings{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px}.BalanceEnergySettingsForm,.BalanceEnergySettingsForm label{display:flex;align-items:center;gap:8px}.BalanceEnergySettingsForm input{width:120px}.BalanceEnergyToolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.BalanceEnergyToolbar>div{display:flex;flex-wrap:wrap;gap:7px}.BalanceEnergyToolbar>span{font-size:.82rem;opacity:.68}.BalanceEnergyStatus{padding:12px 14px;border:1px solid var(--activeElementBgColor);border-radius:8px}.BalanceEnergyKpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.BalanceEnergyKpi{position:relative;display:grid;gap:4px;min-width:0;padding:15px;border:1px solid var(--mainPageBorderColor);border-radius:11px;background:var(--mainPageCardBgColor);overflow:hidden}.BalanceEnergyKpi::before{position:absolute;top:0;right:0;left:0;height:3px;background:var(--activeElementBgColor);content:""}.BalanceEnergyKpi.Deficit::before{background:#54bf8b}.BalanceEnergyKpi.Surplus::before{background:#e07171}.BalanceEnergyKpi span{font-size:.76rem;opacity:.68}.BalanceEnergyKpi strong{overflow:hidden;font-size:clamp(1.25rem,2.2vw,1.9rem);text-overflow:ellipsis;white-space:nowrap}.BalanceEnergyKpi small{opacity:.62}.BalanceEnergyGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.BalanceEnergyWide{grid-column:1/-1}.BalanceEnergyCard{min-width:0;padding:16px}.BalanceEnergyCardHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.BalanceEnergyLegend{display:flex;gap:12px;font-size:.78rem}.BalanceEnergyLegend span::before{display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:50%;content:""}.BalanceEnergyLegend .Intake::before{background:#e5ae45}.BalanceEnergyLegend .Expense::before{background:#6fa8dc}.BalanceEnergyChart{width:100%;min-height:250px;overflow:hidden}.BalanceEnergyChart svg{display:block;width:100%;height:250px}.BalanceGridLine{stroke:var(--mainPageBorderColor);stroke-width:1}.BalanceAxis{fill:var(--textColor);font-size:11px;opacity:.6}.BalanceLine{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.BalanceIntakeLine{stroke:#e5ae45}.BalanceExpenseLine{stroke:#6fa8dc}.BalancePoint{fill:var(--mainPageCardBgColor);stroke-width:3}.BalanceBarDeficit{fill:#54bf8b}.BalanceBarSurplus{fill:#e07171}.BalanceZeroLine{stroke:var(--textColor);stroke-width:1;opacity:.5}.BalanceEmpty{display:grid;place-items:center;min-height:220px;border:1px dashed var(--mainPageBorderColor);border-radius:8px;text-align:center;opacity:.62}.BalanceEnergyDistribution,.BalanceEnergyTrainingSummary{display:grid;gap:12px;align-content:start;min-height:230px}.BalanceDistributionRow{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(100px,1.3fr) 45px;align-items:center;gap:8px}.BalanceTrack{height:11px;border-radius:999px;background:var(--mainPageBodyBgColor);overflow:hidden}.BalanceFill{height:100%;border-radius:inherit}.BalanceFill.Deficit{background:#54bf8b}.BalanceFill.Balanced{background:#e5ae45}.BalanceFill.Surplus{background:#e07171}.BalanceTrainingMetric{display:grid;grid-template-columns:1fr auto;gap:4px;padding:11px;border-bottom:1px solid var(--mainPageBorderColor)}.BalanceTrainingMetric strong{font-size:1.1rem}.BalanceTrainingMetric small{grid-column:1/-1;opacity:.62}.BalanceEnergyTableWrap{overflow-x:auto}.BalanceEnergyTable{width:100%;border-collapse:collapse}.BalanceEnergyTable th,.BalanceEnergyTable td{padding:10px;border-bottom:1px solid var(--mainPageBorderColor);text-align:left;white-space:nowrap}.BalanceEnergyTable .Deficit{color:#54bf8b}.BalanceEnergyTable .Surplus{color:#e07171}@media(max-width:1000px){.BalanceEnergyKpis{grid-template-columns:repeat(3,minmax(0,1fr))}.BalanceEnergySettings{align-items:flex-start;flex-direction:column}}@media(max-width:720px){.BalanceEnergyDashboard{gap:11px}.BalanceEnergyHero,.BalanceEnergyToolbar,.BalanceEnergyCardHeader{align-items:flex-start;flex-direction:column}.BalanceEnergyHero,.BalanceEnergyCard{padding:13px}.BalanceEnergyGrid{grid-template-columns:1fr}.BalanceEnergyWide{grid-column:auto}.BalanceEnergyKpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.BalanceEnergySettingsForm{align-items:stretch;flex-direction:column;width:100%}.BalanceEnergySettingsForm label{display:grid;grid-template-columns:auto 1fr auto}.BalanceEnergySettingsForm input{width:100%}}@media(max-width:430px){.BalanceEnergyKpis{grid-template-columns:1fr}.BalanceEnergyToolbar>div{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.BalanceEnergyToolbar button{padding-inline:5px}}