.overview-metric[data-v-4e765728]{background:transparent}.metric-card[data-v-4e765728]{background:#fff;border:1px solid #e0e0e0;border-radius:3px;overflow:hidden;position:relative}.header-toolbar[data-v-4e765728]{align-items:stretch;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;min-height:48px;padding:0}.header-title[data-v-4e765728]{align-items:center;color:#1a1a1a;display:flex;flex:1;font-size:16px;font-weight:600;padding:0 16px}.time-select[data-v-4e765728]{border-left:1px solid #e0e0e0;min-width:140px}.time-select[data-v-4e765728] .q-field__control{background:transparent;font-size:15px;height:100%;min-height:48px}.time-select[data-v-4e765728] .q-field__native{color:#1976d2;font-weight:600;padding:0 12px}.time-select[data-v-4e765728] .q-field__prepend{padding-left:12px;padding-right:8px}.metric-content[data-v-4e765728]{padding:12px 16px}.metrics-container[data-v-4e765728]{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:12px;margin-bottom:4px}.metric-item[data-v-4e765728]{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.metric-item+.metric-item[data-v-4e765728]{border-left:1px solid #e5e7eb;padding-left:12px}.metric-label[data-v-4e765728]{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.metric-main-value[data-v-4e765728]{color:#0f1419;font-size:24px;font-weight:700;line-height:1;white-space:nowrap}.metric-main-value.clickable[data-v-4e765728]{cursor:pointer;transition:color .2s ease}.metric-main-value.clickable[data-v-4e765728]:hover{color:#1976d2}.val-suffix[data-v-4e765728]{color:#666;font-size:16px;font-weight:500;margin-left:4px}.trend-indicator[data-v-4e765728]{align-items:center;display:flex;gap:3px;margin-top:2px}.trend-indicator.trend-up[data-v-4e765728]{color:#059669}.trend-indicator.trend-down[data-v-4e765728]{color:#dc2626}.trend-text[data-v-4e765728]{color:#6b7280;font-size:13px;font-weight:500;line-height:1}.trend-label[data-v-4e765728]{color:#9ca3af;font-size:11px;line-height:1;margin-left:2px}.chart-section[data-v-4e765728]{min-height:150px;position:relative}.skeleton-chart-section[data-v-4e765728]{min-height:150px;width:100%}.chart-container[data-v-4e765728]{height:100%;width:100%}.metric-chart[data-v-4e765728]{cursor:pointer;height:150px;width:100%}.no-data[data-v-4e765728]{align-items:center;color:#999;display:flex;font-size:14px;justify-content:center;min-height:150px}@media (max-width:767px){.metrics-container[data-v-4e765728]{flex-direction:column;gap:16px}.metric-item+.metric-item[data-v-4e765728]{border-left:none;border-top:1px solid #e5e7eb;padding-left:0;padding-top:16px}.metric-main-value[data-v-4e765728]{font-size:28px}}