.admin-sidebar {
    width: 100%;
    height: 100vh;
    overflow-y: auto;
}

.menu, .submenu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu li {

    position: relative;
    border-bottom: 1px solid #ddd;
}

.menu a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    transition: background 0.2s;
}

.menu a:hover {
}

.has-submenu > a::after {
    content: "▸";
    float: right;
    transition: transform 0.3s;
}

.has-submenu.open > a::after {
    transform: rotate(90deg);
}

.submenu {
    overflow: hidden;
    height: 0;
    transition: height 0.3s ease;
}

.submenu a {
    padding-left: 30px;
}

.submenu .submenu a {
    padding-left: 45px;
}

.menu a.active {
    color:  rgb(17, 134, 17);
    font-weight: bold;
}