.metric-card{position:relative;overflow:hidden;background:var(--gradient-slate);border:1px solid hsl(var(--color-slate-200));transition:all var(--transition-base)}[data-theme=dark] .metric-card{background:linear-gradient(135deg,#222f44,#1d283a);border-color:#344256}.metric-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}[data-theme=dark] .metric-card:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.metric-card:hover:before{left:100%}.sparkline-container{height:24px;margin:8px 0;opacity:.7;transition:opacity var(--transition-base)}.metric-card:hover .sparkline-container{opacity:1}.sparkline-placeholder{height:100%;background:linear-gradient(90deg,hsl(var(--color-slate-200)) 25%,hsl(var(--color-slate-100)),hsl(var(--color-slate-200)) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}[data-theme=dark] .sparkline-placeholder{background:linear-gradient(90deg,#394960 25%,#344256,#394960 75%);background-size:200% 100%}.sparkline{display:block}.sparkline-line{fill:none;stroke:hsl(var(--color-primary-500));stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sparkline-area{fill:hsl(var(--color-primary-500));opacity:.1}.sparkline-dot{fill:hsl(var(--color-primary-500));stroke:#fff;stroke-width:1}[data-theme=dark] .sparkline-dot{stroke:#1d283a}[data-trend=up] .sparkline-line{stroke:#21c45d}[data-trend=up] .sparkline-area,[data-trend=up] .sparkline-dot{fill:#21c45d}[data-trend=down] .sparkline-line{stroke:#dc2828}[data-trend=down] .sparkline-area,[data-trend=down] .sparkline-dot{fill:#dc2828}#minimap-container{width:200px;height:150px;position:relative}.minimap-svg{display:block;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.minimap-svg:hover{box-shadow:var(--shadow-md)}.minimap-viewport{cursor:move;transition:opacity var(--transition-fast)}.minimap-viewport:hover{opacity:.8!important;stroke-width:2.5}.minimap-node,.minimap-link{transition:all var(--transition-fast)}[data-theme=dark] .minimap-svg{background:#222f44!important;border-color:#394960!important}[data-theme=dark] .minimap-node{fill:#7678e5}[data-theme=dark] .minimap-link{stroke:#65758b}#zoom-indicator{background:linear-gradient(135deg,hsl(var(--color-slate-100)),hsl(var(--color-slate-50)));border-radius:var(--radius-sm);padding:4px 8px;font-family:Courier New,monospace;letter-spacing:1px}[data-theme=dark] #zoom-indicator{background:linear-gradient(135deg,#222f44,#1d283a);color:hsl(var(--color-slate-800))}button[id^=zoom-]{display:flex;align-items:center;justify-content:center;min-height:36px}button[id^=zoom-]:hover{transform:translateY(-2px) scale(1.05)}button[id^=zoom-]:active{transform:translateY(0) scale(.95)}@keyframes minimapPulse{0%,to{opacity:.6}50%{opacity:1}}.minimap-viewport.animating{animation:minimapPulse 1s ease-in-out infinite}.resize-handle{position:absolute;top:0;bottom:0;width:8px;cursor:col-resize;z-index:15;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.resize-handle-right{right:-4px}.resize-handle-left{left:-4px}.resize-handle-line{position:absolute;top:0;bottom:0;width:2px;background:transparent;transition:background-color var(--transition-fast)}.resize-handle:hover .resize-handle-line{background:hsl(var(--color-primary-500) / .3)}.resize-handle.dragging .resize-handle-line{background:hsl(var(--color-primary-500))}.resize-handle-grip{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 2px;background:hsl(var(--color-slate-100));border:1px solid hsl(var(--color-slate-300));border-radius:var(--radius-sm);color:hsl(var(--color-slate-500));opacity:0;transform:scale(.9);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.resize-handle:hover .resize-handle-grip{opacity:1;transform:scale(1)}.resize-handle.dragging .resize-handle-grip{opacity:1;transform:scale(1);background:hsl(var(--color-primary-50));border-color:hsl(var(--color-primary-500));color:hsl(var(--color-primary-600));box-shadow:var(--shadow-md)}[data-theme=dark] .resize-handle-grip{background:#222f44;border-color:#394960;color:hsl(var(--color-slate-500))}[data-theme=dark] .resize-handle.dragging .resize-handle-grip{background:#101156;border-color:#7678e5;color:#7678e5}.panel-collapsed>div:not(button):not(.resize-handle){display:none!important}.panel-collapsed{overflow:hidden}.panel-collapsed button[id^=toggle-]{display:flex!important}#toggle-area-panel svg,#toggle-details-panel svg{transition:transform var(--transition-base)}#area-panel,#details-panel{transition:width var(--transition-base),min-width var(--transition-base),box-shadow var(--transition-base)}#area-panel:hover,#details-panel:hover{box-shadow:var(--shadow-lg)}