.overview-metric[data-v-ab3b6644]{background:transparent}.metric-card[data-v-ab3b6644]{border-radius:3px}.header-toolbar[data-v-ab3b6644]{align-items:stretch;display:flex;justify-content:space-between;padding:0;border-bottomx:1px solid #e0e0e0;background:transparent;border-top-left-radius:10px;border-top-right-radius:10px;min-height:48px}.header-title[data-v-ab3b6644]{align-items:center;color:#1a1a1a;display:flex;flex:1;font-size:18px;font-weight:600;padding:0}.time-select[data-v-ab3b6644] .q-field__control{background:transparent;font-size:15px;height:100%;min-height:48px}.time-select[data-v-ab3b6644] .q-field__native{color:#1976d2;font-weight:600;padding:0}.time-select[data-v-ab3b6644] .q-field__prepend{padding-left:8px;padding-right:8px}.metrics-content[data-v-ab3b6644]{padding:5px 0}.metrics-row[data-v-ab3b6644]{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;width:100%}.metric-card-wrapper[data-v-ab3b6644]{cursor:pointer;flex:1;min-width:150px}.metric-card[data-v-ab3b6644]{background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-height:110px;overflow:hidden;position:relative;transition:all .2s ease}.metric-card-wrapper:hover .metric-card[data-v-ab3b6644]{border-color:#1976d2;box-shadow:0 2px 8px #1976d226}.metric-chart-background[data-v-ab3b6644]{filter:brightness(1);inset:0;opacity:.7;position:absolute;transition:all .3s ease;z-index:1}.metric-chart-background[data-v-ab3b6644]:after{background:linear-gradient(180deg,#ffffff4d 0,#ffffff1a);content:"";inset:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.metric-card-wrapper:hover .metric-chart-background[data-v-ab3b6644]{filter:brightness(1.1) drop-shadow(0 0 8px rgba(25,118,210,.3));opacity:1}.metric-card-wrapper:hover .metric-chart-background[data-v-ab3b6644]:after{opacity:0}.mini-chart[data-v-ab3b6644]{height:100%;width:100%}.metric-value-overlay[data-v-ab3b6644]{display:flex;flex-direction:column;min-height:110px;position:relative;z-index:2}.metric-chart-area[data-v-ab3b6644]{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:12px}.metric-main-value[data-v-ab3b6644]{color:#424242;font-size:28px;font-weight:700;line-height:1.1;text-shadow:0 1px 3px hsla(0,0%,100%,.9);transition:color .3s ease;white-space:nowrap}.metric-card-wrapper:hover .metric-main-value[data-v-ab3b6644]{color:#000}.metric-label[data-v-ab3b6644]{color:#333;font-size:12px;font-weight:600;letter-spacing:.5px;line-height:1.2;margin-top:auto;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px hsla(0,0%,100%,.8);text-transform:uppercase;white-space:nowrap}.metric-info-footer[data-v-ab3b6644]{background:#fffffff2;border-top:1px solid rgba(0,0,0,.05);padding:4px 8px}.metric-info[data-v-ab3b6644]{color:#000;font-size:11px;font-weight:400;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.val-suffix[data-v-ab3b6644]{color:#666;font-size:16px;font-weight:500;margin-left:4px}.skeleton-metric-card[data-v-ab3b6644]{background:#fff}.skeleton-metric-card .metric-value-overlay[data-v-ab3b6644]{background:transparent}.skeleton-metric-card .metric-info-footer[data-v-ab3b6644]{background:#fffffff2}.no-data[data-v-ab3b6644]{align-items:center;color:#999;display:flex;font-size:14px;justify-content:center;min-height:150px}@media (max-width:767px){.metrics-content[data-v-ab3b6644]{padding:12px 0}.metrics-row[data-v-ab3b6644]{flex-wrap:wrap;gap:6px}.metric-card-wrapper[data-v-ab3b6644]{flex:1 1 calc(50% - 3px);min-width:calc(50% - 3px)}.metric-card[data-v-ab3b6644],.metric-value-overlay[data-v-ab3b6644]{min-height:105px}.metric-chart-area[data-v-ab3b6644]{padding:10px}.metric-main-value[data-v-ab3b6644]{font-size:24px}.metric-info-footer[data-v-ab3b6644]{padding:3px 6px}.metric-info[data-v-ab3b6644],.metric-label[data-v-ab3b6644]{font-size:10px}}