specimenx/goalburst-dashboard

1/* Custom animations */2@keyframes fadeIn {3    from { opacity: 0; transform: translateY(10px); }4    to { opacity: 1; transform: translateY(0); }5}6 7.match-card {8    animation: fadeIn 0.5s ease-out forwards;9    opacity: 0;10}11 12.match-card:nth-child(1) { animation-delay: 0.1s; }13.match-card:nth-child(2) { animation-delay: 0.2s; }14.match-card:nth-child(3) { animation-delay: 0.3s; }15.match-card:nth-child(4) { animation-delay: 0.4s; }16.match-card:nth-child(5) { animation-delay: 0.5s; }17 18/* Custom scrollbar */19::-webkit-scrollbar {20    width: 8px;21    height: 8px;22}23 24::-webkit-scrollbar-track {25    background: #f1f1f1;26    border-radius: 10px;27}28 29::-webkit-scrollbar-thumb {30    background: #888;31    border-radius: 10px;32}33 34::-webkit-scrollbar-thumb:hover {35    background: #555;36}37 38/* Responsive tweaks */39@media (max-width: 640px) {40    .match-card {41        flex-direction: column;42        text-align: center;43    }44    45    .confidence-meter {46        margin-top: 0.5rem;47        width: 100%;48    }49}