@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out forwards}.skeleton{background:linear-gradient(90deg,#1e293b 25%,#334155,#1e293b 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.chart-container{position:relative;height:100%;width:100%}.metric-card{transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.alert-critical{border-left:4px solid #dc2626}.alert-high{border-left:4px solid #ea580c}.alert-medium{border-left:4px solid #f59e0b}.alert-low{border-left:4px solid #3b82f6}@media (max-width: 640px){.responsive-table{display:block;overflow-x:auto;white-space:nowrap}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}@media print{body{background:#fff;color:#000}.no-print{display:none!important}.chart-container{break-inside:avoid}}