body {
    font-family: 'Times New Roman', Times, serif;
}

.logo-font {
    font-family: 'Times New Roman', Times, serif;
}

.sidebar-item:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.sidebar-item.active {
    background: linear-gradient(90deg, #9E6A5D 0%, #F3AD82 100%);
}

.badge {
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 12px;
}

#sidebar {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

#sidebar-container {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

#sidebar-overlay {
    transition: opacity 0.3s ease-in-out;
}

.sidebar-hidden {
    width: 0 !important;
    overflow: hidden;
}

.submenu {
    display: none;
}

.sidebar-item.submenu-open + .submenu {
    display: block;
}

.submenu-item {
    color: white;
    transition: all 0.2s ease;
}

.submenu-item:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.submenu-item.active {
    color: #E4A17B;
    background-color: rgba(243, 173, 130, 0.2);
}

/* Sidebar scroll */
#sidebar .flex-1 {
    overflow-y: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}

#sidebar .flex-1::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}