/* Layout Utama */
.custom-tabs-wrapper { display: flex; gap: 30px; flex-wrap: wrap; }
.custom-sidebar { flex: 1 1 250px; display: flex; flex-direction: column; gap: 10px; }
.custom-content { flex: 3 1 500px; }

/* Tab Style */
.tab-link { 
    background: #f4f4f4; border: none; padding: 15px; text-align: left; 
    cursor: pointer; border-radius: 5px; font-weight: bold; transition: 0.3s;
}
.tab-link.active { background: #003264; color: white; }

/* Pane Content */
.tab-pane { display: none; }
.tab-pane.active { display: block; animation: fadeIn 0.5s; }

/* Accordion Style */
.acc-item { border: 1px solid #ddd; margin-bottom: 10px; border-radius: 5px; }
.acc-header { 
    width: 100%; padding: 15px; background: white; border: none; 
    text-align: left; cursor: pointer; font-weight: bold;
}
.acc-body { display: none; padding: 15px; border-top: 1px solid #ddd; }
.acc-body.show { display: block; }

/* Responsif untuk Mobile */
@media (max-width: 768px) {
    .custom-tabs-wrapper { flex-direction: column; }
}

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }