.stats-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.segmented{display:flex;padding:4px;border-radius:10px;background:#e6ecf3;gap:3px}.segmented button{background:transparent;color:#78879c;padding:7px 15px;border-radius:7px;font-size:13px}.segmented button.selected{background:#fff;color:#357ebc;box-shadow:0 2px 5px #20334b12}.period-title{font-size:13px;color:#687b92;text-transform:capitalize}.stat-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:24px}.stat-card{padding:21px 19px}.stat-card>span{color:#7e8b9d;font-size:12px}.stat-card strong{display:block;font-size:32px;font-weight:600;letter-spacing:-1px;margin:14px 0 8px}.stat-card strong small{font-size:16px;color:#a1abba;font-weight:400;letter-spacing:0}.stat-card p{margin:0;font-size:11px;color:#9aa4b2;line-height:1.4}.blue{color:#1687f9}.chart-panel{margin-bottom:23px}.chart-panel .panel-head{border:0}.chart-legend{font-size:11px;color:#8b97a8;display:flex;gap:7px;align-items:center}.chart-legend i{width:7px;height:7px;background:#278ff7;border-radius:3px}.chart-area{display:flex;gap:16px;padding:12px 24px 0;height:235px}.chart-scale{display:flex;flex-direction:column;justify-content:space-between;color:#a2adbb;font-size:10px;padding-bottom:29px;width:27px;flex-shrink:0}.chart-bars{display:grid;grid-template-columns:repeat(var(--bar-count),minmax(0,1fr));gap:clamp(3px,1.2vw,16px);width:100%;background:repeating-linear-gradient(to top,transparent 0,transparent calc(50% - 1px),#edf1f5 calc(50% - 1px),#edf1f5 50%);background-size:100% calc(100% - 29px);background-repeat:no-repeat}.bar-column{display:flex;flex-direction:column;align-items:center;min-width:0;gap:11px;justify-content:flex-end}.bar-track{width:100%;max-width:46px;background:#eff5fc;height:100%;border-radius:7px 7px 0 0;position:relative;overflow:hidden}.bar-track.future{background:#f5f7fa}.bar-value{position:absolute;bottom:0;width:100%;border-radius:7px 7px 0 0;min-height:0;transition:height .3s}.bar-column>span{color:#8492a5;font-size:11px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;height:18px;flex-shrink:0}.chart-caption{padding:20px 24px;color:#98a3b2;font-size:12px}.chart-empty{padding:35px 24px;color:#97a3b3;font-size:14px;text-align:center}.breakdown-row{display:flex;align-items:center;gap:12px;padding:20px 24px;border-top:1px solid #f0f3f7;font-size:13px}.breakdown .panel-head{border:0}.habit-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.breakdown-name{flex:1;overflow-wrap:anywhere}.breakdown-track{width:22%;height:5px;background:#edf2f8;border-radius:10px;overflow:hidden}.breakdown-track>span{display:block;height:100%;border-radius:10px}.breakdown-count{color:#91a0b3;text-align:right;min-width:55px}.breakdown-row>b{text-align:right;min-width:38px;font-size:12px;font-weight:500;color:#697b90}.stats-footnote{font-size:11px;color:#939eae;line-height:1.6;margin-top:19px}
@media(max-width:1100px){.stats-toolbar{align-items:flex-start;flex-direction:column}.stat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-area{gap:10px;padding:10px 17px 0}}@media(max-width:650px){.stats-toolbar{gap:15px}.segmented{width:100%}.segmented button{flex:1;padding:8px 9px}.stats-toolbar>.date-nav{justify-content:space-between;width:100%}.stat-cards{gap:10px}.stat-card{padding:17px}.stat-card strong{font-size:28px;margin:12px 0 7px}.stat-card p{font-size:10px}.chart-area{height:190px;gap:8px;padding:8px 14px 0}.chart-bars{gap:4px}.chart-scale{width:24px;font-size:9px}.bar-column>span{font-size:9px}.chart-legend{font-size:10px}.chart-caption{padding:18px;font-size:11px}.breakdown-row{padding:17px;gap:8px}.breakdown-track{display:none}.breakdown-name{font-size:12px}.breakdown .small{font-size:10px}.breakdown-count{min-width:44px}.stats-footnote{font-size:11px}}