:root {
        --primary-color: #18cb96;
        --secondary-color: #373643;
    }
    
    body {
        font-family: 'Poppins', sans-serif;
        background-color: #f8f9fa;
    }
    
    .menu-trigger-area {
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 100%;
        z-index: 40;
    }
    
    .dropdown-menu {
        position: fixed;
        top: 0;
        left: -300px;
        width: 280px;
        height: 100%;
        background-color: white;
        z-index: 50;
        box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
        transition: left 0.3s ease-in-out;
        overflow-y: auto;
    }
    
    .menu-active .dropdown-menu {
        left: 0;
    }
    
    .submenu {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-in-out;
    }
    
    .dropdown-item.open .submenu {
        max-height: 500px;
    }