document.addEventListener('DOMContentLoaded', () => {
    const buttons = document.querySelectorAll('[data-tab-target]');
    if (!buttons.length) {
        return;
    }

    const activate = (id) => {
        document.querySelectorAll('.admin-tab-panel').forEach(el => el.style.display = 'none');
        const target = document.getElementById(id);
        if (target) {
            target.style.display = 'block';
        }

        buttons.forEach(btn => {
            const active = btn.dataset.tabTarget === id;
            btn.style.background = active ? '#fff' : '#f8fafc';
            btn.style.color = active ? '#1e40af' : '#64748b';
            btn.style.fontWeight = active ? '600' : '400';
            btn.style.borderColor = active ? '#3b82f6' : '#e2e8f0';
            btn.style.borderBottom = active ? '1px solid #fff' : '1px solid #e2e8f0';
        });
    };

    buttons.forEach(btn => {
        btn.addEventListener('click', () => activate(btn.dataset.tabTarget));
    });
});