@charset "UTF-8";.modern-dashboard[data-v-c2922742]{min-height:100vh;background:#f5f5f5;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.modern-dashboard .dashboard-header[data-v-c2922742]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0}.modern-dashboard .dashboard-header .header-left[data-v-c2922742]{display:flex;flex-direction:column;gap:8px}.modern-dashboard .dashboard-header .dashboard-title[data-v-c2922742]{display:flex;align-items:center;gap:12px;margin:0;font-size:24px;font-weight:600;color:#262626}.modern-dashboard .dashboard-header .dashboard-title .title-icon[data-v-c2922742]{font-size:28px;color:#1890ff}.modern-dashboard .dashboard-header .current-time[data-v-c2922742]{font-size:14px;color:#8c8c8c;font-family:SF Mono,Monaco,monospace}.modern-dashboard .metrics-grid[data-v-c2922742]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px}.modern-dashboard .metric-card[data-v-c2922742]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0;display:flex;align-items:center;gap:20px;transition:all .3s ease;position:relative;overflow:hidden}.modern-dashboard .metric-card[data-v-c2922742]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.modern-dashboard .metric-card.loading[data-v-c2922742]{opacity:.7}.modern-dashboard .metric-card .metric-icon[data-v-c2922742]{width:56px;height:56px;border-radius:12px;background:rgba(24,144,255,.1);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.modern-dashboard .metric-card .metric-content[data-v-c2922742]{flex:1;min-width:0}.modern-dashboard .metric-card .metric-value[data-v-c2922742]{display:flex;align-items:baseline;gap:4px;margin-bottom:4px}.modern-dashboard .metric-card .metric-value .value-number[data-v-c2922742]{font-size:32px;font-weight:700;color:#262626;line-height:1}.modern-dashboard .metric-card .metric-value .value-unit[data-v-c2922742]{font-size:14px;color:#8c8c8c;font-weight:500}.modern-dashboard .metric-card .metric-title[data-v-c2922742]{font-size:16px;color:#595959;font-weight:500;margin-bottom:8px}.modern-dashboard .metric-card .metric-trend[data-v-c2922742]{display:flex;align-items:center;gap:4px;font-size:12px}.modern-dashboard .metric-card .metric-trend.up[data-v-c2922742]{color:#52c41a}.modern-dashboard .metric-card .metric-trend.down[data-v-c2922742]{color:#ff4d4f}.modern-dashboard .metric-card .metric-trend.stable[data-v-c2922742]{color:#8c8c8c}.modern-dashboard .metric-card .metric-trend .trend-desc[data-v-c2922742]{color:#8c8c8c;margin-left:4px}.modern-dashboard .charts-grid[data-v-c2922742]{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;gap:20px}.modern-dashboard .charts-grid .chart-card[data-v-c2922742]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0;transition:all .3s ease}.modern-dashboard .charts-grid .chart-card[data-v-c2922742]:hover{box-shadow:0 4px 16px #0000001f}.modern-dashboard .charts-grid .chart-card.large[data-v-c2922742]{grid-row:span 1}.modern-dashboard .charts-grid .chart-card.medium[data-v-c2922742]{grid-column:span 1}.modern-dashboard .charts-grid .chart-card[data-v-c2922742]:nth-child(3),.modern-dashboard .charts-grid .chart-card[data-v-c2922742]:nth-child(4){grid-column:span 1}.modern-dashboard .charts-grid .chart-header[data-v-c2922742]{margin-bottom:20px;border-bottom:1px solid #f0f0f0;padding-bottom:16px}.modern-dashboard .charts-grid .chart-header .chart-title[data-v-c2922742]{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:600;color:#262626}.modern-dashboard .charts-grid .chart-header .chart-title .chart-icon[data-v-c2922742]{font-size:20px;color:#1890ff}.modern-dashboard .charts-grid .chart-header .chart-subtitle[data-v-c2922742]{font-size:14px;color:#8c8c8c}.modern-dashboard .charts-grid .chart-container[data-v-c2922742]{height:300px;position:relative}.modern-dashboard .charts-grid .chart-container .chart[data-v-c2922742]{width:100%;height:100%}.modern-dashboard .loading-overlay[data-v-c2922742]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modern-dashboard .loading-overlay .loading-content[data-v-c2922742]{width:100px;height:100px}@media (max-width: 1200px){.modern-dashboard .charts-grid[data-v-c2922742]{grid-template-columns:1fr}.modern-dashboard .charts-grid .chart-card.large[data-v-c2922742],.modern-dashboard .charts-grid .chart-card.medium[data-v-c2922742]{grid-column:span 1}.modern-dashboard .metrics-grid[data-v-c2922742]{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width: 768px){.modern-dashboard[data-v-c2922742]{padding:16px}.modern-dashboard .dashboard-header[data-v-c2922742]{flex-direction:column;gap:16px;text-align:center;padding:16px}.modern-dashboard .dashboard-header .dashboard-title[data-v-c2922742]{font-size:20px;justify-content:center}.modern-dashboard .metrics-grid[data-v-c2922742]{grid-template-columns:1fr;gap:16px}.modern-dashboard .metric-card[data-v-c2922742]{padding:20px}.modern-dashboard .metric-card .metric-value .value-number[data-v-c2922742]{font-size:28px}.modern-dashboard .charts-grid[data-v-c2922742]{gap:16px}.modern-dashboard .charts-grid .chart-card[data-v-c2922742]{padding:20px}.modern-dashboard .charts-grid .chart-card .chart-container[data-v-c2922742]{height:250px}}@media (max-width: 480px){.modern-dashboard[data-v-c2922742]{padding:12px}.modern-dashboard .dashboard-title[data-v-c2922742]{font-size:18px}.modern-dashboard .metric-card[data-v-c2922742]{flex-direction:column;text-align:center;gap:16px}.modern-dashboard .metric-card .metric-icon[data-v-c2922742]{width:48px;height:48px;font-size:20px}.modern-dashboard .metric-card .metric-value .value-number[data-v-c2922742]{font-size:24px}.modern-dashboard .chart-container[data-v-c2922742]{height:200px!important}}