.skeleton { background: linear-gradient(90deg,#e8ecf3 25%,#f4f6fa 50%,#e8ecf3 75%); background-size: 200% 100%; animation: sk 1.2s infinite; border-radius: 8px; }
@keyframes sk { to { background-position: -200% 0; } }
.num { font-variant-numeric: tabular-nums; }
.flash-up { animation: fu 1s; } .flash-down { animation: fd 1s; }
@keyframes fu { from { background: #d1fae5; } to { background: transparent; } }
@keyframes fd { from { background: #fee2e2; } to { background: transparent; } }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; } }