.dashboard-metrics[data-v-1d7fe2f6]{margin-bottom:3rem}.section-title[data-v-1d7fe2f6]{align-items:center;color:#1e293b;display:flex;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.section-title i[data-v-1d7fe2f6]{color:#01a0e1}.metrics-grid[data-v-1d7fe2f6]{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.metric-card[data-v-1d7fe2f6]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid hsla(0,0%,100%,.2);border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:transform .3s ease}.metric-card[data-v-1d7fe2f6]:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.metric-card[data-v-1d7fe2f6]:before{background:#01a0e1;content:"";height:4px;left:0;position:absolute;right:0;top:0}.metric-card.primary[data-v-1d7fe2f6]:before{background:#01a0e1}.metric-card.success[data-v-1d7fe2f6]:before{background:linear-gradient(90deg,#10b981,#059669)}.metric-card.info[data-v-1d7fe2f6]:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.metric-card.warning[data-v-1d7fe2f6]:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.metric-icon[data-v-1d7fe2f6]{align-items:center;background:#01a0e11a;border-radius:12px;color:#01a0e1;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.metric-content[data-v-1d7fe2f6]{flex:1}.metric-content h3[data-v-1d7fe2f6]{color:#1e293b;font-size:2rem;font-weight:700;line-height:1;margin:0}.metric-content p[data-v-1d7fe2f6]{color:#64748b;font-size:.9rem;margin:.25rem 0 .5rem}.metric-change[data-v-1d7fe2f6]{align-items:center;display:flex;font-size:.75rem;font-weight:600;gap:.25rem}.metric-change.positive[data-v-1d7fe2f6]{color:#059669}.metric-change.neutral[data-v-1d7fe2f6]{color:#6b7280}.metric-change.negative[data-v-1d7fe2f6]{color:#dc2626}.loading-state .metric-card.loading[data-v-1d7fe2f6]{pointer-events:none}.skeleton[data-v-1d7fe2f6]{animation:loading-1d7fe2f6 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%}.metric-icon.skeleton[data-v-1d7fe2f6]{border-radius:12px}.skeleton-text[data-v-1d7fe2f6]{border-radius:4px;height:1.25rem;margin-bottom:.5rem}.skeleton-text.small[data-v-1d7fe2f6]{height:.875rem;width:60%}@keyframes loading-1d7fe2f6{0%{background-position:200% 0}to{background-position:-200% 0}}.error-state[data-v-1d7fe2f6]{margin-bottom:2rem}.error-card[data-v-1d7fe2f6]{background:#f871711a;border:1px solid rgba(248,113,113,.2);border-radius:12px;color:#dc2626;padding:2rem;text-align:center}.error-card i[data-v-1d7fe2f6]{color:#dc2626;font-size:2rem;margin-bottom:1rem}.error-card p[data-v-1d7fe2f6]{font-weight:500;margin:0 0 1rem}.empty-state[data-v-1d7fe2f6]{color:#6b7280;padding:2rem;text-align:center}.empty-icon[data-v-1d7fe2f6]{align-items:center;background:#6b72801a;border-radius:12px;color:#6b7280;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.empty-state p[data-v-1d7fe2f6]{font-weight:500;margin-bottom:1rem}@media(max-width:768px){.metrics-grid[data-v-1d7fe2f6]{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card[data-v-1d7fe2f6]{padding:1rem}.metric-icon[data-v-1d7fe2f6]{font-size:1.25rem;height:48px;width:48px}.metric-content h3[data-v-1d7fe2f6]{font-size:1.5rem}}