body {
    font-family: 'Inter', sans-serif;
    background-color: #f3f4f6;
}
.text-gradient {
    background: linear-gradient(to right, #8e2de2, #4a00e0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hero-bg {
    background-color: #111827;
    background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,0.1) 1px, transparent 0);
    background-size: 2rem 2rem;
}
.card-hover-effect {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card-hover-effect:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}
/* Simple fade-in animation */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.fade-in {
    animation: fadeIn 0.8s ease-out forwards;
}
.dropdown-container{position:relative;display:inline-block}.dropdown-menu{position:absolute;right:0;top:100%;background-color:white;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);min-width:160px;z-index:20;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s ease-out,transform .2s ease-out,visibility .2s;padding:.5rem 0}.dropdown-container:hover .dropdown-menu,.dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a{display:block;padding:.75rem 1rem;color:#4B5563;text-decoration:none;transition:background-color .1s ease-in-out;font-weight:500}.dropdown-menu a:hover{background-color:#F3F4F6;color:#4F46E5}.dropdown-menu a.logout-option{color:#EF4444}.dropdown-menu a.logout-option:hover{background-color:#FEF2F2;color:#DC2626}