.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.topbar-install{font-size:12px;padding:10px 14px;white-space:nowrap}.dash-charts{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.5fr);gap:22px}.dash-card-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.dash-card-title .eyebrow{font-size:9px;letter-spacing:1.5px}.dash-card-title h2{font-size:17px;margin:8px 0 0;line-height:1.6}.dash-chip{background:#f3effb;color:#82719f;border:1px solid #eae1f7;border-radius:20px;font-size:10px;padding:7px 10px;white-space:nowrap}.dash-ring{width:220px;max-width:100%;height:220px;display:block;margin:14px auto 8px}.dash-ring-total{font-size:36px;font-weight:700;fill:#514475}.dash-svg-label{font-size:11px;fill:#9588a7}.dash-color-0{stroke:#9876e4;background:#9876e4}.dash-color-1{stroke:#53bea9;background:#53bea9}.dash-color-2{stroke:#e89bb1;background:#e89bb1}.dash-ring-part{transition:opacity .2s}.dash-ring-part:hover{opacity:.7}.dash-legend{display:grid;gap:12px}.dash-legend>div{display:grid;grid-template-columns:8px 1fr auto 44px;gap:10px;align-items:center;font-size:12px}.dash-legend small{text-align:right;font-size:10px}.dash-dot{width:8px;height:8px;border-radius:50%}.dash-trend-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:26px 0 8px}.dash-trend-summary>strong{font-size:30px;color:#6f53a3}.dash-trend-summary small{font-size:12px;font-weight:400}.dash-trend-summary>span{font-size:11px;color:#8e819f}.dash-trend-scroll{width:100%;min-width:0}.dash-trend{width:100%;max-width:100%;min-width:0;height:auto;display:block}.dash-grid-line{stroke:#ece7f4;stroke-dasharray:4 5}.dash-axis{fill:#93899f}.dash-axis:not([font-size]){font-size:10px}.dash-bar-value{fill:#7d629e;font-weight:600}.dash-bar-value:not([font-size]){font-size:12px}.dash-month:hover rect{fill:#a78ee7}.dash-caption{font-size:11px;color:#8a7d9e;line-height:1.8;margin:12px 0}.dash-bars{display:grid;gap:16px;margin-top:25px}.dash-bar-row>div,.dash-rank-data>div{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:8px;font-size:12px}.dash-bar-row strong,.dash-rank-data strong{color:#665186;white-space:nowrap}.dash-bar-row small,.dash-rank-data small{font-size:10px;font-weight:400}.dash-bar-row svg{display:block;width:100%;height:9px}.dash-ranking{display:grid;gap:28px;margin-top:25px}.dash-rank-row{display:flex;gap:14px;align-items:center}.dash-rank{font-size:17px;color:#ab95c9;background:#f4effb;border-radius:12px;padding:12px 9px}.dash-rank-data{flex:1;min-width:0}.dash-rank-data>div>span{overflow-wrap:anywhere;line-height:1.7}.dash-rank-data svg{width:100%;height:10px;display:block}.dash-source{border-top:1px solid #eee8f5;margin-top:30px;padding-top:16px;color:#9b8cab;font-size:10px;line-height:1.9}.dash-empty{text-align:center;color:#91839f;padding:25px 0;font-size:12px}.dash-month rect,.dash-ring-part{animation:arrive .65s ease both}.dash-stats .stat small{font-size:11px}.dash-charts>.card{min-width:0}
@media(max-width:1050px){.dash-charts{grid-template-columns:1fr 1fr}.dash-monthly{grid-column:1/-1;grid-row:1}.dash-distribution{grid-column:1}.dash-status{grid-column:2;grid-row:2 / span 2}.dash-equipment{grid-column:1}.dash-card-title{flex-wrap:wrap}}
@media(max-width:700px){.dash-charts{grid-template-columns:1fr;gap:16px}.dash-charts>.card{grid-column:auto;grid-row:auto}.dash-distribution{order:1}.dash-monthly{order:2}.dash-status{order:3}.dash-equipment{order:4}.dash-heading h1{font-size:23px}.dash-card-title{flex-wrap:nowrap}.dash-card-title h2{font-size:15px}.topbar{flex-wrap:wrap}.topbar>strong{flex-basis:100%}.topbar-actions{width:100%;justify-content:space-between;gap:6px}.topbar-install{font-size:11px;padding:9px 11px}.dash-stats .stat{padding:15px}.dash-stats .stat strong{font-size:29px}.dash-stats .stat small{font-size:10px}.dash-trend-summary>strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){.dash-month rect,.dash-ring-part{animation:none}}.dashboard-filter{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:20px}.dashboard-filter>div{min-width:150px}.dashboard-filter p{margin:0;color:#887895;font-size:12px}@media(max-width:600px){.dashboard-filter>div{flex:1;min-width:110px}.dashboard-filter p{width:100%}}
.dash-trend.dash-trend-daily{width:100%;max-width:100%;min-width:0;height:auto}