@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .3s ease-out}@keyframes pulse-subtle{0%,to{opacity:.4}50%{opacity:.8}}.animate-pulse-subtle{animation:pulse-subtle 2s ease-in-out infinite}@keyframes bounce-small{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.animate-bounce-small{animation:bounce-small 1.4s ease-in-out infinite both}.event-reasoning{border-left:4px solid #3b82f6;background:linear-gradient(90deg,#dbeafe,#f8fafc)}.event-graph{border:1px solid #10b981;background:linear-gradient(90deg,#d1fae5,#f8fafc)}.event-report{border:1px solid #8b5cf6;background:linear-gradient(90deg,#ede9fe,#f8fafc)}.event-error{border-left:4px solid #ef4444;background:linear-gradient(90deg,#fee2e2,#f8fafc)}.chart-container{position:relative;transition:all .3s ease-in-out}.chart-container:hover{box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-2px)}.chart-controls{opacity:0;transition:opacity .2s ease-in-out}.chart-container:hover .chart-controls{opacity:1}.chart-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;font-size:11px;font-weight:500;border-radius:4px;border:none;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;min-width:32px;height:24px}.chart-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.chart-btn:active{transform:translateY(0)}.chart-fullscreen{z-index:1000;background:white;border-radius:8px;box-shadow:0 25px 50px rgba(0,0,0,.25)}.chart-fullscreen-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chart-instructions{position:absolute;bottom:8px;left:8px;background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:4px 8px;font-size:10px;color:#6b7280;pointer-events:none;opacity:0;transition:opacity .2s ease-in-out}.chart-container:hover .chart-instructions{opacity:1}.chart-legend-item{display:inline-flex;align-items:center;margin-right:12px;font-size:12px;color:#374151}.chart-legend-color{width:12px;height:12px;border-radius:2px;margin-right:6px}@media (max-width:768px){.chart-grid{grid-template-columns:1fr!important}.chart-container{height:240px}}@media (max-width:1024px){.chart-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important}}