.analytics-dashboard[data-v-dffc3f30]{padding:20px}.header[data-v-dffc3f30]{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-title[data-v-dffc3f30]{color:#1f2937;font-size:24px;margin:0}.metrics-grid[data-v-dffc3f30]{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.metric-title[data-v-dffc3f30]{color:#6b7280;font-size:14px;margin-bottom:8px}.metric-value[data-v-dffc3f30]{color:#111827;font-size:28px;font-weight:700}.unit[data-v-dffc3f30]{color:#6b7280;font-size:14px;font-weight:400}.metric-trend[data-v-dffc3f30]{align-items:center;display:flex;font-size:13px;gap:4px;margin-top:8px}.metric-trend.up[data-v-dffc3f30]{color:#10b981}.metric-trend.down[data-v-dffc3f30]{color:#ef4444}.charts-row[data-v-dffc3f30]{display:flex;gap:20px;margin-bottom:24px}.chart-card[data-v-dffc3f30]{flex:1}.funnel-container[data-v-dffc3f30]{flex-direction:column;gap:4px;padding:20px 0}.funnel-container[data-v-dffc3f30],.funnel-item[data-v-dffc3f30]{align-items:center;display:flex}.funnel-item[data-v-dffc3f30]{border-radius:4px;color:#1f2937;font-size:13px;height:40px;justify-content:space-between;padding:0 20px;transition:width .3s}.insight-list[data-v-dffc3f30]{display:flex;flex-direction:column;gap:16px}.insight-item[data-v-dffc3f30]{border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding-bottom:12px}.insight-item[data-v-dffc3f30]:last-child{border-bottom:none}.insight-icon[data-v-dffc3f30]{align-items:center;background:#f9f0ff;border-radius:50%;color:#722ed1;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.insight-content[data-v-dffc3f30]{color:#374151;flex:1;font-size:13px;line-height:1.5}.skill-row[data-v-dffc3f30]{align-items:center;display:flex;margin-bottom:16px}.role-name[data-v-dffc3f30]{color:#374151;font-size:14px;width:100px}.bar-container[data-v-dffc3f30]{background:#f3f4f6;border-radius:12px;flex:1;height:24px;margin:0 16px;overflow:hidden;position:relative}.bar-fill[data-v-dffc3f30]{border-radius:12px;height:100%}.bar-val[data-v-dffc3f30]{line-height:24px;position:absolute;right:10px;top:0}.bar-val[data-v-dffc3f30],.role-desc[data-v-dffc3f30]{color:#6b7280;font-size:12px}.role-desc[data-v-dffc3f30]{width:120px}@media(max-width:768px){.analytics-dashboard[data-v-dffc3f30]{padding:16px}.header[data-v-dffc3f30]{align-items:flex-start;flex-direction:column;gap:16px}.header .filter-bar[data-v-dffc3f30]{display:flex;flex-direction:column;gap:12px;width:100%}.header .filter-bar .el-button[data-v-dffc3f30],.header .filter-bar .el-date-editor[data-v-dffc3f30]{width:100%}.metrics-grid[data-v-dffc3f30]{gap:16px;grid-template-columns:1fr}.charts-row[data-v-dffc3f30]{flex-direction:column;gap:16px}.skill-row[data-v-dffc3f30]{flex-wrap:wrap}.skill-row .role-name[data-v-dffc3f30]{font-weight:500;margin-bottom:8px;width:100%}.skill-row .bar-container[data-v-dffc3f30]{flex:none;margin:0 0 8px;width:100%}.skill-row .role-desc[data-v-dffc3f30]{color:#999;text-align:right;width:100%}}