/* Custom Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.dark ::-webkit-scrollbar-thumb { background: #475569; }

/* Card Hover Gradient Border Effect */
.hover-gradient-border {
    position: relative;
    background: padding-box, border-box;
    border: 2px solid transparent;
}
.hover-gradient-border::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; 
    padding: 2px; 
    background: linear-gradient(45deg, #0ea5e9, #6366f1);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask: 
       linear-gradient(#fff 0 0) content-box, 
       linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor; 
    mask-composite: exclude; 
    opacity: 0;
    transition: opacity 0.3s;
}
.hover-gradient-border:hover::before {
    opacity: 1;
}