.drill-down-overlay{position:fixed;inset:0;background-color:#00000080;backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out}.drill-down-overlay.open{opacity:1;visibility:visible}.drill-down-modal{background-color:#fff;border-radius:12px;width:95vw;max-width:1400px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;transform:scale(.95) translateY(20px);opacity:0;transition:transform .3s ease-out,opacity .3s ease-out}.drill-down-overlay.open .drill-down-modal{transform:scale(1) translateY(0);opacity:1}.drill-down-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border, #e5e7eb);background-color:var(--color-background-alt, #f9fafb);flex-shrink:0}.drill-down-header-left{display:flex;flex-direction:column;gap:.5rem}.drill-down-title{font-size:1.25rem;font-weight:700;color:var(--color-text, #111827);margin:0}.drill-down-subtitle{font-size:.875rem;color:var(--color-text-muted, #6b7280);margin:0}.drill-down-header-actions{display:flex;align-items:center;gap:.75rem}.drill-down-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:transparent;border:none;border-radius:8px;color:var(--color-text-muted, #6b7280);cursor:pointer;transition:all .2s ease}.drill-down-close-btn:hover{background-color:#ef44441a;color:var(--color-danger, #ef4444)}.drill-down-nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid var(--color-border, #e5e7eb);background-color:#fff;flex-shrink:0}.drill-down-nav-left{display:flex;align-items:center;gap:.75rem}.drill-down-nav-right{display:flex;align-items:center;gap:.5rem}.drill-down-nav-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background-color:var(--color-background-alt, #f3f4f6);border:none;border-radius:6px;color:var(--color-text, #374151);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.drill-down-nav-btn:hover{background-color:var(--color-border, #e5e7eb)}.drill-down-nav-btn:disabled{opacity:.5;cursor:not-allowed}.drill-down-nav-btn.primary{background-color:var(--color-primary, #3b82f6);color:#fff}.drill-down-nav-btn.primary:hover{background-color:var(--color-primary-dark, #2563eb)}.drill-down-content{flex:1;overflow-y:auto;padding:1.5rem;position:relative}.drill-down-view-enter{opacity:0;transform:translate(30px)}.drill-down-view-enter-active{opacity:1;transform:translate(0);transition:opacity .3s ease-out,transform .3s ease-out}.drill-down-view-exit{opacity:1;transform:translate(0)}.drill-down-view-exit-active{opacity:0;transform:translate(-30px);transition:opacity .3s ease-in,transform .3s ease-in}.drill-down-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.drill-down-loading-spinner{width:48px;height:48px;border:3px solid var(--color-border, #e5e7eb);border-top-color:var(--color-primary, #3b82f6);border-radius:50%;animation:drill-down-spin 1s linear infinite}@keyframes drill-down-spin{to{transform:rotate(360deg)}}.drill-down-loading-text{font-size:.875rem;color:var(--color-text-muted, #6b7280)}.drill-down-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;text-align:center}.drill-down-error-icon{color:var(--color-danger, #ef4444)}.drill-down-error-message{font-size:.9375rem;color:var(--color-text, #374151);max-width:400px}.drill-down-error-btn{padding:.625rem 1.25rem;background-color:var(--color-primary, #3b82f6);border:none;border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.drill-down-error-btn:hover{background-color:var(--color-primary-dark, #2563eb)}.chart-clickable{cursor:pointer}.chart-clickable .recharts-bar-rectangle,.chart-clickable .recharts-pie-sector,.chart-clickable .recharts-line-dots circle,.chart-clickable .recharts-area{cursor:pointer;transition:opacity .2s ease,filter .2s ease}.chart-clickable .recharts-bar-rectangle:hover,.chart-clickable .recharts-pie-sector:hover{filter:brightness(1.1);opacity:.9}.chart-hover-container{position:relative;transition:box-shadow .2s ease}.chart-hover-container:hover{box-shadow:0 4px 12px #0000001a}.chart-hover-container:after{content:"Click to drill down";position:absolute;bottom:8px;right:8px;padding:.25rem .5rem;background-color:#000000b3;color:#fff;font-size:.6875rem;border-radius:4px;opacity:0;transition:opacity .2s ease;pointer-events:none}.chart-hover-container:hover:after{opacity:1}.drill-down-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.drill-down-detail-card{background-color:#fff;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;padding:1.25rem;transition:box-shadow .2s ease}.drill-down-detail-card:hover{box-shadow:0 4px 12px #00000014}.drill-down-detail-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.drill-down-detail-card-title{font-size:1rem;font-weight:600;color:var(--color-text, #111827);display:flex;align-items:center;gap:.5rem}.drill-down-detail-card-badge{padding:.25rem .5rem;background-color:var(--color-primary, #3b82f6);color:#fff;font-size:.6875rem;font-weight:600;border-radius:4px;text-transform:uppercase}.drill-down-stats-row{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.drill-down-stat-item{flex:1;min-width:120px;padding:1rem;background-color:var(--color-background-alt, #f9fafb);border-radius:8px;text-align:center}.drill-down-stat-value{font-size:1.75rem;font-weight:700;color:var(--color-text, #111827);margin-bottom:.25rem}.drill-down-stat-label{font-size:.75rem;color:var(--color-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.025em}.drill-down-stat-change{display:flex;align-items:center;justify-content:center;gap:.25rem;font-size:.75rem;margin-top:.375rem}.drill-down-stat-change.positive{color:var(--color-success, #10b981)}.drill-down-stat-change.negative{color:var(--color-danger, #ef4444)}.drill-down-related-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border, #e5e7eb)}.drill-down-related-title{font-size:1.125rem;font-weight:600;color:var(--color-text, #111827);margin-bottom:1rem}.drill-down-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.drill-down-export-section{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-border, #e5e7eb);background-color:var(--color-background-alt, #f9fafb);flex-shrink:0}.drill-down-export-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background-color:#fff;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;color:var(--color-text, #374151);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.drill-down-export-btn:hover{background-color:var(--color-background-alt, #f3f4f6);border-color:var(--color-text-muted, #9ca3af)}.drill-down-export-btn svg{width:16px;height:16px}.keyboard-hint{display:inline-flex;align-items:center;padding:.125rem .375rem;background-color:var(--color-background-alt, #f3f4f6);border:1px solid var(--color-border, #e5e7eb);border-radius:4px;font-size:.6875rem;font-family:monospace;color:var(--color-text-muted, #6b7280);margin-left:.5rem}@media(max-width:768px){.drill-down-modal{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0}.drill-down-header{padding:.75rem 1rem;flex-wrap:wrap;gap:.75rem}.drill-down-nav{padding:.5rem 1rem;flex-direction:column;gap:.75rem}.drill-down-nav-left,.drill-down-nav-right{width:100%;justify-content:space-between}.drill-down-content{padding:1rem}.drill-down-detail-grid,.drill-down-related-grid{grid-template-columns:1fr}.drill-down-stats-row{flex-direction:column}.drill-down-stat-item{min-width:100%}.chart-hover-container:after{display:none}.keyboard-hint{display:none}}@media(hover:none){.chart-hover-container:after{display:none}.chart-clickable .recharts-bar-rectangle,.chart-clickable .recharts-pie-sector{touch-action:manipulation}}@media print{.drill-down-overlay{position:static;background-color:transparent}.drill-down-modal{box-shadow:none;max-height:none;width:100%;max-width:100%}.drill-down-close-btn,.drill-down-nav-btn,.drill-down-export-section,.keyboard-hint{display:none}}@media(prefers-color-scheme:dark){.drill-down-modal{background-color:var(--color-background-dark, #1f2937);color:var(--color-text-light, #f9fafb)}.drill-down-header{background-color:var(--color-background-darker, #111827);border-color:var(--color-border-dark, #374151)}.drill-down-content{background-color:var(--color-background-dark, #1f2937)}.drill-down-detail-card{background-color:var(--color-background-darker, #111827);border-color:var(--color-border-dark, #374151)}}