// TAB SWITCHING FUNCTION
function changeTab(tabId) {
// Hide all tab contents
document.querySelectorAll(".tab-content").forEach(tab => {
tab.classList.add("hidden");
tab.classList.remove("active");
});

// Remove active styles from all tab buttons
document.querySelectorAll(".tab-button").forEach(btn => {
btn.classList.remove("active");
btn.classList.remove("text-indigo-600");
btn.classList.add("text-gray-500");
});

// Show the selected tab
const targetTab = document.getElementById(tabId);
targetTab.classList.remove("hidden");
targetTab.classList.add("active");

// Highlight the active button
const activeButton = document.querySelector(`[data-tab="${tabId}"]`);
activeButton.classList.add("active", "text-indigo-600");
activeButton.classList.remove("text-gray-500");
}

// Run feather icon replacement after DOM loads
document.addEventListener("DOMContentLoaded", () => {
if (window.feather) {
feather.replace();
}
});