body {
    font-family: 'Inter', sans-serif;
}
.sidebar-icon {
    stroke-width: 1.5;
}
/* Custom scrollbar for a cleaner look */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}
/* For modal backdrop */
.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.5);
}

@media (max-width: 768px) {
    .sidebar {
        position: fixed;
        transform: translateX(-100%);
        z-index: 1000;
        transition: transform 0.3s ease-in-out;
    }
    .sidebar.open {
        transform: translateX(0);
    }
}

/* Hide content sections by default */
.content-section {
    display: none;
}
.content-section.active {
    display: block;
}
/* Simple animation for modals */
.modal.hidden {
    display: none;
}
.modal.flex {
    display: flex;
}
.modal-content {
    animation: slide-up 0.3s ease-out;
}
@keyframes slide-up {
    from {
        transform: translateY(20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.sidebar.collapsed {
    width: 5rem !important; /* 80px */
}

.sidebar.collapsed .nav-link span,
.sidebar.collapsed .text-xl,
.sidebar.collapsed .text-red-500,
.sidebar.collapsed .expanded-credits {
    display: none !important;
}

.sidebar.collapsed .collapsed-credits {
    display: block !important;
}

.sidebar.collapsed .nav-link {
    justify-content: center !important;
}

.sidebar.collapsed #sidebar-toggle i {
    transform: rotate(180deg) !important;
}