.usage-stats[data-v-339875e0]{padding:20px;position:relative}.page-header[data-v-339875e0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.date-filter[data-v-339875e0]{display:flex;gap:10px}.stats-card[data-v-339875e0]{margin-bottom:20px}.card-header[data-v-339875e0]{justify-content:space-between}.card-header[data-v-339875e0],.view-switch[data-v-339875e0]{display:flex;align-items:center}.chart-container[data-v-339875e0]{min-height:300px}.no-data[data-v-339875e0]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:300px;color:#909399}.no-data i[data-v-339875e0]{font-size:48px;margin-bottom:10px}.count-bar[data-v-339875e0]{display:grid;grid-template-columns:1fr 50px;align-items:center;gap:10px;height:20px}.count-bar .bar[data-v-339875e0]{background-color:#409eff;height:16px;border-radius:2px;transition:width .3s ease;min-width:12px}.count-bar .value[data-v-339875e0]{text-align:right;color:#303133;font-weight:500;white-space:nowrap}.bar-chart[data-v-339875e0]{display:flex;flex-direction:column;gap:12px;padding:10px 0}.time-chart[data-v-339875e0]{padding-top:10px}.time-toolbar[data-v-339875e0]{margin-bottom:10px}.bar-row[data-v-339875e0]{display:grid;grid-template-columns:2fr 5fr 60px;align-items:center;gap:10px}.label[data-v-339875e0]{display:flex;flex-direction:column;gap:2px;color:#606266}.label .name[data-v-339875e0]{font-weight:600;color:#303133}.label .center[data-v-339875e0]{font-size:12px}.bar-wrapper[data-v-339875e0]{display:flex;align-items:center}.bar-wrapper .bar[data-v-339875e0]{height:16px}.bar-wrapper .value[data-v-339875e0]{width:60px;text-align:right;color:#303133}.bar-chart .bar[data-v-339875e0]{background-color:#409eff;border-radius:2px;transition:width .3s ease;min-width:12px}@media screen and (max-width:768px){.usage-stats[data-v-339875e0]{padding:10px}.page-header[data-v-339875e0]{flex-direction:column;align-items:flex-start;gap:15px}.date-filter[data-v-339875e0]{width:100%;flex-wrap:wrap}.date-filter .el-date-editor[data-v-339875e0]{width:calc(50% - 5px)}.date-filter .el-button[data-v-339875e0]{margin-top:10px;width:100%}.bar-row[data-v-339875e0]{grid-template-columns:1fr 4fr 40px}}