body {
    font-family: 'Inter', sans-serif;
    background-color: #F8F7F4; /* Latar belakang netral yang lembut */
    color: #1A1A1A; /* Teks utama yang gelap agar mudah dibaca */
}
.sidebar-item {
    transition: all 0.2s ease-in-out;
}
.sidebar-item.active {
    background-color: #D9A443; /* Warna aksen emas untuk item aktif */
    color: #0A2463; /* Warna biru tua untuk teks item aktif */
    font-weight: 600;
}
.sidebar-item:hover {
    background-color: #E6C585; /* Warna hover yang lebih terang */
}
.content-section {
    display: none;
}
.content-section.active {
    display: block;
    animation: fadeIn 0.5s ease-in-out;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.flowchart-step {
    cursor: pointer;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.flowchart-step:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.accordion-header {
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}
.accordion-header:hover {
    background-color: #f0f0f0;
}
.accordion-content {
    display: none;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
}
.accordion-content.active {
    display: block;
}