Style: Drill-Down Analytics. Type: BI/Analytics. Keywords: Hierarchical data exploration, expandable sections, interactive drill-down paths, summary-to-detail flow, context preservation. Primary Colors: Primary brand, breadcrumb colors, drill-level indicator colors, hierarchy depth colors. Secondary Colors: Drill-down path indicator colors, level-specific colors, highlight colors for selected level, transition colors. Effects & Animation: Drill-down expand animations, breadcrumb click transitions, smooth detail reveal, level change smooth, data reload animation. Best For: Sales analytics, product analytics, funnel analysis, multi-dimensional data exploration, business intelligence. Do Not Use For: Simple linear data, single-metric dashboards, streaming real-time dashboards. Light Mode: ✓ Full. Dark Mode: ✓ Full. Performance: ⚡ Good. Accessibility: ✓ WCAG AA. Mobile-Friendly: ◐ Medium. Conversion-Focused: ✗ Not applicable. Framework Compatibility: Recharts 9/10, Chart.js 9/10, D3.js 10/10. Era/Origin: 2020s Modern. Complexity: Medium. AI Prompt Keywords: Design a drill-down analytics dashboard. Use: breadcrumb navigation, expandable sections, summary-to-detail flow, back button prominent, level indicators, context preservation, hierarchical data display.. CSS/Technical: breadcrumb nav with separators, details/summary for expand, transition for drill animation, position: sticky breadcrumb, nested grid layouts, smooth scroll to detail. Implementation Checklist: ☐ Breadcrumbs clear, ☐ Back navigation easy, ☐ Expand animation smooth, ☐ Context preserved, ☐ Mobile drill works, ☐ Deep links supported. Design System Variables: --breadcrumb-separator: /, --expand-duration: 300ms, --level-indent: 24px, --back-button-size: 40px, --context-bar-height: 48px, --drill-transition: 300ms ease.