/* Menggunakan font Inter sebagai font utama */
        body {
            font-family: 'Inter', sans-serif;
            background-color: #F8FAFC;
            /* Warna latar belakang abu-abu sangat terang (slate-50) */
        }

        /* Menghilangkan scrollbar untuk Chrome, Safari, dan Opera */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }

        /* Menghilangkan scrollbar untuk IE, Edge, dan Firefox */
        .no-scrollbar {
            -ms-overflow-style: none;
            /* IE and Edge */
            scrollbar-width: none;
            /* Firefox */
        }

        /* Styling untuk link navigasi yang aktif */
        .nav-link.active {
            background-color: #EEF2FF;
            /* indigo-100 */
            color: #4F46E5;
            /* indigo-600 */
            font-weight: 600;
        }

        .nav-link.active i {
            color: #4F46E5;
            /* indigo-600 */
        }

        /* Transisi untuk sidebar dan konten utama */
        #sidebar,
        #main-content {
            transition: all 0.3s ease-in-out;
        }

        /* Style untuk sidebar yang disembunyikan */
        #sidebar.collapsed {
            width: 96px;
            /* Lebar saat disembunyikan */
        }

        #sidebar.collapsed .nav-text,
        #sidebar.collapsed .nav-title,
        #sidebar.collapsed .logo-text {
            display: none;
        }

        #sidebar.collapsed .logo-container {
            justify-content: center;
        }

        /* Penyesuaian margin untuk konten utama */
        #main-content.sidebar-collapsed {
            margin-left: 96px;
        }

        .spinner {
            border: 4px solid rgba(0, 0, 0, 0.1);
            width: 36px;
            height: 36px;
            border-radius: 50%;
            border-left-color: #4F46E5;
            animation: spin 1s ease infinite;
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }