/* Custom scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }
        
        ::-webkit-scrollbar-track {
            background: rgba(255, 255, 255, 0.1);
            border-radius: 10px;
        }
        
        ::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.3);
            border-radius: 10px;
            transition: all 0.3s;
        }
        
        ::-webkit-scrollbar-thumb:hover {
            background: rgba(255, 255, 255, 0.5);
        }

        /* Smooth scroll behavior */
        html {
            scroll-behavior: smooth;
        }

        .navLineSvg {
            stroke: currentColor;
            stroke-width: 1.5;
            stroke-linecap: round;
            stroke-linejoin: round;
            fill: none; 
        }


        .SvglinePlus {
            fill: none;
            stroke: currentColor;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 1.25
        }
        
        /* Sticky sidebar */
        .sidebar {
            position: sticky;
            top: 0;
            height: calc(100vh - 64px); /* Adjust based on header height */
            overflow-y: auto;
        }

        /* Button hover animation */
        .btn-hover {
            transition: all 0.3s ease;
        }
        
        .btn-hover:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        }
        
        /* Mobile menu animation */
        .mobile-menu {
            position: fixed;
            left: -100%;
            top: 0;
            width: 85%;
            height: 100dvh;
            z-index: 100;
            transition: left 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        }
        
        .mobile-menu.active {
            left: 0;
        }
        
        /* Close button animation */
        .close-btn {
            border-radius: 7px;
            background-color: #f8f9fa;
            transition: all 0.3s ease;
        }
        
        .close-btn:hover {
            transform: rotate(90deg);
            background-color: #e9ecef;
        }
        
        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 99;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease;
        }
        
        .overlay.active {
            opacity: 1;
            visibility: visible;
        }