dashboard-body-view{display:block}dashboard-body-view .max-width{margin:0 auto;padding:16px}dashboard-body-view .history-section{background-color:var(--history-section-bg-color)}dashboard-body-view .widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(192px,.16fr));gap:16px}dashboard-body-view .widget{background:var(--dashboard-widget-bg-color);backdrop-filter:blur(20px);border:1px solid var(--dashboard-widget-border-color);border-radius:16px;padding:24px;box-shadow:0 1px 2px var(--dashboard-widget-box-shadow-color);transition:transform .3s ease,box-shadow .3s ease}dashboard-body-view .widget .title{font-size:.85rem;font-weight:700;color:var(--color-secondary-font);opacity:.7;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:1rem;text-align:center}dashboard-body-view .charts-title{font-weight:700;font-size:1.125em;color:var(--font-color);margin-top:1.5em}dashboard-body-view .history{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:32px}dashboard-body-view .history .title{background-image:var(--icon-chart);background-repeat:no-repeat;background-size:20px 20px;text-indent:24px}dashboard-body-view pws-history-dates{display:flex;align-items:center;gap:2em;flex-wrap:wrap}pws-history-dates .date-nav-group{display:flex;align-items:center;gap:.25em}pws-history-dates .date-label{font-size:.875em;font-weight:700;opacity:.8;width:11em;text-align:center}pws-history-dates .range-presets{display:flex;gap:.5em;flex-wrap:wrap}pws-history-dates .range-btn{border:1px solid var(--wu-lightblue);background:0 0;color:var(--wu-lightblue);border-radius:1em;padding:.375em .75em;font-size:.8125em;cursor:pointer;font-family:Roboto,Helvetica Neue,sans-serif;transition:background-color .15s ease,color .15s ease}pws-history-dates .range-btn:hover{background-color:var(--wu-lightblue);color:#fff}pws-history-dates .range-btn.active{background-color:var(--wu-lightblue);color:#fff;font-weight:700}pws-history-dates .date-nav{border:none;background-color:transparent;cursor:pointer;width:24px;height:24px;flex-shrink:0;background-size:contain;background-repeat:no-repeat;background-position:center;padding:0}pws-history-dates .date-nav.back{background-image:var(--icon-chevron-left)}pws-history-dates .date-nav.forward{background-image:var(--icon-chevron-right)}pws-history-dates .date-nav:disabled{opacity:.3;cursor:default}dashboard-body-view .pws-chart{--charts-aspect-ratio:2}@media (min-aspect-ratio:2/1){dashboard-body-view .pws-chart{--charts-aspect-ratio:5}}@media (min-aspect-ratio:1/1) and (max-aspect-ratio:2/1){dashboard-body-view .pws-chart{--charts-aspect-ratio:4}}dashboard-body-view .pws-chart canvas{box-sizing:border-box;width:100%;margin-top:16px;border-radius:12px;aspect-ratio:var(--charts-aspect-ratio)/1}dashboard-body-view .pws-chart.loaded canvas{border:1px solid rgba(128,128,128,.15);background-color:var(--bg-color)}dashboard-body-view .pws-chart .no-data{text-align:center;font-size:1.5em;padding:1em;opacity:.6;display:none}dashboard-body-view .pws-chart.no-data .no-data{display:block}dashboard-body-view .pws-chart.hide{display:none}dashboard-body-view .chart-section.no-data{display:none}dashboard-body-view .chart-section-header{display:flex;align-items:center;gap:1em;cursor:pointer;padding:.875em 0 .25em;user-select:none}dashboard-body-view .chart-section.collapsed+.chart-section.collapsed .chart-section-header{border-top:1px solid var(--chart-section-border-color)}dashboard-body-view .chart-section-title{font-weight:700;font-size:1em;opacity:.7}dashboard-body-view .chart-section .sparkline{display:none;height:30px;width:120px;flex-shrink:0}dashboard-body-view .chart-section.collapsed .sparkline{display:block}dashboard-body-view .chart-section-toggle{width:22px;height:22px;padding:2px;margin-left:auto;flex-shrink:0;background-image:var(--icon-chevron-right);background-repeat:no-repeat;background-size:contain;border-radius:50%;opacity:.5;transform:rotate(90deg);transition:opacity .15s ease,transform .2s ease}dashboard-body-view .chart-section-header:hover .chart-section-toggle{opacity:.9}dashboard-body-view .chart-section.collapsed .chart-section-toggle{transform:rotate(0)}dashboard-body-view .chart-section .pws-chart canvas{margin-top:0}dashboard-body-view .chart-section .pws-chart:not(.loaded) canvas{display:none}dashboard-body-view .chart-section.collapsed .chart-section-content{display:none}@media (max-width:470px){dashboard-body-view .history{justify-content:space-evenly;gap:.5rem;padding:16px}dashboard-body-view pws-history-dates{justify-content:center;width:100%}pws-history-dates .date-nav-group{justify-content:center}pws-history-dates .range-presets{width:100%;justify-content:center;order:1}}@media (max-width:432px){dashboard-body-view .widgets{grid-template-columns:repeat(2,minmax(40%,1fr))}}@media (max-width:374px){dashboard-body-view .widgets{grid-template-columns:repeat(1,minmax(100%,1fr))}}