body font-family: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; background: #e9ecef; color: #1e2a3e; padding: 20px;
const searchInput = document.getElementById('searchInput'); const clearBtn = document.getElementById('clearSearch');
// update active tab button style document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'); if (btn.getAttribute('data-panel') === panelId) btn.classList.add('active');
body font-family: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; background: #e9ecef; color: #1e2a3e; padding: 20px;
const searchInput = document.getElementById('searchInput'); const clearBtn = document.getElementById('clearSearch');
// update active tab button style document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'); if (btn.getAttribute('data-panel') === panelId) btn.classList.add('active');