.dashboard-metric[data-v-dc88c8b3]{background:transparent}.metric-card[data-v-dc88c8b3]{background:#fff;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden;position:relative}.header-toolbar[data-v-dc88c8b3]{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-dc88c8b3]{align-items:center;color:#1a1a1a;display:flex;flex:1;font-size:16px;font-weight:600;padding:0 16px}.time-select[data-v-dc88c8b3]{border-left:1px solid #e0e0e0;min-width:140px}.time-select[data-v-dc88c8b3] .q-field__control{background:transparent;font-size:15px;height:100%;min-height:48px}.time-select[data-v-dc88c8b3] .q-field__native{color:#1976d2;font-weight:600;padding:0 12px}.time-select[data-v-dc88c8b3] .q-field__prepend{padding-left:12px;padding-right:8px}.metric-content[data-v-dc88c8b3]{padding:16px}.metric-value-section[data-v-dc88c8b3]{align-items:center;display:flex;gap:12px;margin-bottom:16px}.metric-main-value[data-v-dc88c8b3]{color:#0f1419;font-size:36px;font-weight:700;line-height:1}.metric-main-value.clickable[data-v-dc88c8b3]{cursor:pointer;transition:color .2s ease}.metric-main-value.clickable[data-v-dc88c8b3]:hover{color:#1976d2}.val-suffix[data-v-dc88c8b3]{color:#666;font-size:18px;font-weight:500;margin-left:4px}.trend-indicator[data-v-dc88c8b3]{align-items:center;border-radius:6px;display:flex;font-weight:600;gap:6px;padding:6px 12px}.trend-content[data-v-dc88c8b3]{display:flex;flex-direction:column;gap:2px}.trend-indicator.trend-up[data-v-dc88c8b3]{background:#0596691a;color:#059669}.trend-indicator.trend-down[data-v-dc88c8b3]{background:#dc26261a;color:#dc2626}.trend-indicator.trend-loading[data-v-dc88c8b3]{background:#9e9e9e0d;color:#9e9e9e}.trend-text[data-v-dc88c8b3]{font-size:14px;line-height:1.2}.trend-label[data-v-dc88c8b3]{font-size:10px;line-height:1.2;opacity:.8}.chart-section[data-v-dc88c8b3]{min-height:150px;position:relative}.skeleton-value-section[data-v-dc88c8b3]{display:flex;flex-direction:column;gap:6px}.skeleton-chart-section[data-v-dc88c8b3]{min-height:150px;width:100%}.chart-container[data-v-dc88c8b3]{height:100%;width:100%}.metric-chart[data-v-dc88c8b3]{cursor:pointer;height:150px;width:100%}.no-data[data-v-dc88c8b3]{align-items:center;color:#999;display:flex;font-size:14px;justify-content:center;min-height:150px}@media (max-width:767px){.metric-value-section[data-v-dc88c8b3]{align-items:flex-start;flex-direction:column}.metric-main-value[data-v-dc88c8b3]{font-size:28px}}