.FoodDashboard{display:grid;gap:18px;color:var(--textColor)}.FoodDashboard *{box-sizing:border-box}.FoodDashboardHero,.FoodDashboardToolbar,.FoodDashboardCard{border:1px solid var(--mainPageBorderColor);border-radius:12px;background:var(--mainPageCardBgColor)}.FoodDashboardHero{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)))}.FoodDashboardHero h3,.FoodDashboardCard h4{margin:4px 0 6px}.FoodDashboardHero p,.FoodDashboardCardHeader p{margin:0;opacity:.68}.FoodDashboardEyebrow{color:var(--activeElementBgColor);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.FoodDashboard button,.FoodDashboard select{min-height:38px;padding:8px 11px;border:1px solid var(--mainPageBorderColor);border-radius:8px;color:var(--textColor);background:var(--mainPageButtonBgColor)}.FoodDashboard button{cursor:pointer}.FoodDashboard button:hover,.FoodDashboard button.Active{border-color:var(--activeElementBgColor);background:var(--activeElementHoverColor)}.FoodDashboardToolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.FoodDashboardRanges{display:flex;flex-wrap:wrap;gap:7px}.FoodDashboardToolbar label{display:flex;align-items:center;gap:8px;font-size:.82rem}.FoodDashboardStatus{padding:12px 14px;border:1px solid var(--activeElementBgColor);border-radius:8px}.FoodDashboardKpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.FoodKpi{position:relative;display:grid;gap:4px;min-width:0;padding:15px;border:1px solid var(--mainPageBorderColor);border-radius:11px;background:var(--mainPageCardBgColor);overflow:hidden}.FoodKpi::before{position:absolute;top:0;right:0;left:0;height:3px;background:var(--activeElementBgColor);content:""}.FoodKpiLabel{font-size:.76rem;opacity:.68}.FoodKpiValue{overflow:hidden;font-size:clamp(1.25rem,2.3vw,2rem);font-weight:750;text-overflow:ellipsis;white-space:nowrap}.FoodKpi small{min-height:1.2em;opacity:.62}.FoodDashboardGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.FoodDashboardWide{grid-column:1/-1}.FoodDashboardCard{min-width:0;padding:16px}.FoodDashboardCardHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.FoodTrend{padding:5px 8px;border-radius:999px;font-size:.78rem;background:var(--mainPageBodyBgColor)}.FoodTrend.Positive{color:#48b983}.FoodTrend.Negative{color:#e07171}.FoodChart{width:100%;min-height:250px;overflow:hidden}.FoodChart svg{display:block;width:100%;height:250px;overflow:visible}.FoodConsistencyChart,.FoodConsistencyChart svg{min-height:210px;height:210px}.FoodChartGrid{stroke:var(--mainPageBorderColor);stroke-width:1}.FoodChartAxis{fill:var(--textColor);font-size:11px;opacity:.6}.FoodChartLine{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.FoodCaloriesLine{stroke:var(--activeElementBgColor)}.FoodProteinLine{stroke:#5ccf91}.FoodCarbsLine{stroke:#e5ae45}.FoodFatLine{stroke:#d777b3}.FoodChartArea{fill:color-mix(in srgb,var(--activeElementBgColor) 16%,transparent)}.FoodChartPoint{fill:var(--mainPageCardBgColor);stroke-width:3}.FoodChartBar{fill:color-mix(in srgb,var(--activeElementBgColor) 72%,transparent)}.FoodChartEmpty{display:grid;place-items:center;min-height:220px;border:1px dashed var(--mainPageBorderColor);border-radius:8px;text-align:center;opacity:.62}.FoodChartLegend{display:flex;flex-wrap:wrap;gap:12px;font-size:.78rem}.FoodChartLegend span::before{display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:50%;content:""}.FoodChartLegend .Protein::before{background:#5ccf91}.FoodChartLegend .Carbs::before{background:#e5ae45}.FoodChartLegend .Fat::before{background:#d777b3}.FoodBars,.FoodTopFoods{display:grid;gap:11px;align-content:start;min-height:245px}.FoodBarRow{display:grid;grid-template-columns:minmax(100px,.65fr) minmax(110px,1.35fr) 52px;align-items:center;gap:8px;font-size:.82rem}.FoodBarTrack{height:10px;border-radius:999px;background:var(--mainPageBodyBgColor);overflow:hidden}.FoodBarFill{height:100%;border-radius:inherit;background:var(--activeElementBgColor)}.FoodTopRow{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;border-bottom:1px solid var(--mainPageBorderColor)}.FoodTopRank{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--mainPageBodyBgColor);font-size:.75rem}.FoodTopRow strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.FoodTopRow small{opacity:.65}.FoodRecentWrap{overflow-x:auto}.FoodRecentTable{width:100%;border-collapse:collapse}.FoodRecentTable th,.FoodRecentTable td{padding:10px;border-bottom:1px solid var(--mainPageBorderColor);text-align:left;white-space:nowrap}.FoodRecentTable tbody tr:hover{background:var(--mainPageBodyBgColor)}@media(max-width:1050px){.FoodDashboardKpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.FoodDashboard{gap:11px}.FoodDashboardHero,.FoodDashboardToolbar,.FoodDashboardCardHeader{align-items:flex-start;flex-direction:column}.FoodDashboardHero,.FoodDashboardCard{padding:13px}.FoodDashboardGrid{grid-template-columns:1fr}.FoodDashboardWide{grid-column:auto}.FoodDashboardKpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.FoodDashboardToolbar label{width:100%;justify-content:space-between}}@media(max-width:430px){.FoodDashboardKpis{grid-template-columns:1fr}.FoodDashboardRanges{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.FoodDashboardRanges button{padding-inline:5px}.FoodBarRow{grid-template-columns:95px minmax(80px,1fr) 44px}}