diff --git a/app/[locale]/admin/page.tsx b/app/[locale]/admin/page.tsx
index c080b1f..6f4bdac 100644
--- a/app/[locale]/admin/page.tsx
+++ b/app/[locale]/admin/page.tsx
@@ -376,7 +376,7 @@ export default function AdminPage({ params }: { params: { locale: string } }) {
     const handleCreateSpecial = async (e: React.FormEvent) => {
         e.preventDefault();
         if (!newSpecialName.de.trim() && !newSpecialName.en.trim()) return;
-        
+
         // Validate unlock steps
         const unlockStepsError = validateUnlockSteps(newSpecialUnlockSteps);
         if (unlockStepsError) {
@@ -384,7 +384,7 @@ export default function AdminPage({ params }: { params: { locale: string } }) {
             return;
         }
         setNewSpecialUnlockStepsError(null);
-        
+
         const res = await fetch('/api/specials', {
             method: 'POST',
             headers: getAuthHeaders(),
@@ -501,7 +501,7 @@ export default function AdminPage({ params }: { params: { locale: string } }) {
 
     const saveEditedSpecial = async () => {
         if (editingSpecialId === null) return;
-        
+
         // Validate unlock steps
         const unlockStepsError = validateUnlockSteps(editSpecialUnlockSteps);
         if (unlockStepsError) {
@@ -509,7 +509,7 @@ export default function AdminPage({ params }: { params: { locale: string } }) {
             return;
         }
         setEditSpecialUnlockStepsError(null);
-        
+
         const res = await fetch('/api/specials', {
             method: 'PUT',
             headers: getAuthHeaders(),
@@ -1337,224 +1337,224 @@ export default function AdminPage({ params }: { params: { locale: string } }) {
                 {showSpecials && (
                     <>
                         <form onSubmit={handleCreateSpecial} style={{ marginBottom: '1rem' }} key={`special-form-${activeTab}`}>
-                    <div style={{ display: 'flex', gap: '0.5rem', flexWrap: 'wrap', alignItems: 'flex-end' }}>
-                        <div style={{ display: 'flex', flexDirection: 'column' }}>
-                            <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('name')}</label>
-                            <input type="text" placeholder={t('name')} value={newSpecialName[activeTab] || ''} onChange={e => setNewSpecialName({ ...newSpecialName, [activeTab]: e.target.value })} className="form-input" required key={`special-name-${activeTab}`} />
-                        </div>
-                        <div style={{ display: 'flex', flexDirection: 'column' }}>
-                            <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('subtitle')}</label>
-                            <input type="text" placeholder={t('subtitle')} value={newSpecialSubtitle[activeTab] || ''} onChange={e => setNewSpecialSubtitle({ ...newSpecialSubtitle, [activeTab]: e.target.value })} className="form-input" key={`special-subtitle-${activeTab}`} />
-                        </div>
-                        <div style={{ display: 'flex', flexDirection: 'column' }}>
-                            <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('maxAttempts')}</label>
-                            <input type="number" placeholder={t('maxAttempts')} value={newSpecialMaxAttempts} onChange={e => setNewSpecialMaxAttempts(Number(e.target.value))} className="form-input" min={1} style={{ width: '80px' }} />
-                        </div>
-                        <div style={{ display: 'flex', flexDirection: 'column' }}>
-                            <label style={{ fontSize: '0.75rem', color: '#666', display: 'flex', alignItems: 'center', gap: '0.25rem' }}>
-                                {t('unlockSteps')}
-                                {newSpecialUnlockStepsError && (
-                                    <span 
-                                        title={newSpecialUnlockStepsError}
-                                        style={{ 
-                                            color: '#ef4444', 
-                                            cursor: 'help',
-                                            fontSize: '0.875rem'
+                            <div style={{ display: 'flex', gap: '0.5rem', flexWrap: 'wrap', alignItems: 'flex-end' }}>
+                                <div style={{ display: 'flex', flexDirection: 'column' }}>
+                                    <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('name')}</label>
+                                    <input type="text" placeholder={t('name')} value={newSpecialName[activeTab] || ''} onChange={e => setNewSpecialName({ ...newSpecialName, [activeTab]: e.target.value })} className="form-input" required key={`special-name-${activeTab}`} />
+                                </div>
+                                <div style={{ display: 'flex', flexDirection: 'column' }}>
+                                    <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('subtitle')}</label>
+                                    <input type="text" placeholder={t('subtitle')} value={newSpecialSubtitle[activeTab] || ''} onChange={e => setNewSpecialSubtitle({ ...newSpecialSubtitle, [activeTab]: e.target.value })} className="form-input" key={`special-subtitle-${activeTab}`} />
+                                </div>
+                                <div style={{ display: 'flex', flexDirection: 'column' }}>
+                                    <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('maxAttempts')}</label>
+                                    <input type="number" placeholder={t('maxAttempts')} value={newSpecialMaxAttempts} onChange={e => setNewSpecialMaxAttempts(Number(e.target.value))} className="form-input" min={1} style={{ width: '80px' }} />
+                                </div>
+                                <div style={{ display: 'flex', flexDirection: 'column' }}>
+                                    <label style={{ fontSize: '0.75rem', color: '#666', display: 'flex', alignItems: 'center', gap: '0.25rem' }}>
+                                        {t('unlockSteps')}
+                                        {newSpecialUnlockStepsError && (
+                                            <span
+                                                title={newSpecialUnlockStepsError}
+                                                style={{
+                                                    color: '#ef4444',
+                                                    cursor: 'help',
+                                                    fontSize: '0.875rem'
+                                                }}
+                                            >
+                                                ⚠️
+                                            </span>
+                                        )}
+                                    </label>
+                                    <input
+                                        type="text"
+                                        placeholder={t('unlockSteps')}
+                                        value={newSpecialUnlockSteps}
+                                        onChange={e => {
+                                            const value = e.target.value;
+                                            setNewSpecialUnlockSteps(value);
+                                            const error = validateUnlockSteps(value);
+                                            setNewSpecialUnlockStepsError(error);
                                         }}
-                                    >
-                                        ⚠️
-                                    </span>
-                                )}
-                            </label>
-                            <input 
-                                type="text" 
-                                placeholder={t('unlockSteps')} 
-                                value={newSpecialUnlockSteps} 
-                                onChange={e => {
-                                    const value = e.target.value;
-                                    setNewSpecialUnlockSteps(value);
-                                    const error = validateUnlockSteps(value);
-                                    setNewSpecialUnlockStepsError(error);
-                                }} 
-                                className="form-input" 
-                                title={newSpecialUnlockStepsError || undefined}
-                                style={{ 
-                                    width: '200px',
-                                    borderColor: newSpecialUnlockStepsError ? '#ef4444' : undefined
-                                }} 
-                            />
-                        </div>
-                        <div style={{ display: 'flex', flexDirection: 'column' }}>
-                            <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('launchDate')}</label>
-                            <input type="date" value={newSpecialLaunchDate} onChange={e => setNewSpecialLaunchDate(e.target.value)} className="form-input" />
-                        </div>
-                        <div style={{ display: 'flex', flexDirection: 'column' }}>
-                            <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('endDate')}</label>
-                            <input type="date" value={newSpecialEndDate} onChange={e => setNewSpecialEndDate(e.target.value)} className="form-input" />
-                        </div>
-                        <div style={{ display: 'flex', flexDirection: 'column' }}>
-                            <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('curator')}</label>
-                            <input type="text" placeholder={t('curator')} value={newSpecialCurator} onChange={e => setNewSpecialCurator(e.target.value)} className="form-input" />
-                        </div>
-                        <div style={{ display: 'flex', flexDirection: 'column' }}>
-                             <label style={{ fontSize: '0.75rem', color: '#666', visibility: 'hidden' }}>Hidden</label>
-                             <label style={{ display: 'flex', alignItems: 'center', gap: '0.25rem', height: '38px', cursor: 'pointer' }}>
-                                <input
-                                    type="checkbox"
-                                    checked={newSpecialHidden}
-                                    onChange={e => setNewSpecialHidden(e.target.checked)}
-                                    style={{ width: '1rem', height: '1rem' }}
-                                />
-                                Hidden
-                            </label>
-                        </div>
-                        <button 
-                            type="submit" 
-                            className="btn-primary" 
-                            style={{ 
-                                height: '38px',
-                                opacity: newSpecialUnlockStepsError ? 0.5 : 1,
-                                cursor: newSpecialUnlockStepsError ? 'not-allowed' : 'pointer'
-                            }}
-                            disabled={!!newSpecialUnlockStepsError}
-                        >
-                            {t('addSpecial')}
-                        </button>
-                    </div>
-                </form>
-                <div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.5rem' }}>
-                    {specials.map(special => (
-                        <div
-                            key={special.id}
-                            style={{
-                                background: '#f3f4f6',
-                                padding: '0.25rem 0.75rem',
-                                borderRadius: '999px',
-                                display: 'flex',
-                                alignItems: 'center',
-                                gap: '0.5rem',
-                                fontSize: '0.875rem',
-                            }}
-                        >
-                            <span>
-                                {special.hidden && <span title="Hidden from navigation">👁️‍🗨️</span>} {getLocalizedValue(special.name, activeTab)} ({special._count?.songs || 0})
-                            </span>
-                            {special.subtitle && (
-                                <span
+                                        className="form-input"
+                                        title={newSpecialUnlockStepsError || undefined}
+                                        style={{
+                                            width: '200px',
+                                            borderColor: newSpecialUnlockStepsError ? '#ef4444' : undefined
+                                        }}
+                                    />
+                                </div>
+                                <div style={{ display: 'flex', flexDirection: 'column' }}>
+                                    <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('launchDate')}</label>
+                                    <input type="date" value={newSpecialLaunchDate} onChange={e => setNewSpecialLaunchDate(e.target.value)} className="form-input" />
+                                </div>
+                                <div style={{ display: 'flex', flexDirection: 'column' }}>
+                                    <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('endDate')}</label>
+                                    <input type="date" value={newSpecialEndDate} onChange={e => setNewSpecialEndDate(e.target.value)} className="form-input" />
+                                </div>
+                                <div style={{ display: 'flex', flexDirection: 'column' }}>
+                                    <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('curator')}</label>
+                                    <input type="text" placeholder={t('curator')} value={newSpecialCurator} onChange={e => setNewSpecialCurator(e.target.value)} className="form-input" />
+                                </div>
+                                <div style={{ display: 'flex', flexDirection: 'column' }}>
+                                    <label style={{ fontSize: '0.75rem', color: '#666', visibility: 'hidden' }}>Hidden</label>
+                                    <label style={{ display: 'flex', alignItems: 'center', gap: '0.25rem', height: '38px', cursor: 'pointer' }}>
+                                        <input
+                                            type="checkbox"
+                                            checked={newSpecialHidden}
+                                            onChange={e => setNewSpecialHidden(e.target.checked)}
+                                            style={{ width: '1rem', height: '1rem' }}
+                                        />
+                                        Hidden
+                                    </label>
+                                </div>
+                                <button
+                                    type="submit"
+                                    className="btn-primary"
                                     style={{
-                                        fontSize: '0.75rem',
-                                        color: '#666',
-                                        marginLeft: '0.25rem',
+                                        height: '38px',
+                                        opacity: newSpecialUnlockStepsError ? 0.5 : 1,
+                                        cursor: newSpecialUnlockStepsError ? 'not-allowed' : 'pointer'
+                                    }}
+                                    disabled={!!newSpecialUnlockStepsError}
+                                >
+                                    {t('addSpecial')}
+                                </button>
+                            </div>
+                        </form>
+                        <div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.5rem' }}>
+                            {specials.map(special => (
+                                <div
+                                    key={special.id}
+                                    style={{
+                                        background: '#f3f4f6',
+                                        padding: '0.25rem 0.75rem',
+                                        borderRadius: '999px',
+                                        display: 'flex',
+                                        alignItems: 'center',
+                                        gap: '0.5rem',
+                                        fontSize: '0.875rem',
                                     }}
                                 >
-                                    - {getLocalizedValue(special.subtitle, activeTab)}
-                                </span>
-                            )}
-                            <button
-                                onClick={() => startEditSpecial(special)}
-                                className="btn-secondary"
-                                style={{ marginRight: '0.5rem' }}
-                            >
-                                {t('edit')}
-                            </button>
-                            <button
-                                onClick={() => handleDeleteSpecial(special.id)}
-                                className="btn-danger"
-                            >
-                                {t('delete')}
-                            </button>
-                        </div>
-                    ))}
-                </div>
-                {editingSpecialId !== null && (
-                    <div style={{ marginTop: '1rem', padding: '1rem', background: '#f9fafb', borderRadius: '0.5rem' }}>
-                        <h3>{t('editSpecial')}</h3>
-                        <div style={{ display: 'flex', gap: '0.5rem', flexWrap: 'wrap', alignItems: 'flex-end' }}>
-                        <div style={{ display: 'flex', flexDirection: 'column' }}>
-                            <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('name')}</label>
-                            <input type="text" value={editSpecialName[activeTab] || ''} onChange={e => setEditSpecialName({ ...editSpecialName, [activeTab]: e.target.value })} className="form-input" key={`edit-special-name-${activeTab}`} />
-                            </div>
-                            <div style={{ display: 'flex', flexDirection: 'column' }}>
-                                <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('subtitle')}</label>
-                                <input type="text" value={editSpecialSubtitle[activeTab] || ''} onChange={e => setEditSpecialSubtitle({ ...editSpecialSubtitle, [activeTab]: e.target.value })} className="form-input" key={`edit-special-subtitle-${activeTab}`} />
-                            </div>
-                            <div style={{ display: 'flex', flexDirection: 'column' }}>
-                                <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('maxAttempts')}</label>
-                                <input type="number" value={editSpecialMaxAttempts} onChange={e => setEditSpecialMaxAttempts(Number(e.target.value))} className="form-input" min={1} style={{ width: '80px' }} />
-                            </div>
-                            <div style={{ display: 'flex', flexDirection: 'column' }}>
-                                <label style={{ fontSize: '0.75rem', color: '#666', display: 'flex', alignItems: 'center', gap: '0.25rem' }}>
-                                    {t('unlockSteps')}
-                                    {editSpecialUnlockStepsError && (
-                                        <span 
-                                            title={editSpecialUnlockStepsError}
-                                            style={{ 
-                                                color: '#ef4444', 
-                                                cursor: 'help',
-                                                fontSize: '0.875rem'
+                                    <span>
+                                        {special.hidden && <span title="Hidden from navigation">👁️‍🗨️</span>} {getLocalizedValue(special.name, activeTab)} ({special._count?.songs || 0})
+                                    </span>
+                                    {special.subtitle && (
+                                        <span
+                                            style={{
+                                                fontSize: '0.75rem',
+                                                color: '#666',
+                                                marginLeft: '0.25rem',
                                             }}
                                         >
-                                            ⚠️
+                                            - {getLocalizedValue(special.subtitle, activeTab)}
                                         </span>
                                     )}
-                                </label>
-                                <input 
-                                    type="text" 
-                                    value={editSpecialUnlockSteps} 
-                                    onChange={e => {
-                                        const value = e.target.value;
-                                        setEditSpecialUnlockSteps(value);
-                                        const error = validateUnlockSteps(value);
-                                        setEditSpecialUnlockStepsError(error);
-                                    }} 
-                                    className="form-input" 
-                                    title={editSpecialUnlockStepsError || undefined}
-                                    style={{ 
-                                        width: '200px',
-                                        borderColor: editSpecialUnlockStepsError ? '#ef4444' : undefined
-                                    }} 
-                                />
-                            </div>
-                            <div style={{ display: 'flex', flexDirection: 'column' }}>
-                                <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('launchDate')}</label>
-                                <input type="date" value={editSpecialLaunchDate} onChange={e => setEditSpecialLaunchDate(e.target.value)} className="form-input" />
-                            </div>
-                            <div style={{ display: 'flex', flexDirection: 'column' }}>
-                                <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('endDate')}</label>
-                                <input type="date" value={editSpecialEndDate} onChange={e => setEditSpecialEndDate(e.target.value)} className="form-input" />
-                            </div>
-                            <div style={{ display: 'flex', flexDirection: 'column' }}>
-                                <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('curator')}</label>
-                                <input type="text" value={editSpecialCurator} onChange={e => setEditSpecialCurator(e.target.value)} className="form-input" />
-                            </div>
-                            <div style={{ display: 'flex', flexDirection: 'column' }}>
-                                <label style={{ fontSize: '0.75rem', color: '#666', visibility: 'hidden' }}>Hidden</label>
-                                <label style={{ display: 'flex', alignItems: 'center', gap: '0.25rem', height: '38px', cursor: 'pointer' }}>
-                                    <input
-                                        type="checkbox"
-                                        checked={editSpecialHidden}
-                                        onChange={e => setEditSpecialHidden(e.target.checked)}
-                                        style={{ width: '1rem', height: '1rem' }}
-                                    />
-                                    Hidden
-                                </label>
-                            </div>
-                            <button 
-                                onClick={saveEditedSpecial} 
-                                className="btn-primary" 
-                                style={{ 
-                                    height: '38px',
-                                    opacity: editSpecialUnlockStepsError ? 0.5 : 1,
-                                    cursor: editSpecialUnlockStepsError ? 'not-allowed' : 'pointer'
-                                }}
-                                disabled={!!editSpecialUnlockStepsError}
-                            >
-                                {t('save')}
-                            </button>
-                            <button onClick={() => setEditingSpecialId(null)} className="btn-secondary" style={{ height: '38px' }}>{t('cancel')}</button>
+                                    <button
+                                        onClick={() => startEditSpecial(special)}
+                                        className="btn-secondary"
+                                        style={{ marginRight: '0.5rem' }}
+                                    >
+                                        {t('edit')}
+                                    </button>
+                                    <button
+                                        onClick={() => handleDeleteSpecial(special.id)}
+                                        className="btn-danger"
+                                    >
+                                        {t('delete')}
+                                    </button>
+                                </div>
+                            ))}
                         </div>
-                    </div>
-                )}
+                        {editingSpecialId !== null && (
+                            <div style={{ marginTop: '1rem', padding: '1rem', background: '#f9fafb', borderRadius: '0.5rem' }}>
+                                <h3>{t('editSpecial')}</h3>
+                                <div style={{ display: 'flex', gap: '0.5rem', flexWrap: 'wrap', alignItems: 'flex-end' }}>
+                                    <div style={{ display: 'flex', flexDirection: 'column' }}>
+                                        <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('name')}</label>
+                                        <input type="text" value={editSpecialName[activeTab] || ''} onChange={e => setEditSpecialName({ ...editSpecialName, [activeTab]: e.target.value })} className="form-input" key={`edit-special-name-${activeTab}`} />
+                                    </div>
+                                    <div style={{ display: 'flex', flexDirection: 'column' }}>
+                                        <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('subtitle')}</label>
+                                        <input type="text" value={editSpecialSubtitle[activeTab] || ''} onChange={e => setEditSpecialSubtitle({ ...editSpecialSubtitle, [activeTab]: e.target.value })} className="form-input" key={`edit-special-subtitle-${activeTab}`} />
+                                    </div>
+                                    <div style={{ display: 'flex', flexDirection: 'column' }}>
+                                        <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('maxAttempts')}</label>
+                                        <input type="number" value={editSpecialMaxAttempts} onChange={e => setEditSpecialMaxAttempts(Number(e.target.value))} className="form-input" min={1} style={{ width: '80px' }} />
+                                    </div>
+                                    <div style={{ display: 'flex', flexDirection: 'column' }}>
+                                        <label style={{ fontSize: '0.75rem', color: '#666', display: 'flex', alignItems: 'center', gap: '0.25rem' }}>
+                                            {t('unlockSteps')}
+                                            {editSpecialUnlockStepsError && (
+                                                <span
+                                                    title={editSpecialUnlockStepsError}
+                                                    style={{
+                                                        color: '#ef4444',
+                                                        cursor: 'help',
+                                                        fontSize: '0.875rem'
+                                                    }}
+                                                >
+                                                    ⚠️
+                                                </span>
+                                            )}
+                                        </label>
+                                        <input
+                                            type="text"
+                                            value={editSpecialUnlockSteps}
+                                            onChange={e => {
+                                                const value = e.target.value;
+                                                setEditSpecialUnlockSteps(value);
+                                                const error = validateUnlockSteps(value);
+                                                setEditSpecialUnlockStepsError(error);
+                                            }}
+                                            className="form-input"
+                                            title={editSpecialUnlockStepsError || undefined}
+                                            style={{
+                                                width: '200px',
+                                                borderColor: editSpecialUnlockStepsError ? '#ef4444' : undefined
+                                            }}
+                                        />
+                                    </div>
+                                    <div style={{ display: 'flex', flexDirection: 'column' }}>
+                                        <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('launchDate')}</label>
+                                        <input type="date" value={editSpecialLaunchDate} onChange={e => setEditSpecialLaunchDate(e.target.value)} className="form-input" />
+                                    </div>
+                                    <div style={{ display: 'flex', flexDirection: 'column' }}>
+                                        <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('endDate')}</label>
+                                        <input type="date" value={editSpecialEndDate} onChange={e => setEditSpecialEndDate(e.target.value)} className="form-input" />
+                                    </div>
+                                    <div style={{ display: 'flex', flexDirection: 'column' }}>
+                                        <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('curator')}</label>
+                                        <input type="text" value={editSpecialCurator} onChange={e => setEditSpecialCurator(e.target.value)} className="form-input" />
+                                    </div>
+                                    <div style={{ display: 'flex', flexDirection: 'column' }}>
+                                        <label style={{ fontSize: '0.75rem', color: '#666', visibility: 'hidden' }}>Hidden</label>
+                                        <label style={{ display: 'flex', alignItems: 'center', gap: '0.25rem', height: '38px', cursor: 'pointer' }}>
+                                            <input
+                                                type="checkbox"
+                                                checked={editSpecialHidden}
+                                                onChange={e => setEditSpecialHidden(e.target.checked)}
+                                                style={{ width: '1rem', height: '1rem' }}
+                                            />
+                                            Hidden
+                                        </label>
+                                    </div>
+                                    <button
+                                        onClick={saveEditedSpecial}
+                                        className="btn-primary"
+                                        style={{
+                                            height: '38px',
+                                            opacity: editSpecialUnlockStepsError ? 0.5 : 1,
+                                            cursor: editSpecialUnlockStepsError ? 'not-allowed' : 'pointer'
+                                        }}
+                                        disabled={!!editSpecialUnlockStepsError}
+                                    >
+                                        {t('save')}
+                                    </button>
+                                    <button onClick={() => setEditingSpecialId(null)} className="btn-secondary" style={{ height: '38px' }}>{t('cancel')}</button>
+                                </div>
+                            </div>
+                        )}
                     </>
                 )}
             </div>
@@ -1582,161 +1582,161 @@ export default function AdminPage({ params }: { params: { locale: string } }) {
                 {showGenres && (
                     <>
                         <div style={{ display: 'flex', gap: '0.5rem', marginBottom: '1rem', alignItems: 'center' }}>
-                    <input
-                        type="text"
-                        value={newGenreName[activeTab] || ''}
-                        onChange={e => setNewGenreName({ ...newGenreName, [activeTab]: e.target.value })}
-                        placeholder={t('newGenreName')}
-                        className="form-input"
-                        style={{ maxWidth: '200px' }}
-                        key={`genre-name-${activeTab}`}
-                    />
-                    <input
-                        type="text"
-                        value={newGenreSubtitle[activeTab] || ''}
-                        onChange={e => setNewGenreSubtitle({ ...newGenreSubtitle, [activeTab]: e.target.value })}
-                        placeholder={t('subtitle')}
-                        className="form-input"
-                        style={{ maxWidth: '300px' }}
-                        key={`genre-subtitle-${activeTab}`}
-                    />
-                    <label style={{ display: 'flex', alignItems: 'center', gap: '0.25rem', fontSize: '0.875rem', cursor: 'pointer' }}>
-                        <input
-                            type="checkbox"
-                            checked={newGenreActive}
-                            onChange={e => setNewGenreActive(e.target.checked)}
-                        />
-                        {t('active')}
-                    </label>
-                    <button onClick={createGenre} className="btn-primary">{t('addGenre')}</button>
-                </div>
-                <div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.5rem' }}>
-                    {genres.map(genre => (
-                        <div key={genre.id} style={{
-                            background: genre.active ? '#f3f4f6' : '#fee2e2',
-                            opacity: genre.active ? 1 : 0.8,
-                            padding: '0.25rem 0.75rem',
-                            borderRadius: '999px',
-                            display: 'flex',
-                            alignItems: 'center',
-                            gap: '0.5rem',
-                            fontSize: '0.875rem'
-                        }}>
-                            <span>{getLocalizedValue(genre.name, activeTab)} ({genre._count?.songs || 0})</span>
-                            {genre.subtitle && <span style={{ fontSize: '0.75rem', color: '#666' }}>- {getLocalizedValue(genre.subtitle, activeTab)}</span>}
-                            <button onClick={() => startEditGenre(genre)} className="btn-secondary" style={{ padding: '0.1rem 0.5rem', fontSize: '0.75rem' }}>{t('edit')}</button>
-                            <button onClick={() => deleteGenre(genre.id)} className="btn-danger" style={{ padding: '0.1rem 0.5rem', fontSize: '0.75rem' }}>×</button>
+                            <input
+                                type="text"
+                                value={newGenreName[activeTab] || ''}
+                                onChange={e => setNewGenreName({ ...newGenreName, [activeTab]: e.target.value })}
+                                placeholder={t('newGenreName')}
+                                className="form-input"
+                                style={{ maxWidth: '200px' }}
+                                key={`genre-name-${activeTab}`}
+                            />
+                            <input
+                                type="text"
+                                value={newGenreSubtitle[activeTab] || ''}
+                                onChange={e => setNewGenreSubtitle({ ...newGenreSubtitle, [activeTab]: e.target.value })}
+                                placeholder={t('subtitle')}
+                                className="form-input"
+                                style={{ maxWidth: '300px' }}
+                                key={`genre-subtitle-${activeTab}`}
+                            />
+                            <label style={{ display: 'flex', alignItems: 'center', gap: '0.25rem', fontSize: '0.875rem', cursor: 'pointer' }}>
+                                <input
+                                    type="checkbox"
+                                    checked={newGenreActive}
+                                    onChange={e => setNewGenreActive(e.target.checked)}
+                                />
+                                {t('active')}
+                            </label>
+                            <button onClick={createGenre} className="btn-primary">{t('addGenre')}</button>
                         </div>
-                    ))}
-                </div>
-                {editingGenreId !== null && (
-                    <div style={{ marginTop: '1rem', padding: '1rem', background: '#f9fafb', borderRadius: '0.5rem' }}>
-                        <h3>{t('editGenre')}</h3>
-                        <div style={{ display: 'flex', gap: '0.5rem', alignItems: 'flex-end' }}>
-                            <div style={{ display: 'flex', flexDirection: 'column' }}>
-                                <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('name')}</label>
-                                <input type="text" value={editGenreName[activeTab] || ''} onChange={e => setEditGenreName({ ...editGenreName, [activeTab]: e.target.value })} className="form-input" key={`edit-genre-name-${activeTab}`} />
-                            </div>
-                            <div style={{ display: 'flex', flexDirection: 'column' }}>
-                                <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('subtitle')}</label>
-                                <input type="text" value={editGenreSubtitle[activeTab] || ''} onChange={e => setEditGenreSubtitle({ ...editGenreSubtitle, [activeTab]: e.target.value })} className="form-input" style={{ width: '300px' }} key={`edit-genre-subtitle-${activeTab}`} />
-                            </div>
-                            <div style={{ display: 'flex', flexDirection: 'column', justifyContent: 'flex-end', paddingBottom: '0.5rem' }}>
-                                <label style={{ display: 'flex', alignItems: 'center', gap: '0.25rem', fontSize: '0.875rem', cursor: 'pointer' }}>
-                                    <input
-                                        type="checkbox"
-                                        checked={editGenreActive}
-                                        onChange={e => setEditGenreActive(e.target.checked)}
-                                    />
-                                    {t('active')}
-                                </label>
-                            </div>
-                            <button onClick={saveEditedGenre} className="btn-primary">{t('save')}</button>
-                            <button onClick={() => setEditingGenreId(null)} className="btn-secondary">{t('cancel')}</button>
+                        <div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.5rem' }}>
+                            {genres.map(genre => (
+                                <div key={genre.id} style={{
+                                    background: genre.active ? '#f3f4f6' : '#fee2e2',
+                                    opacity: genre.active ? 1 : 0.8,
+                                    padding: '0.25rem 0.75rem',
+                                    borderRadius: '999px',
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    gap: '0.5rem',
+                                    fontSize: '0.875rem'
+                                }}>
+                                    <span>{getLocalizedValue(genre.name, activeTab)} ({genre._count?.songs || 0})</span>
+                                    {genre.subtitle && <span style={{ fontSize: '0.75rem', color: '#666' }}>- {getLocalizedValue(genre.subtitle, activeTab)}</span>}
+                                    <button onClick={() => startEditGenre(genre)} className="btn-secondary" style={{ padding: '0.1rem 0.5rem', fontSize: '0.75rem' }}>{t('edit')}</button>
+                                    <button onClick={() => deleteGenre(genre.id)} className="btn-danger" style={{ padding: '0.1rem 0.5rem', fontSize: '0.75rem' }}>×</button>
+                                </div>
+                            ))}
                         </div>
-                    </div>
-                )}
-
-                {/* AI Categorization */}
-                <div style={{ marginTop: '1.5rem', paddingTop: '1rem', borderTop: '1px solid #e5e7eb' }}>
-                    <button
-                        onClick={handleAICategorization}
-                        disabled={isCategorizing || genres.length === 0}
-                        className="btn-primary"
-                        style={{
-                            opacity: isCategorizing || genres.length === 0 ? 0.5 : 1,
-                            cursor: isCategorizing || genres.length === 0 ? 'not-allowed' : 'pointer'
-                        }}
-                    >
-                        {isCategorizing ? '🤖 Categorizing...' : '🤖 Auto-Categorize Songs with AI'}
-                    </button>
-                    {genres.length === 0 && (
-                        <p style={{ fontSize: '0.875rem', color: '#666', marginTop: '0.5rem' }}>
-                            Please create at least one genre first.
-                        </p>
-                    )}
-                </div>
-
-                {/* Categorization Results */}
-                {categorizationResults && (
-                    <div style={{
-                        marginTop: '1rem',
-                        padding: '1rem',
-                        background: '#f0fdf4',
-                        border: '1px solid #86efac',
-                        borderRadius: '0.5rem'
-                    }}>
-                        <h3 style={{ fontWeight: 'bold', marginBottom: '0.5rem', color: '#166534' }}>
-                            ✅ Categorization Complete
-                        </h3>
-                        <p style={{ fontSize: '0.875rem', marginBottom: '0.5rem' }}>
-                            {categorizationResults.message}
-                        </p>
-                        {categorizationResults.results && categorizationResults.results.length > 0 && (
-                            <div style={{ marginTop: '1rem' }}>
-                                <p style={{ fontWeight: 'bold', fontSize: '0.875rem', marginBottom: '0.5rem' }}>Updated Songs:</p>
-                                <div style={{ maxHeight: '300px', overflowY: 'auto' }}>
-                                    {categorizationResults.results.map((result: any) => (
-                                        <div key={result.songId} style={{
-                                            padding: '0.5rem',
-                                            background: 'white',
-                                            borderRadius: '0.25rem',
-                                            marginBottom: '0.5rem',
-                                            fontSize: '0.875rem'
-                                        }}>
-                                            <strong>{result.title}</strong> by {result.artist}
-                                            <div style={{ display: 'flex', gap: '0.25rem', marginTop: '0.25rem', flexWrap: 'wrap' }}>
-                                                {result.assignedGenres.map((genre: string) => (
-                                                    <span key={genre} style={{
-                                                        background: '#dbeafe',
-                                                        padding: '0.1rem 0.4rem',
-                                                        borderRadius: '0.25rem',
-                                                        fontSize: '0.75rem'
-                                                    }}>
-                                                        {genre}
-                                                    </span>
-                                                ))}
-                                            </div>
-                                        </div>
-                                    ))}
+                        {editingGenreId !== null && (
+                            <div style={{ marginTop: '1rem', padding: '1rem', background: '#f9fafb', borderRadius: '0.5rem' }}>
+                                <h3>{t('editGenre')}</h3>
+                                <div style={{ display: 'flex', gap: '0.5rem', alignItems: 'flex-end' }}>
+                                    <div style={{ display: 'flex', flexDirection: 'column' }}>
+                                        <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('name')}</label>
+                                        <input type="text" value={editGenreName[activeTab] || ''} onChange={e => setEditGenreName({ ...editGenreName, [activeTab]: e.target.value })} className="form-input" key={`edit-genre-name-${activeTab}`} />
+                                    </div>
+                                    <div style={{ display: 'flex', flexDirection: 'column' }}>
+                                        <label style={{ fontSize: '0.75rem', color: '#666' }}>{t('subtitle')}</label>
+                                        <input type="text" value={editGenreSubtitle[activeTab] || ''} onChange={e => setEditGenreSubtitle({ ...editGenreSubtitle, [activeTab]: e.target.value })} className="form-input" style={{ width: '300px' }} key={`edit-genre-subtitle-${activeTab}`} />
+                                    </div>
+                                    <div style={{ display: 'flex', flexDirection: 'column', justifyContent: 'flex-end', paddingBottom: '0.5rem' }}>
+                                        <label style={{ display: 'flex', alignItems: 'center', gap: '0.25rem', fontSize: '0.875rem', cursor: 'pointer' }}>
+                                            <input
+                                                type="checkbox"
+                                                checked={editGenreActive}
+                                                onChange={e => setEditGenreActive(e.target.checked)}
+                                            />
+                                            {t('active')}
+                                        </label>
+                                    </div>
+                                    <button onClick={saveEditedGenre} className="btn-primary">{t('save')}</button>
+                                    <button onClick={() => setEditingGenreId(null)} className="btn-secondary">{t('cancel')}</button>
                                 </div>
                             </div>
                         )}
-                        <button
-                            onClick={() => setCategorizationResults(null)}
-                            style={{
+
+                        {/* AI Categorization */}
+                        <div style={{ marginTop: '1.5rem', paddingTop: '1rem', borderTop: '1px solid #e5e7eb' }}>
+                            <button
+                                onClick={handleAICategorization}
+                                disabled={isCategorizing || genres.length === 0}
+                                className="btn-primary"
+                                style={{
+                                    opacity: isCategorizing || genres.length === 0 ? 0.5 : 1,
+                                    cursor: isCategorizing || genres.length === 0 ? 'not-allowed' : 'pointer'
+                                }}
+                            >
+                                {isCategorizing ? '🤖 Categorizing...' : '🤖 Auto-Categorize Songs with AI'}
+                            </button>
+                            {genres.length === 0 && (
+                                <p style={{ fontSize: '0.875rem', color: '#666', marginTop: '0.5rem' }}>
+                                    Please create at least one genre first.
+                                </p>
+                            )}
+                        </div>
+
+                        {/* Categorization Results */}
+                        {categorizationResults && (
+                            <div style={{
                                 marginTop: '1rem',
-                                padding: '0.5rem 1rem',
-                                background: 'white',
-                                border: '1px solid #d1d5db',
-                                borderRadius: '0.25rem',
-                                cursor: 'pointer'
-                            }}
-                        >
-                            Close
-                        </button>
-                    </div>
-                )}
+                                padding: '1rem',
+                                background: '#f0fdf4',
+                                border: '1px solid #86efac',
+                                borderRadius: '0.5rem'
+                            }}>
+                                <h3 style={{ fontWeight: 'bold', marginBottom: '0.5rem', color: '#166534' }}>
+                                    ✅ Categorization Complete
+                                </h3>
+                                <p style={{ fontSize: '0.875rem', marginBottom: '0.5rem' }}>
+                                    {categorizationResults.message}
+                                </p>
+                                {categorizationResults.results && categorizationResults.results.length > 0 && (
+                                    <div style={{ marginTop: '1rem' }}>
+                                        <p style={{ fontWeight: 'bold', fontSize: '0.875rem', marginBottom: '0.5rem' }}>Updated Songs:</p>
+                                        <div style={{ maxHeight: '300px', overflowY: 'auto' }}>
+                                            {categorizationResults.results.map((result: any) => (
+                                                <div key={result.songId} style={{
+                                                    padding: '0.5rem',
+                                                    background: 'white',
+                                                    borderRadius: '0.25rem',
+                                                    marginBottom: '0.5rem',
+                                                    fontSize: '0.875rem'
+                                                }}>
+                                                    <strong>{result.title}</strong> by {result.artist}
+                                                    <div style={{ display: 'flex', gap: '0.25rem', marginTop: '0.25rem', flexWrap: 'wrap' }}>
+                                                        {result.assignedGenres.map((genre: string) => (
+                                                            <span key={genre} style={{
+                                                                background: '#dbeafe',
+                                                                padding: '0.1rem 0.4rem',
+                                                                borderRadius: '0.25rem',
+                                                                fontSize: '0.75rem'
+                                                            }}>
+                                                                {genre}
+                                                            </span>
+                                                        ))}
+                                                    </div>
+                                                </div>
+                                            ))}
+                                        </div>
+                                    </div>
+                                )}
+                                <button
+                                    onClick={() => setCategorizationResults(null)}
+                                    style={{
+                                        marginTop: '1rem',
+                                        padding: '0.5rem 1rem',
+                                        background: 'white',
+                                        border: '1px solid #d1d5db',
+                                        borderRadius: '0.25rem',
+                                        cursor: 'pointer'
+                                    }}
+                                >
+                                    Close
+                                </button>
+                            </div>
+                        )}
                     </>
                 )}
             </div>
@@ -1764,161 +1764,161 @@ export default function AdminPage({ params }: { params: { locale: string } }) {
                 {showNews && (
                     <>
                         <form onSubmit={handleCreateNews} style={{ marginBottom: '1rem' }}>
-                    <div style={{ display: 'flex', flexDirection: 'column', gap: '0.5rem' }}>
-                        <input
-                            type="text"
-                            value={newNewsTitle[activeTab] || ''}
-                            onChange={e => setNewNewsTitle({ ...newNewsTitle, [activeTab]: e.target.value })}
-                            placeholder={t('newsTitle')}
-                            className="form-input"
-                            required
-                            key={`news-title-${activeTab}`}
-                        />
-                        <textarea
-                            value={newNewsContent[activeTab] || ''}
-                            onChange={e => setNewNewsContent({ ...newNewsContent, [activeTab]: e.target.value })}
-                            placeholder={t('content')}
-                            className="form-input"
-                            rows={4}
-                            required
-                            style={{ fontFamily: 'monospace', fontSize: '0.875rem' }}
-                            key={`news-content-${activeTab}`}
-                        />
-                        <div style={{ display: 'flex', gap: '0.5rem', flexWrap: 'wrap', alignItems: 'center' }}>
-                            <input
-                                type="text"
-                                value={newNewsAuthor}
-                                onChange={e => setNewNewsAuthor(e.target.value)}
-                                placeholder={t('author')}
-                                className="form-input"
-                                style={{ maxWidth: '200px' }}
-                            />
-                            <select
-                                value={newNewsSpecialId || ''}
-                                onChange={e => setNewNewsSpecialId(e.target.value ? Number(e.target.value) : null)}
-                                className="form-input"
-                                style={{ maxWidth: '200px' }}
-                            >
-                                <option value="">{t('noSpecialLink')}</option>
-                                {specials.map(s => (
-                                    <option key={s.id} value={s.id}>{getLocalizedValue(s.name, activeTab)}</option>
-                                ))}
-                            </select>
-                            <label style={{ display: 'flex', alignItems: 'center', gap: '0.25rem', fontSize: '0.875rem', cursor: 'pointer' }}>
+                            <div style={{ display: 'flex', flexDirection: 'column', gap: '0.5rem' }}>
                                 <input
-                                    type="checkbox"
-                                    checked={newNewsFeatured}
-                                    onChange={e => setNewNewsFeatured(e.target.checked)}
+                                    type="text"
+                                    value={newNewsTitle[activeTab] || ''}
+                                    onChange={e => setNewNewsTitle({ ...newNewsTitle, [activeTab]: e.target.value })}
+                                    placeholder={t('newsTitle')}
+                                    className="form-input"
+                                    required
+                                    key={`news-title-${activeTab}`}
                                 />
-                                {t('featured')}
-                            </label>
-                            <button type="submit" className="btn-primary">{t('addNews')}</button>
-                        </div>
-                    </div>
-                </form>
-
-                <div style={{ display: 'flex', flexDirection: 'column', gap: '0.5rem' }}>
-                    {news.map(newsItem => (
-                        <div key={newsItem.id} style={{
-                            background: newsItem.featured ? '#fef3c7' : '#f3f4f6',
-                            padding: '0.75rem',
-                            borderRadius: '0.5rem',
-                            border: newsItem.featured ? '2px solid #f59e0b' : '1px solid #e5e7eb'
-                        }}>
-                            {editingNewsId === newsItem.id ? (
-                                <div style={{ display: 'flex', flexDirection: 'column', gap: '0.5rem' }}>
+                                <textarea
+                                    value={newNewsContent[activeTab] || ''}
+                                    onChange={e => setNewNewsContent({ ...newNewsContent, [activeTab]: e.target.value })}
+                                    placeholder={t('content')}
+                                    className="form-input"
+                                    rows={4}
+                                    required
+                                    style={{ fontFamily: 'monospace', fontSize: '0.875rem' }}
+                                    key={`news-content-${activeTab}`}
+                                />
+                                <div style={{ display: 'flex', gap: '0.5rem', flexWrap: 'wrap', alignItems: 'center' }}>
                                     <input
                                         type="text"
-                                        value={editNewsTitle[activeTab] || ''}
-                                        onChange={e => setEditNewsTitle({ ...editNewsTitle, [activeTab]: e.target.value })}
+                                        value={newNewsAuthor}
+                                        onChange={e => setNewNewsAuthor(e.target.value)}
+                                        placeholder={t('author')}
                                         className="form-input"
-                                        key={`edit-news-title-${activeTab}`}
+                                        style={{ maxWidth: '200px' }}
                                     />
-                                    <textarea
-                                        value={editNewsContent[activeTab] || ''}
-                                        onChange={e => setEditNewsContent({ ...editNewsContent, [activeTab]: e.target.value })}
+                                    <select
+                                        value={newNewsSpecialId || ''}
+                                        onChange={e => setNewNewsSpecialId(e.target.value ? Number(e.target.value) : null)}
                                         className="form-input"
-                                        rows={4}
-                                        style={{ fontFamily: 'monospace', fontSize: '0.875rem' }}
-                                        key={`edit-news-content-${activeTab}`}
-                                    />
-                                    <div style={{ display: 'flex', gap: '0.5rem', flexWrap: 'wrap', alignItems: 'center' }}>
+                                        style={{ maxWidth: '200px' }}
+                                    >
+                                        <option value="">{t('noSpecialLink')}</option>
+                                        {specials.map(s => (
+                                            <option key={s.id} value={s.id}>{getLocalizedValue(s.name, activeTab)}</option>
+                                        ))}
+                                    </select>
+                                    <label style={{ display: 'flex', alignItems: 'center', gap: '0.25rem', fontSize: '0.875rem', cursor: 'pointer' }}>
                                         <input
-                                            type="text"
-                                            value={editNewsAuthor}
-                                            onChange={e => setEditNewsAuthor(e.target.value)}
-                                            placeholder={t('author')}
-                                            className="form-input"
-                                            style={{ maxWidth: '200px' }}
+                                            type="checkbox"
+                                            checked={newNewsFeatured}
+                                            onChange={e => setNewNewsFeatured(e.target.checked)}
                                         />
-                                        <select
-                                            value={editNewsSpecialId || ''}
-                                            onChange={e => setEditNewsSpecialId(e.target.value ? Number(e.target.value) : null)}
-                                            className="form-input"
-                                            style={{ maxWidth: '200px' }}
-                                        >
-                                            <option value="">{t('noSpecialLink')}</option>
-                                            {specials.map(s => (
-                                                <option key={s.id} value={s.id}>{getLocalizedValue(s.name, activeTab)}</option>
-                                            ))}
-                                        </select>
-                                        <label style={{ display: 'flex', alignItems: 'center', gap: '0.25rem', fontSize: '0.875rem' }}>
-                                            <input
-                                                type="checkbox"
-                                                checked={editNewsFeatured}
-                                                onChange={e => setEditNewsFeatured(e.target.checked)}
-                                            />
-                                            {t('featured')}
-                                        </label>
-                                        <button onClick={saveEditedNews} className="btn-primary">{t('save')}</button>
-                                        <button onClick={() => setEditingNewsId(null)} className="btn-secondary">{t('cancel')}</button>
-                                    </div>
+                                        {t('featured')}
+                                    </label>
+                                    <button type="submit" className="btn-primary">{t('addNews')}</button>
                                 </div>
-                            ) : (
-                                <>
-                                    <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', marginBottom: '0.5rem' }}>
-                                        <div style={{ flex: 1 }}>
-                                            <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem', marginBottom: '0.25rem' }}>
-                                                {newsItem.featured && (
-                                                    <span style={{
-                                                        background: '#f59e0b',
-                                                        color: 'white',
-                                                        padding: '0.125rem 0.375rem',
-                                                        borderRadius: '0.25rem',
-                                                        fontSize: '0.625rem',
-                                                        fontWeight: '600'
-                                                    }}>
-                                                        ⭐ FEATURED
-                                                    </span>
-                                                )}
-                                                <h3 style={{ margin: 0, fontSize: '1rem', fontWeight: '600' }}>{getLocalizedValue(newsItem.title, activeTab)}</h3>
+                            </div>
+                        </form>
+
+                        <div style={{ display: 'flex', flexDirection: 'column', gap: '0.5rem' }}>
+                            {news.map(newsItem => (
+                                <div key={newsItem.id} style={{
+                                    background: newsItem.featured ? '#fef3c7' : '#f3f4f6',
+                                    padding: '0.75rem',
+                                    borderRadius: '0.5rem',
+                                    border: newsItem.featured ? '2px solid #f59e0b' : '1px solid #e5e7eb'
+                                }}>
+                                    {editingNewsId === newsItem.id ? (
+                                        <div style={{ display: 'flex', flexDirection: 'column', gap: '0.5rem' }}>
+                                            <input
+                                                type="text"
+                                                value={editNewsTitle[activeTab] || ''}
+                                                onChange={e => setEditNewsTitle({ ...editNewsTitle, [activeTab]: e.target.value })}
+                                                className="form-input"
+                                                key={`edit-news-title-${activeTab}`}
+                                            />
+                                            <textarea
+                                                value={editNewsContent[activeTab] || ''}
+                                                onChange={e => setEditNewsContent({ ...editNewsContent, [activeTab]: e.target.value })}
+                                                className="form-input"
+                                                rows={4}
+                                                style={{ fontFamily: 'monospace', fontSize: '0.875rem' }}
+                                                key={`edit-news-content-${activeTab}`}
+                                            />
+                                            <div style={{ display: 'flex', gap: '0.5rem', flexWrap: 'wrap', alignItems: 'center' }}>
+                                                <input
+                                                    type="text"
+                                                    value={editNewsAuthor}
+                                                    onChange={e => setEditNewsAuthor(e.target.value)}
+                                                    placeholder={t('author')}
+                                                    className="form-input"
+                                                    style={{ maxWidth: '200px' }}
+                                                />
+                                                <select
+                                                    value={editNewsSpecialId || ''}
+                                                    onChange={e => setEditNewsSpecialId(e.target.value ? Number(e.target.value) : null)}
+                                                    className="form-input"
+                                                    style={{ maxWidth: '200px' }}
+                                                >
+                                                    <option value="">{t('noSpecialLink')}</option>
+                                                    {specials.map(s => (
+                                                        <option key={s.id} value={s.id}>{getLocalizedValue(s.name, activeTab)}</option>
+                                                    ))}
+                                                </select>
+                                                <label style={{ display: 'flex', alignItems: 'center', gap: '0.25rem', fontSize: '0.875rem' }}>
+                                                    <input
+                                                        type="checkbox"
+                                                        checked={editNewsFeatured}
+                                                        onChange={e => setEditNewsFeatured(e.target.checked)}
+                                                    />
+                                                    {t('featured')}
+                                                </label>
+                                                <button onClick={saveEditedNews} className="btn-primary">{t('save')}</button>
+                                                <button onClick={() => setEditingNewsId(null)} className="btn-secondary">{t('cancel')}</button>
                                             </div>
-                                            <div style={{ fontSize: '0.75rem', color: '#666', marginBottom: '0.5rem' }}>
-                                                {new Date(newsItem.publishedAt).toLocaleDateString('de-DE')}
-                                                {newsItem.author && ` • by ${newsItem.author}`}
-                                                {newsItem.special && ` • ★ ${getLocalizedValue(newsItem.special.name, activeTab)}`}
+                                        </div>
+                                    ) : (
+                                        <>
+                                            <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', marginBottom: '0.5rem' }}>
+                                                <div style={{ flex: 1 }}>
+                                                    <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem', marginBottom: '0.25rem' }}>
+                                                        {newsItem.featured && (
+                                                            <span style={{
+                                                                background: '#f59e0b',
+                                                                color: 'white',
+                                                                padding: '0.125rem 0.375rem',
+                                                                borderRadius: '0.25rem',
+                                                                fontSize: '0.625rem',
+                                                                fontWeight: '600'
+                                                            }}>
+                                                                ⭐ FEATURED
+                                                            </span>
+                                                        )}
+                                                        <h3 style={{ margin: 0, fontSize: '1rem', fontWeight: '600' }}>{getLocalizedValue(newsItem.title, activeTab)}</h3>
+                                                    </div>
+                                                    <div style={{ fontSize: '0.75rem', color: '#666', marginBottom: '0.5rem' }}>
+                                                        {new Date(newsItem.publishedAt).toLocaleDateString('de-DE')}
+                                                        {newsItem.author && ` • by ${newsItem.author}`}
+                                                        {newsItem.special && ` • ★ ${getLocalizedValue(newsItem.special.name, activeTab)}`}
+                                                    </div>
+                                                    <p style={{ margin: 0, fontSize: '0.875rem', whiteSpace: 'pre-wrap' }}>
+                                                        {getLocalizedValue(newsItem.content, activeTab).length > 150
+                                                            ? getLocalizedValue(newsItem.content, activeTab).substring(0, 150) + '...'
+                                                            : getLocalizedValue(newsItem.content, activeTab)}
+                                                    </p>
+                                                </div>
+                                                <div style={{ display: 'flex', gap: '0.25rem', marginLeft: '1rem' }}>
+                                                    <button onClick={() => startEditNews(newsItem)} className="btn-secondary" style={{ padding: '0.25rem 0.5rem', fontSize: '0.75rem' }}>Edit</button>
+                                                    <button onClick={() => handleDeleteNews(newsItem.id)} className="btn-danger" style={{ padding: '0.25rem 0.5rem', fontSize: '0.75rem' }}>{t('delete')}</button>
+                                                </div>
                                             </div>
-                                            <p style={{ margin: 0, fontSize: '0.875rem', whiteSpace: 'pre-wrap' }}>
-                                                {getLocalizedValue(newsItem.content, activeTab).length > 150
-                                                    ? getLocalizedValue(newsItem.content, activeTab).substring(0, 150) + '...'
-                                                    : getLocalizedValue(newsItem.content, activeTab)}
-                                            </p>
-                                        </div>
-                                        <div style={{ display: 'flex', gap: '0.25rem', marginLeft: '1rem' }}>
-                                            <button onClick={() => startEditNews(newsItem)} className="btn-secondary" style={{ padding: '0.25rem 0.5rem', fontSize: '0.75rem' }}>Edit</button>
-                                            <button onClick={() => handleDeleteNews(newsItem.id)} className="btn-danger" style={{ padding: '0.25rem 0.5rem', fontSize: '0.75rem' }}>{t('delete')}</button>
-                                        </div>
-                                    </div>
-                                </>
+                                        </>
+                                    )}
+                                </div>
+                            ))}
+                            {news.length === 0 && (
+                                <p style={{ color: '#666', fontSize: '0.875rem', textAlign: 'center', padding: '1rem' }}>
+                                    {t('noNewsItems')}
+                                </p>
                             )}
                         </div>
-                    ))}
-                    {news.length === 0 && (
-                        <p style={{ color: '#666', fontSize: '0.875rem', textAlign: 'center', padding: '1rem' }}>
-                            {t('noNewsItems')}
-                        </p>
-                    )}
-                </div>
                     </>
                 )}
             </div>
@@ -2328,40 +2328,117 @@ export default function AdminPage({ params }: { params: { locale: string } }) {
                 <p style={{ marginBottom: '1rem', color: '#666' }}>
                     These actions are destructive and cannot be undone.
                 </p>
-                <button
-                    onClick={async () => {
-                        if (window.confirm('⚠️ WARNING: This will delete ALL data from the database (Songs, Genres, Specials, Puzzles) and re-import songs from the uploads folder.\n\nExisting genres and specials will be LOST and must be recreated manually.\n\nAre you sure you want to proceed?')) {
-                            try {
-                                setMessage('Rebuilding database... this may take a while.');
-                                const res = await fetch('/api/admin/rebuild', { method: 'POST' });
-                                if (res.ok) {
-                                    const data = await res.json();
-                                    alert(data.message + '\n\nPlease recreate your Genres and Specials now.');
-                                    window.location.reload();
-                                } else {
-                                    alert('Rebuild failed. Check server logs.');
-                                    setMessage('Rebuild failed.');
+                <div style={{ display: 'flex', gap: '1rem', flexWrap: 'wrap' }}>
+                    <button
+                        onClick={async () => {
+                            if (window.confirm('⚠️ WARNING: This will delete ALL data from the database (Songs, Genres, Specials, Puzzles) and re-import songs from the uploads folder.\n\nExisting genres and specials will be LOST and must be recreated manually.\n\nAre you sure you want to proceed?')) {
+                                try {
+                                    setMessage('Rebuilding database... this may take a while.');
+                                    const res = await fetch('/api/admin/rebuild', { method: 'POST' });
+                                    if (res.ok) {
+                                        const data = await res.json();
+                                        alert(data.message + '\n\nPlease recreate your Genres and Specials now.');
+                                        window.location.reload();
+                                    } else {
+                                        alert('Rebuild failed. Check server logs.');
+                                        setMessage('Rebuild failed.');
+                                    }
+                                } catch (e) {
+                                    console.error(e);
+                                    alert('Rebuild failed due to network error.');
                                 }
-                            } catch (e) {
-                                console.error(e);
-                                alert('Rebuild failed due to network error.');
                             }
-                        }
-                    }}
-                    style={{
-                        padding: '0.75rem 1.5rem',
-                        background: '#ef4444',
-                        color: 'white',
-                        border: 'none',
-                        borderRadius: '0.25rem',
-                        cursor: 'pointer',
-                        fontWeight: 'bold'
-                    }}
-                >
-                    ☢️ Rebuild Database
-                </button>
+                        }}
+                        style={{
+                            padding: '0.75rem 1.5rem',
+                            background: '#ef4444',
+                            color: 'white',
+                            border: 'none',
+                            borderRadius: '0.25rem',
+                            cursor: 'pointer',
+                            fontWeight: 'bold'
+                        }}
+                    >
+                        ☢️ Rebuild Database
+                    </button>
 
+                    <button
+                        onClick={async () => {
+                            if (window.confirm('⚠️ WARNING: This will reset ALL user ratings for all songs to 0.\n\nThis action cannot be undone.\n\nAre you sure you want to proceed?')) {
+                                try {
+                                    setMessage('Resetting all ratings...');
+                                    const res = await fetch('/api/admin/reset-ratings', {
+                                        method: 'POST',
+                                        headers: getAuthHeaders()
+                                    });
+                                    if (res.ok) {
+                                        const data = await res.json();
+                                        alert(data.message);
+                                        fetchSongs();
+                                        setMessage('');
+                                    } else {
+                                        alert('Failed to reset ratings. Check server logs.');
+                                        setMessage('Reset failed.');
+                                    }
+                                } catch (e) {
+                                    console.error(e);
+                                    alert('Reset failed due to network error.');
+                                    setMessage('');
+                                }
+                            }
+                        }}
+                        style={{
+                            padding: '0.75rem 1.5rem',
+                            background: '#f59e0b',
+                            color: 'white',
+                            border: 'none',
+                            borderRadius: '0.25rem',
+                            cursor: 'pointer',
+                            fontWeight: 'bold'
+                        }}
+                    >
+                        🔄 Reset All User Ratings
+                    </button>
 
+                    <button
+                        onClick={async () => {
+                            if (window.confirm('⚠️ WARNING: This will delete ALL daily puzzles (activations) from the database.\n\nThis means all songs will show 0 activations.\n\nThis action cannot be undone.\n\nAre you sure you want to proceed?')) {
+                                try {
+                                    setMessage('Resetting all activations...');
+                                    const res = await fetch('/api/admin/reset-activations', {
+                                        method: 'POST',
+                                        headers: getAuthHeaders()
+                                    });
+                                    if (res.ok) {
+                                        const data = await res.json();
+                                        alert(data.message);
+                                        fetchSongs();
+                                        fetchDailyPuzzles();
+                                        setMessage('');
+                                    } else {
+                                        alert('Failed to reset activations. Check server logs.');
+                                        setMessage('Reset failed.');
+                                    }
+                                } catch (e) {
+                                    console.error(e);
+                                    alert('Reset failed due to network error.');
+                                    setMessage('');
+                                }
+                            }
+                        }}
+                        style={{
+                            padding: '0.75rem 1.5rem',
+                            background: '#f59e0b',
+                            color: 'white',
+                            border: 'none',
+                            borderRadius: '0.25rem',
+                            cursor: 'pointer',
+                            fontWeight: 'bold'
+                        }}
+                    >
+                        🔄 Reset All Activations
+                    </button>
+                </div>
             </div>
         </div>
     );
diff --git a/app/admin/layout.tsx b/app/admin/layout.tsx
deleted file mode 100644
index af00e85..0000000
--- a/app/admin/layout.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import type { Metadata } from "next";
-
-export const metadata: Metadata = {
-    title: "Hördle Admin Dashboard",
-    description: "Admin dashboard for managing songs and daily puzzles",
-};
-
-export default function AdminLayout({
-    children,
-}: {
-    children: React.ReactNode;
-}) {
-    return <>{children}</>;
-}
diff --git a/app/admin/page.tsx b/app/admin/page.tsx
deleted file mode 100644
index ae60c58..0000000
--- a/app/admin/page.tsx
+++ /dev/null
@@ -1,1185 +0,0 @@
-'use client';
-
-import { useState, useEffect, useRef } from 'react';
-
-
-interface Special {
-    id: number;
-    name: string;
-    subtitle?: string;
-    maxAttempts: number;
-    unlockSteps: string;
-    launchDate?: string;
-    endDate?: string;
-    curator?: string;
-    hidden?: boolean;
-    _count?: {
-        songs: number;
-    };
-}
-
-interface Genre {
-    id: number;
-    name: string;
-    subtitle?: string;
-    active: boolean;
-    _count?: {
-        songs: number;
-    };
-}
-
-interface DailyPuzzle {
-    id: number;
-    date: string;
-    songId: number;
-    genreId: number | null;
-    specialId: number | null;
-}
-
-interface Song {
-    id: number;
-    title: string;
-    artist: string;
-    filename: string;
-    createdAt: string;
-    releaseYear: number | null;
-    activations: number;
-    puzzles: DailyPuzzle[];
-    genres: Genre[];
-    specials: Special[];
-    averageRating: number;
-    ratingCount: number;
-    excludeFromGlobal: boolean;
-}
-
-interface News {
-    id: number;
-    title: string;
-    content: string;
-    author: string | null;
-    publishedAt: string;
-    featured: boolean;
-    specialId: number | null;
-    special: {
-        id: number;
-        name: string;
-    } | null;
-}
-
-export default function AdminPage() {
-    const [password, setPassword] = useState('');
-    const [isAuthenticated, setIsAuthenticated] = useState(false);
-    const [message, setMessage] = useState('');
-    const [songs, setSongs] = useState<Song[]>([]);
-    const [genres, setGenres] = useState<Genre[]>([]);
-    const [newGenreName, setNewGenreName] = useState('');
-    const [newGenreSubtitle, setNewGenreSubtitle] = useState('');
-    const [newGenreActive, setNewGenreActive] = useState(true);
-    const [editingGenreId, setEditingGenreId] = useState<number | null>(null);
-    const [editGenreName, setEditGenreName] = useState('');
-    const [editGenreSubtitle, setEditGenreSubtitle] = useState('');
-    const [editGenreActive, setEditGenreActive] = useState(true);
-
-    // Specials state
-    const [specials, setSpecials] = useState<Special[]>([]);
-    const [newSpecialName, setNewSpecialName] = useState('');
-    const [newSpecialSubtitle, setNewSpecialSubtitle] = useState('');
-    const [newSpecialMaxAttempts, setNewSpecialMaxAttempts] = useState(7);
-    const [newSpecialUnlockSteps, setNewSpecialUnlockSteps] = useState('[2,4,7,11,16,30,60]');
-    const [newSpecialLaunchDate, setNewSpecialLaunchDate] = useState('');
-    const [newSpecialEndDate, setNewSpecialEndDate] = useState('');
-    const [newSpecialCurator, setNewSpecialCurator] = useState('');
-    const [newSpecialHidden, setNewSpecialHidden] = useState(false);
-
-    const [editingSpecialId, setEditingSpecialId] = useState<number | null>(null);
-    const [editSpecialName, setEditSpecialName] = useState('');
-    const [editSpecialSubtitle, setEditSpecialSubtitle] = useState('');
-    const [editSpecialMaxAttempts, setEditSpecialMaxAttempts] = useState(7);
-    const [editSpecialUnlockSteps, setEditSpecialUnlockSteps] = useState('[2,4,7,11,16,30,60]');
-    const [editSpecialLaunchDate, setEditSpecialLaunchDate] = useState('');
-    const [editSpecialEndDate, setEditSpecialEndDate] = useState('');
-    const [editSpecialCurator, setEditSpecialCurator] = useState('');
-    const [editSpecialHidden, setEditSpecialHidden] = useState(false);
-
-    // News state
-    const [news, setNews] = useState<News[]>([]);
-    const [newNewsTitle, setNewNewsTitle] = useState('');
-    const [newNewsContent, setNewNewsContent] = useState('');
-    const [newNewsAuthor, setNewNewsAuthor] = useState('');
-    const [newNewsFeatured, setNewNewsFeatured] = useState(false);
-    const [newNewsSpecialId, setNewNewsSpecialId] = useState<number | null>(null);
-    const [editingNewsId, setEditingNewsId] = useState<number | null>(null);
-    const [editNewsTitle, setEditNewsTitle] = useState('');
-    const [editNewsContent, setEditNewsContent] = useState('');
-    const [editNewsAuthor, setEditNewsAuthor] = useState('');
-    const [editNewsFeatured, setEditNewsFeatured] = useState(false);
-    const [editNewsSpecialId, setEditNewsSpecialId] = useState<number | null>(null);
-
-    // AI Categorization state
-    const [isCategorizing, setIsCategorizing] = useState(false);
-    const [categorizationResults, setCategorizationResults] = useState<any>(null);
-
-    // Audio state
-    const [audioElement, setAudioElement] = useState<HTMLAudioElement | null>(null);
-
-    // Daily Puzzles state
-    const [dailyPuzzles, setDailyPuzzles] = useState<any[]>([]);
-    const [playingPuzzleId, setPlayingPuzzleId] = useState<number | null>(null);
-    const [showDailyPuzzles, setShowDailyPuzzles] = useState(false);
-    const fileInputRef = useRef<HTMLInputElement>(null);
-
-    // Check for existing auth on mount
-    useEffect(() => {
-        const authToken = localStorage.getItem('hoerdle_admin_auth');
-        if (authToken === 'authenticated') {
-            setIsAuthenticated(true);
-            fetchSongs();
-            fetchGenres();
-            fetchDailyPuzzles();
-            fetchSpecials();
-            fetchNews();
-        }
-    }, []);
-
-    const handleLogin = async () => {
-        const res = await fetch('/api/admin/login', {
-            method: 'POST',
-            body: JSON.stringify({ password }),
-        });
-        if (res.ok) {
-            localStorage.setItem('hoerdle_admin_auth', 'authenticated');
-            setIsAuthenticated(true);
-            fetchSongs();
-            fetchGenres();
-            fetchDailyPuzzles();
-            fetchSpecials();
-            fetchNews();
-        } else {
-            alert('Wrong password');
-        }
-    };
-
-    const handleLogout = () => {
-        localStorage.removeItem('hoerdle_admin_auth');
-        setIsAuthenticated(false);
-        setPassword('');
-        // Reset all state
-        setSongs([]);
-        setGenres([]);
-        setSpecials([]);
-        setDailyPuzzles([]);
-    };
-
-    // Helper function to add auth headers to requests
-    const getAuthHeaders = () => {
-        const authToken = localStorage.getItem('hoerdle_admin_auth');
-        return {
-            'Content-Type': 'application/json',
-            'x-admin-auth': authToken || ''
-        };
-    };
-
-    const fetchSongs = async () => {
-        const res = await fetch('/api/songs', {
-            headers: getAuthHeaders()
-        });
-        if (res.ok) {
-            const data = await res.json();
-            setSongs(data);
-        }
-    };
-
-    const fetchGenres = async () => {
-        const res = await fetch('/api/genres', {
-            headers: getAuthHeaders()
-        });
-        if (res.ok) {
-            const data = await res.json();
-            setGenres(data);
-        }
-    };
-
-    const createGenre = async () => {
-        if (!newGenreName.trim()) return;
-        const res = await fetch('/api/genres', {
-            method: 'POST',
-            headers: getAuthHeaders(),
-            body: JSON.stringify({
-                name: newGenreName,
-                subtitle: newGenreSubtitle,
-                active: newGenreActive
-            }),
-        });
-        if (res.ok) {
-            setNewGenreName('');
-            setNewGenreSubtitle('');
-            setNewGenreActive(true);
-            fetchGenres();
-        } else {
-            alert('Failed to create genre');
-        }
-    };
-
-    const startEditGenre = (genre: Genre) => {
-        setEditingGenreId(genre.id);
-        setEditGenreName(genre.name);
-        setEditGenreSubtitle(genre.subtitle || '');
-        setEditGenreActive(genre.active !== undefined ? genre.active : true);
-    };
-
-    const saveEditedGenre = async () => {
-        if (editingGenreId === null) return;
-        const res = await fetch('/api/genres', {
-            method: 'PUT',
-            headers: getAuthHeaders(),
-            body: JSON.stringify({
-                id: editingGenreId,
-                name: editGenreName,
-                subtitle: editGenreSubtitle,
-                active: editGenreActive
-            }),
-        });
-        if (res.ok) {
-            setEditingGenreId(null);
-            fetchGenres();
-        } else {
-            alert('Failed to update genre');
-        }
-    };
-
-    // Specials functions
-    const fetchSpecials = async () => {
-        const res = await fetch('/api/specials', {
-            headers: getAuthHeaders()
-        });
-        if (res.ok) {
-            const data = await res.json();
-            setSpecials(data);
-        }
-    };
-
-    const handleCreateSpecial = async (e: React.FormEvent) => {
-        e.preventDefault();
-        const res = await fetch('/api/specials', {
-            method: 'POST',
-            headers: getAuthHeaders(),
-            body: JSON.stringify({
-                name: newSpecialName,
-                subtitle: newSpecialSubtitle,
-                maxAttempts: newSpecialMaxAttempts,
-                unlockSteps: newSpecialUnlockSteps,
-                launchDate: newSpecialLaunchDate || null,
-                endDate: newSpecialEndDate || null,
-                curator: newSpecialCurator || null,
-                hidden: newSpecialHidden,
-            }),
-        });
-        if (res.ok) {
-            setNewSpecialName('');
-            setNewSpecialSubtitle('');
-            setNewSpecialMaxAttempts(7);
-            setNewSpecialUnlockSteps('[2,4,7,11,16,30,60]');
-            setNewSpecialLaunchDate('');
-            setNewSpecialEndDate('');
-            setNewSpecialCurator('');
-            setNewSpecialHidden(false);
-            fetchSpecials();
-        } else {
-            alert('Failed to create special');
-        }
-    };
-
-    const handleDeleteSpecial = async (id: number) => {
-        if (!confirm('Delete this special?')) return;
-        const res = await fetch('/api/specials', {
-            method: 'DELETE',
-            headers: getAuthHeaders(),
-            body: JSON.stringify({ id }),
-        });
-        if (res.ok) fetchSpecials();
-        else alert('Failed to delete special');
-    };
-
-    // Daily Puzzles functions
-    const fetchDailyPuzzles = async () => {
-        const res = await fetch('/api/admin/daily-puzzles', {
-            headers: getAuthHeaders()
-        });
-        if (res.ok) {
-            const data = await res.json();
-            setDailyPuzzles(data);
-        }
-    };
-
-    const handleDeletePuzzle = async (puzzleId: number) => {
-        if (!confirm('Delete this daily puzzle? A new one will be generated automatically.')) return;
-        const res = await fetch('/api/admin/daily-puzzles', {
-            method: 'DELETE',
-            headers: getAuthHeaders(),
-            body: JSON.stringify({ puzzleId }),
-        });
-        if (res.ok) {
-            fetchDailyPuzzles();
-            alert('Puzzle deleted and regenerated successfully');
-        } else {
-            alert('Failed to delete puzzle');
-        }
-    };
-
-    const handlePlayPuzzle = (puzzle: any) => {
-        if (playingPuzzleId === puzzle.id) {
-            // Pause
-            audioElement?.pause();
-            setPlayingPuzzleId(null);
-            setAudioElement(null);
-        } else {
-            // Stop any currently playing audio
-            if (audioElement) {
-                audioElement.pause();
-                setAudioElement(null);
-            }
-
-            const audio = new Audio(puzzle.song.audioUrl);
-            audio.play()
-                .then(() => {
-                    setAudioElement(audio);
-                    setPlayingPuzzleId(puzzle.id);
-                })
-                .catch((error) => {
-                    console.error('Playback error:', error);
-                    alert(`Failed to play audio: ${error.message}`);
-                    setPlayingPuzzleId(null);
-                    setAudioElement(null);
-                });
-
-            audio.onended = () => {
-                setPlayingPuzzleId(null);
-                setAudioElement(null);
-            };
-        }
-    };
-
-    const startEditSpecial = (special: Special) => {
-        setEditingSpecialId(special.id);
-        setEditSpecialName(special.name);
-        setEditSpecialSubtitle(special.subtitle || '');
-        setEditSpecialMaxAttempts(special.maxAttempts);
-        setEditSpecialUnlockSteps(special.unlockSteps);
-        setEditSpecialLaunchDate(special.launchDate ? new Date(special.launchDate).toISOString().split('T')[0] : '');
-        setEditSpecialEndDate(special.endDate ? new Date(special.endDate).toISOString().split('T')[0] : '');
-        setEditSpecialCurator(special.curator || '');
-        setEditSpecialHidden(special.hidden || false);
-    };
-
-    const saveEditedSpecial = async () => {
-        if (editingSpecialId === null) return;
-        const res = await fetch('/api/specials', {
-            method: 'PUT',
-            headers: getAuthHeaders(),
-            body: JSON.stringify({
-                id: editingSpecialId,
-                name: editSpecialName,
-                subtitle: editSpecialSubtitle,
-                maxAttempts: editSpecialMaxAttempts,
-                unlockSteps: editSpecialUnlockSteps,
-                launchDate: editSpecialLaunchDate || null,
-                endDate: editSpecialEndDate || null,
-                curator: editSpecialCurator || null,
-                hidden: editSpecialHidden,
-            }),
-        });
-        if (res.ok) {
-            setEditingSpecialId(null);
-            fetchSpecials();
-        } else {
-            alert('Failed to update special');
-        }
-    };
-
-    // News functions
-    const fetchNews = async () => {
-        const res = await fetch('/api/news', {
-            headers: getAuthHeaders()
-        });
-        if (res.ok) {
-            const data = await res.json();
-            setNews(data);
-        }
-    };
-
-    const handleCreateNews = async (e: React.FormEvent) => {
-        e.preventDefault();
-        if (!newNewsTitle.trim() || !newNewsContent.trim()) return;
-
-        const res = await fetch('/api/news', {
-            method: 'POST',
-            headers: getAuthHeaders(),
-            body: JSON.stringify({
-                title: newNewsTitle,
-                content: newNewsContent,
-                author: newNewsAuthor || null,
-                featured: newNewsFeatured,
-                specialId: newNewsSpecialId
-            }),
-        });
-
-        if (res.ok) {
-            setNewNewsTitle('');
-            setNewNewsContent('');
-            setNewNewsAuthor('');
-            setNewNewsFeatured(false);
-            setNewNewsSpecialId(null);
-            fetchNews();
-        } else {
-            alert('Failed to create news');
-        }
-    };
-
-    const startEditNews = (newsItem: News) => {
-        setEditingNewsId(newsItem.id);
-        setEditNewsTitle(newsItem.title);
-        setEditNewsContent(newsItem.content);
-        setEditNewsAuthor(newsItem.author || '');
-        setEditNewsFeatured(newsItem.featured);
-        setEditNewsSpecialId(newsItem.specialId);
-    };
-
-    const saveEditedNews = async () => {
-        if (editingNewsId === null) return;
-
-        const res = await fetch('/api/news', {
-            method: 'PUT',
-            headers: getAuthHeaders(),
-            body: JSON.stringify({
-                id: editingNewsId,
-                title: editNewsTitle,
-                content: editNewsContent,
-                author: editNewsAuthor || null,
-                featured: editNewsFeatured,
-                specialId: editNewsSpecialId
-            }),
-        });
-
-        if (res.ok) {
-            setEditingNewsId(null);
-            fetchNews();
-        } else {
-            alert('Failed to update news');
-        }
-    };
-
-    const handleDeleteNews = async (id: number) => {
-        if (!confirm('Delete this news item?')) return;
-
-        const res = await fetch('/api/news', {
-            method: 'DELETE',
-            headers: getAuthHeaders(),
-            body: JSON.stringify({ id }),
-        });
-
-        if (res.ok) {
-            fetchNews();
-        } else {
-            alert('Failed to delete news');
-        }
-    };
-
-    // Load specials after auth
-    useEffect(() => {
-        if (isAuthenticated) fetchSpecials();
-    }, [isAuthenticated]);
-
-    const deleteGenre = async (id: number) => {
-        if (!confirm('Delete this genre?')) return;
-        const res = await fetch('/api/genres', {
-            method: 'DELETE',
-            headers: getAuthHeaders(),
-            body: JSON.stringify({ id }),
-        });
-        if (res.ok) {
-            fetchGenres();
-        } else {
-            alert('Failed to delete genre');
-        }
-    };
-
-    const handleAICategorization = async () => {
-        if (!confirm('This will categorize all songs without genres using AI. Continue?')) return;
-
-        setIsCategorizing(true);
-        setCategorizationResults(null);
-
-        try {
-            let offset = 0;
-            let hasMore = true;
-            let allResults: any[] = [];
-            let totalUncategorized = 0;
-            let totalProcessed = 0;
-
-            // Process in batches
-            while (hasMore) {
-                const res = await fetch('/api/categorize', {
-                    method: 'POST',
-                    headers: getAuthHeaders(),
-                    body: JSON.stringify({ offset })
-                });
-
-                if (!res.ok) {
-                    const error = await res.json();
-                    alert(`Categorization failed: ${error.error || 'Unknown error'}`);
-                    break;
-                }
-
-                const data = await res.json();
-                totalUncategorized = data.totalUncategorized;
-                totalProcessed = data.processed;
-                hasMore = data.hasMore;
-                offset = data.nextOffset || 0;
-
-                // Accumulate results
-                allResults = [...allResults, ...data.results];
-
-                // Update UI with progress
-                setCategorizationResults({
-                    message: `Processing: ${totalProcessed} / ${totalUncategorized} songs...`,
-                    totalProcessed: totalUncategorized,
-                    totalCategorized: allResults.length,
-                    results: allResults,
-                    inProgress: hasMore
-                });
-            }
-
-            // Final update
-            setCategorizationResults({
-                message: `Completed! Processed ${totalUncategorized} songs, categorized ${allResults.length}`,
-                totalProcessed: totalUncategorized,
-                totalCategorized: allResults.length,
-                results: allResults,
-                inProgress: false
-            });
-
-            fetchSongs(); // Refresh song list
-            fetchGenres(); // Refresh genre counts
-        } catch (error) {
-            alert('Failed to categorize songs');
-            console.error(error);
-        } finally {
-            setIsCategorizing(false);
-        }
-    };
-
-
-    if (!isAuthenticated) {
-        return (
-            <div className="container" style={{ justifyContent: 'center' }}>
-                <h1 className="title" style={{ marginBottom: '1rem', fontSize: '1.5rem' }}>Admin Login</h1>
-                <input
-                    type="password"
-                    value={password}
-                    onChange={e => setPassword(e.target.value)}
-                    className="form-input"
-                    style={{ marginBottom: '1rem', maxWidth: '300px' }}
-                    placeholder="Password"
-                />
-                <button onClick={handleLogin} className="btn-primary">Login</button>
-            </div>
-        );
-    }
-
-    return (
-        <div className="admin-container">
-            <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '2rem' }}>
-                <h1 className="title" style={{ margin: 0 }}>Hördle Admin Dashboard</h1>
-                <button
-                    onClick={handleLogout}
-                    className="btn-secondary"
-                    style={{
-                        padding: '0.5rem 1rem',
-                        backgroundColor: '#dc3545',
-                        color: 'white',
-                        border: 'none',
-                        borderRadius: '4px',
-                        cursor: 'pointer',
-                        fontSize: '0.9rem'
-                    }}
-                >
-                    🚪 Logout
-                </button>
-            </div>
-
-            {/* Special Management */}
-            <div className="admin-card" style={{ marginBottom: '2rem' }}>
-                <h2 style={{ fontSize: '1.25rem', fontWeight: 'bold', marginBottom: '1rem' }}>Manage Specials</h2>
-                <form onSubmit={handleCreateSpecial} style={{ marginBottom: '1rem' }}>
-                    <div style={{ display: 'flex', gap: '0.5rem', flexWrap: 'wrap', alignItems: 'flex-end' }}>
-                        <div style={{ display: 'flex', flexDirection: 'column' }}>
-                            <label style={{ fontSize: '0.75rem', color: '#666' }}>Name</label>
-                            <input type="text" placeholder="Special name" value={newSpecialName} onChange={e => setNewSpecialName(e.target.value)} className="form-input" required />
-                        </div>
-                        <div style={{ display: 'flex', flexDirection: 'column' }}>
-                            <label style={{ fontSize: '0.75rem', color: '#666' }}>Subtitle</label>
-                            <input type="text" placeholder="Subtitle" value={newSpecialSubtitle} onChange={e => setNewSpecialSubtitle(e.target.value)} className="form-input" />
-                        </div>
-                        <div style={{ display: 'flex', flexDirection: 'column' }}>
-                            <label style={{ fontSize: '0.75rem', color: '#666' }}>Max Attempts</label>
-                            <input type="number" placeholder="Max attempts" value={newSpecialMaxAttempts} onChange={e => setNewSpecialMaxAttempts(Number(e.target.value))} className="form-input" min={1} style={{ width: '80px' }} />
-                        </div>
-                        <div style={{ display: 'flex', flexDirection: 'column' }}>
-                            <label style={{ fontSize: '0.75rem', color: '#666' }}>Unlock Steps</label>
-                            <input type="text" placeholder="Unlock steps JSON" value={newSpecialUnlockSteps} onChange={e => setNewSpecialUnlockSteps(e.target.value)} className="form-input" style={{ width: '200px' }} />
-                        </div>
-                        <div style={{ display: 'flex', flexDirection: 'column' }}>
-                            <label style={{ fontSize: '0.75rem', color: '#666' }}>Launch Date</label>
-                            <input type="date" value={newSpecialLaunchDate} onChange={e => setNewSpecialLaunchDate(e.target.value)} className="form-input" />
-                        </div>
-                        <div style={{ display: 'flex', flexDirection: 'column' }}>
-                            <label style={{ fontSize: '0.75rem', color: '#666' }}>End Date</label>
-                            <input type="date" value={newSpecialEndDate} onChange={e => setNewSpecialEndDate(e.target.value)} className="form-input" />
-                        </div>
-                        <div style={{ display: 'flex', flexDirection: 'column' }}>
-                            <label style={{ fontSize: '0.75rem', color: '#666' }}>Curator</label>
-                            <input type="text" placeholder="Curator name" value={newSpecialCurator} onChange={e => setNewSpecialCurator(e.target.value)} className="form-input" />
-                            <label style={{ display: 'flex', alignItems: 'center', gap: '0.25rem', fontSize: '0.875rem', cursor: 'pointer', marginTop: '0.5rem' }}>
-                                <input
-                                    type="checkbox"
-                                    checked={newSpecialHidden}
-                                    onChange={e => setNewSpecialHidden(e.target.checked)}
-                                    style={{ width: '1rem', height: '1rem' }}
-                                />
-                                Hidden Special (not in navigation)
-                            </label>
-                        </div>
-                        <button type="submit" className="btn-primary" style={{ height: '38px' }}>Add Special</button>
-                    </div>
-                </form>
-                <div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.5rem' }}>
-                    {specials.map(special => (
-                        <div
-                            key={special.id}
-                            style={{
-                                background: '#f3f4f6',
-                                padding: '0.25rem 0.75rem',
-                                borderRadius: '999px',
-                                display: 'flex',
-                                alignItems: 'center',
-                                gap: '0.5rem',
-                                fontSize: '0.875rem',
-                            }}
-                        >
-                            <span>
-                                {special.hidden && <span title="Hidden from navigation">👁️‍🗨️</span>} {special.name} ({special._count?.songs || 0})
-                            </span>
-                            {special.subtitle && (
-                                <span
-                                    style={{
-                                        fontSize: '0.75rem',
-                                        color: '#666',
-                                        marginLeft: '0.25rem',
-                                    }}
-                                >
-                                    - {special.subtitle}
-                                </span>
-                            )}
-                            <button
-                                onClick={() => startEditSpecial(special)}
-                                className="btn-secondary"
-                                style={{ marginRight: '0.5rem' }}
-                            >
-                                Edit
-                            </button>
-                            <button
-                                onClick={() => handleDeleteSpecial(special.id)}
-                                className="btn-danger"
-                            >
-                                Delete
-                            </button>
-                        </div>
-                    ))}
-                </div>
-                {editingSpecialId !== null && (
-                    <div style={{ marginTop: '1rem', padding: '1rem', background: '#f9fafb', borderRadius: '0.5rem' }}>
-                        <h3>Edit Special</h3>
-                        <div style={{ display: 'flex', gap: '0.5rem', flexWrap: 'wrap', alignItems: 'flex-end' }}>
-                            <div style={{ display: 'flex', flexDirection: 'column' }}>
-                                <label style={{ fontSize: '0.75rem', color: '#666' }}>Name</label>
-                                <input type="text" value={editSpecialName} onChange={e => setEditSpecialName(e.target.value)} className="form-input" />
-                            </div>
-                            <div style={{ display: 'flex', flexDirection: 'column' }}>
-                                <label style={{ fontSize: '0.75rem', color: '#666' }}>Subtitle</label>
-                                <input type="text" value={editSpecialSubtitle} onChange={e => setEditSpecialSubtitle(e.target.value)} className="form-input" />
-                            </div>
-                            <div style={{ display: 'flex', flexDirection: 'column' }}>
-                                <label style={{ fontSize: '0.75rem', color: '#666' }}>Max Attempts</label>
-                                <input type="number" value={editSpecialMaxAttempts} onChange={e => setEditSpecialMaxAttempts(Number(e.target.value))} className="form-input" min={1} style={{ width: '80px' }} />
-                            </div>
-                            <div style={{ display: 'flex', flexDirection: 'column' }}>
-                                <label style={{ fontSize: '0.75rem', color: '#666' }}>Unlock Steps</label>
-                                <input type="text" value={editSpecialUnlockSteps} onChange={e => setEditSpecialUnlockSteps(e.target.value)} className="form-input" style={{ width: '200px' }} />
-                            </div>
-                            <div style={{ display: 'flex', flexDirection: 'column' }}>
-                                <label style={{ fontSize: '0.75rem', color: '#666' }}>Launch Date</label>
-                                <input type="date" value={editSpecialLaunchDate} onChange={e => setEditSpecialLaunchDate(e.target.value)} className="form-input" />
-                            </div>
-                            <div style={{ display: 'flex', flexDirection: 'column' }}>
-                                <label style={{ fontSize: '0.75rem', color: '#666' }}>End Date</label>
-                                <input type="date" value={editSpecialEndDate} onChange={e => setEditSpecialEndDate(e.target.value)} className="form-input" />
-                            </div>
-                            <div style={{ display: 'flex', flexDirection: 'column' }}>
-                                <label style={{ fontSize: '0.75rem', color: '#666' }}>Curator</label>
-                                <input type="text" value={editSpecialCurator} onChange={e => setEditSpecialCurator(e.target.value)} className="form-input" />
-                                <label style={{ display: 'flex', alignItems: 'center', gap: '0.25rem', fontSize: '0.875rem', cursor: 'pointer', marginTop: '0.5rem' }}>
-                                    <input
-                                        type="checkbox"
-                                        checked={editSpecialHidden}
-                                        onChange={e => setEditSpecialHidden(e.target.checked)}
-                                        style={{ width: '1rem', height: '1rem' }}
-                                    />
-                                    Hidden Special
-                                </label>
-                            </div>
-                            <button onClick={saveEditedSpecial} className="btn-primary" style={{ height: '38px' }}>Save</button>
-                            <button onClick={() => setEditingSpecialId(null)} className="btn-secondary" style={{ height: '38px' }}>Cancel</button>
-                        </div>
-                    </div>
-                )}
-            </div>
-
-            {/* Genre Management */}
-            <div className="admin-card" style={{ marginBottom: '2rem' }}>
-                <h2 style={{ fontSize: '1.25rem', fontWeight: 'bold', marginBottom: '1rem' }}>Manage Genres</h2>
-                <div style={{ display: 'flex', gap: '0.5rem', marginBottom: '1rem', alignItems: 'center' }}>
-                    <input
-                        type="text"
-                        value={newGenreName}
-                        onChange={e => setNewGenreName(e.target.value)}
-                        placeholder="New Genre Name"
-                        className="form-input"
-                        style={{ maxWidth: '200px' }}
-                    />
-                    <input
-                        type="text"
-                        value={newGenreSubtitle}
-                        onChange={e => setNewGenreSubtitle(e.target.value)}
-                        placeholder="Subtitle"
-                        className="form-input"
-                        style={{ maxWidth: '300px' }}
-                    />
-                    <label style={{ display: 'flex', alignItems: 'center', gap: '0.25rem', fontSize: '0.875rem', cursor: 'pointer' }}>
-                        <input
-                            type="checkbox"
-                            checked={newGenreActive}
-                            onChange={e => setNewGenreActive(e.target.checked)}
-                        />
-                        Active
-                    </label>
-                    <button onClick={createGenre} className="btn-primary">Add Genre</button>
-                </div>
-                <div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.5rem' }}>
-                    {genres.map(genre => (
-                        <div key={genre.id} style={{
-                            background: genre.active ? '#f3f4f6' : '#fee2e2',
-                            opacity: genre.active ? 1 : 0.8,
-                            padding: '0.25rem 0.75rem',
-                            borderRadius: '999px',
-                            display: 'flex',
-                            alignItems: 'center',
-                            gap: '0.5rem',
-                            fontSize: '0.875rem'
-                        }}>
-                            <span>{genre.name} ({genre._count?.songs || 0})</span>
-                            {genre.subtitle && <span style={{ fontSize: '0.75rem', color: '#666' }}>- {genre.subtitle}</span>}
-                            <button onClick={() => startEditGenre(genre)} className="btn-secondary" style={{ padding: '0.1rem 0.5rem', fontSize: '0.75rem' }}>Edit</button>
-                            <button onClick={() => deleteGenre(genre.id)} className="btn-danger" style={{ padding: '0.1rem 0.5rem', fontSize: '0.75rem' }}>×</button>
-                        </div>
-                    ))}
-                </div>
-                {editingGenreId !== null && (
-                    <div style={{ marginTop: '1rem', padding: '1rem', background: '#f9fafb', borderRadius: '0.5rem' }}>
-                        <h3>Edit Genre</h3>
-                        <div style={{ display: 'flex', gap: '0.5rem', alignItems: 'flex-end' }}>
-                            <div style={{ display: 'flex', flexDirection: 'column' }}>
-                                <label style={{ fontSize: '0.75rem', color: '#666' }}>Name</label>
-                                <input type="text" value={editGenreName} onChange={e => setEditGenreName(e.target.value)} className="form-input" />
-                            </div>
-                            <div style={{ display: 'flex', flexDirection: 'column' }}>
-                                <label style={{ fontSize: '0.75rem', color: '#666' }}>Subtitle</label>
-                                <input type="text" value={editGenreSubtitle} onChange={e => setEditGenreSubtitle(e.target.value)} className="form-input" style={{ width: '300px' }} />
-                            </div>
-                            <div style={{ display: 'flex', flexDirection: 'column', justifyContent: 'flex-end', paddingBottom: '0.5rem' }}>
-                                <label style={{ display: 'flex', alignItems: 'center', gap: '0.25rem', fontSize: '0.875rem', cursor: 'pointer' }}>
-                                    <input
-                                        type="checkbox"
-                                        checked={editGenreActive}
-                                        onChange={e => setEditGenreActive(e.target.checked)}
-                                    />
-                                    Active
-                                </label>
-                            </div>
-                            <button onClick={saveEditedGenre} className="btn-primary">Save</button>
-                            <button onClick={() => setEditingGenreId(null)} className="btn-secondary">Cancel</button>
-                        </div>
-                    </div>
-                )}
-
-                {/* AI Categorization */}
-                <div style={{ marginTop: '1.5rem', paddingTop: '1rem', borderTop: '1px solid #e5e7eb' }}>
-                    <button
-                        onClick={handleAICategorization}
-                        disabled={isCategorizing || genres.length === 0}
-                        className="btn-primary"
-                        style={{
-                            opacity: isCategorizing || genres.length === 0 ? 0.5 : 1,
-                            cursor: isCategorizing || genres.length === 0 ? 'not-allowed' : 'pointer'
-                        }}
-                    >
-                        {isCategorizing ? '🤖 Categorizing...' : '🤖 Auto-Categorize Songs with AI'}
-                    </button>
-                    {genres.length === 0 && (
-                        <p style={{ fontSize: '0.875rem', color: '#666', marginTop: '0.5rem' }}>
-                            Please create at least one genre first.
-                        </p>
-                    )}
-                </div>
-
-                {/* Categorization Results */}
-                {categorizationResults && (
-                    <div style={{
-                        marginTop: '1rem',
-                        padding: '1rem',
-                        background: '#f0fdf4',
-                        border: '1px solid #86efac',
-                        borderRadius: '0.5rem'
-                    }}>
-                        <h3 style={{ fontWeight: 'bold', marginBottom: '0.5rem', color: '#166534' }}>
-                            ✅ Categorization Complete
-                        </h3>
-                        <p style={{ fontSize: '0.875rem', marginBottom: '0.5rem' }}>
-                            {categorizationResults.message}
-                        </p>
-                        {categorizationResults.results && categorizationResults.results.length > 0 && (
-                            <div style={{ marginTop: '1rem' }}>
-                                <p style={{ fontWeight: 'bold', fontSize: '0.875rem', marginBottom: '0.5rem' }}>Updated Songs:</p>
-                                <div style={{ maxHeight: '300px', overflowY: 'auto' }}>
-                                    {categorizationResults.results.map((result: any) => (
-                                        <div key={result.songId} style={{
-                                            padding: '0.5rem',
-                                            background: 'white',
-                                            borderRadius: '0.25rem',
-                                            marginBottom: '0.5rem',
-                                            fontSize: '0.875rem'
-                                        }}>
-                                            <strong>{result.title}</strong> by {result.artist}
-                                            <div style={{ display: 'flex', gap: '0.25rem', marginTop: '0.25rem', flexWrap: 'wrap' }}>
-                                                {result.assignedGenres.map((genre: string) => (
-                                                    <span key={genre} style={{
-                                                        background: '#dbeafe',
-                                                        padding: '0.1rem 0.4rem',
-                                                        borderRadius: '0.25rem',
-                                                        fontSize: '0.75rem'
-                                                    }}>
-                                                        {genre}
-                                                    </span>
-                                                ))}
-                                            </div>
-                                        </div>
-                                    ))}
-                                </div>
-                            </div>
-                        )}
-                        <button
-                            onClick={() => setCategorizationResults(null)}
-                            style={{
-                                marginTop: '1rem',
-                                padding: '0.5rem 1rem',
-                                background: 'white',
-                                border: '1px solid #d1d5db',
-                                borderRadius: '0.25rem',
-                                cursor: 'pointer'
-                            }}
-                        >
-                            Close
-                        </button>
-                    </div>
-                )}
-            </div>
-
-            {/* News Management */}
-            <div className="admin-card" style={{ marginBottom: '2rem' }}>
-                <h2 style={{ fontSize: '1.25rem', fontWeight: 'bold', marginBottom: '1rem' }}>Manage News & Announcements</h2>
-                <form onSubmit={handleCreateNews} style={{ marginBottom: '1rem' }}>
-                    <div style={{ display: 'flex', flexDirection: 'column', gap: '0.5rem' }}>
-                        <input
-                            type="text"
-                            value={newNewsTitle}
-                            onChange={e => setNewNewsTitle(e.target.value)}
-                            placeholder="News Title"
-                            className="form-input"
-                            required
-                        />
-                        <textarea
-                            value={newNewsContent}
-                            onChange={e => setNewNewsContent(e.target.value)}
-                            placeholder="Content (Markdown supported)"
-                            className="form-input"
-                            rows={4}
-                            required
-                            style={{ fontFamily: 'monospace', fontSize: '0.875rem' }}
-                        />
-                        <div style={{ display: 'flex', gap: '0.5rem', flexWrap: 'wrap', alignItems: 'center' }}>
-                            <input
-                                type="text"
-                                value={newNewsAuthor}
-                                onChange={e => setNewNewsAuthor(e.target.value)}
-                                placeholder="Author (optional)"
-                                className="form-input"
-                                style={{ maxWidth: '200px' }}
-                            />
-                            <select
-                                value={newNewsSpecialId || ''}
-                                onChange={e => setNewNewsSpecialId(e.target.value ? Number(e.target.value) : null)}
-                                className="form-input"
-                                style={{ maxWidth: '200px' }}
-                            >
-                                <option value="">No Special Link</option>
-                                {specials.map(s => (
-                                    <option key={s.id} value={s.id}>{s.name}</option>
-                                ))}
-                            </select>
-                            <label style={{ display: 'flex', alignItems: 'center', gap: '0.25rem', fontSize: '0.875rem', cursor: 'pointer' }}>
-                                <input
-                                    type="checkbox"
-                                    checked={newNewsFeatured}
-                                    onChange={e => setNewNewsFeatured(e.target.checked)}
-                                />
-                                Featured
-                            </label>
-                            <button type="submit" className="btn-primary">Add News</button>
-                        </div>
-                    </div>
-                </form>
-
-                <div style={{ display: 'flex', flexDirection: 'column', gap: '0.5rem' }}>
-                    {news.map(newsItem => (
-                        <div key={newsItem.id} style={{
-                            background: newsItem.featured ? '#fef3c7' : '#f3f4f6',
-                            padding: '0.75rem',
-                            borderRadius: '0.5rem',
-                            border: newsItem.featured ? '2px solid #f59e0b' : '1px solid #e5e7eb'
-                        }}>
-                            {editingNewsId === newsItem.id ? (
-                                <div style={{ display: 'flex', flexDirection: 'column', gap: '0.5rem' }}>
-                                    <input
-                                        type="text"
-                                        value={editNewsTitle}
-                                        onChange={e => setEditNewsTitle(e.target.value)}
-                                        className="form-input"
-                                    />
-                                    <textarea
-                                        value={editNewsContent}
-                                        onChange={e => setEditNewsContent(e.target.value)}
-                                        className="form-input"
-                                        rows={4}
-                                        style={{ fontFamily: 'monospace', fontSize: '0.875rem' }}
-                                    />
-                                    <div style={{ display: 'flex', gap: '0.5rem', flexWrap: 'wrap', alignItems: 'center' }}>
-                                        <input
-                                            type="text"
-                                            value={editNewsAuthor}
-                                            onChange={e => setEditNewsAuthor(e.target.value)}
-                                            placeholder="Author"
-                                            className="form-input"
-                                            style={{ maxWidth: '200px' }}
-                                        />
-                                        <select
-                                            value={editNewsSpecialId || ''}
-                                            onChange={e => setEditNewsSpecialId(e.target.value ? Number(e.target.value) : null)}
-                                            className="form-input"
-                                            style={{ maxWidth: '200px' }}
-                                        >
-                                            <option value="">No Special Link</option>
-                                            {specials.map(s => (
-                                                <option key={s.id} value={s.id}>{s.name}</option>
-                                            ))}
-                                        </select>
-                                        <label style={{ display: 'flex', alignItems: 'center', gap: '0.25rem', fontSize: '0.875rem' }}>
-                                            <input
-                                                type="checkbox"
-                                                checked={editNewsFeatured}
-                                                onChange={e => setEditNewsFeatured(e.target.checked)}
-                                            />
-                                            Featured
-                                        </label>
-                                        <button onClick={saveEditedNews} className="btn-primary">Save</button>
-                                        <button onClick={() => setEditingNewsId(null)} className="btn-secondary">Cancel</button>
-                                    </div>
-                                </div>
-                            ) : (
-                                <>
-                                    <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', marginBottom: '0.5rem' }}>
-                                        <div style={{ flex: 1 }}>
-                                            <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem', marginBottom: '0.25rem' }}>
-                                                {newsItem.featured && (
-                                                    <span style={{
-                                                        background: '#f59e0b',
-                                                        color: 'white',
-                                                        padding: '0.125rem 0.375rem',
-                                                        borderRadius: '0.25rem',
-                                                        fontSize: '0.625rem',
-                                                        fontWeight: '600'
-                                                    }}>
-                                                        ⭐ FEATURED
-                                                    </span>
-                                                )}
-                                                <h3 style={{ margin: 0, fontSize: '1rem', fontWeight: '600' }}>{newsItem.title}</h3>
-                                            </div>
-                                            <div style={{ fontSize: '0.75rem', color: '#666', marginBottom: '0.5rem' }}>
-                                                {new Date(newsItem.publishedAt).toLocaleDateString('de-DE')}
-                                                {newsItem.author && ` • by ${newsItem.author}`}
-                                                {newsItem.special && ` • ★ ${newsItem.special.name}`}
-                                            </div>
-                                            <p style={{ margin: 0, fontSize: '0.875rem', whiteSpace: 'pre-wrap' }}>
-                                                {newsItem.content.length > 150
-                                                    ? newsItem.content.substring(0, 150) + '...'
-                                                    : newsItem.content}
-                                            </p>
-                                        </div>
-                                        <div style={{ display: 'flex', gap: '0.25rem', marginLeft: '1rem' }}>
-                                            <button onClick={() => startEditNews(newsItem)} className="btn-secondary" style={{ padding: '0.25rem 0.5rem', fontSize: '0.75rem' }}>Edit</button>
-                                            <button onClick={() => handleDeleteNews(newsItem.id)} className="btn-danger" style={{ padding: '0.25rem 0.5rem', fontSize: '0.75rem' }}>Delete</button>
-                                        </div>
-                                    </div>
-                                </>
-                            )}
-                        </div>
-                    ))}
-                    {news.length === 0 && (
-                        <p style={{ color: '#666', fontSize: '0.875rem', textAlign: 'center', padding: '1rem' }}>
-                            No news items yet. Create one above!
-                        </p>
-                    )}
-                </div>
-            </div>
-
-            {/* Upload Songs wurde in das Kuratoren-Dashboard verlagert */}
-
-            {/* Today's Daily Puzzles */}
-            <div className="admin-card">
-                <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '1rem' }}>
-                    <h2 style={{ fontSize: '1.25rem', fontWeight: 'bold', margin: 0 }}>
-                        Today's Daily Puzzles
-                    </h2>
-                    <button
-                        onClick={() => setShowDailyPuzzles(!showDailyPuzzles)}
-                        style={{
-                            padding: '0.5rem 1rem',
-                            background: '#f3f4f6',
-                            border: '1px solid #d1d5db',
-                            borderRadius: '0.25rem',
-                            cursor: 'pointer',
-                            fontSize: '0.875rem'
-                        }}
-                    >
-                        {showDailyPuzzles ? '▼ Hide' : '▶ Show'}
-                    </button>
-                </div>
-                {showDailyPuzzles && (dailyPuzzles.length === 0 ? (
-                    <p style={{ color: '#6b7280' }}>No daily puzzles found for today.</p>
-                ) : (
-                    <table style={{ width: '100%', borderCollapse: 'collapse' }}>
-                        <thead>
-                            <tr style={{ borderBottom: '2px solid #e5e7eb' }}>
-                                <th style={{ padding: '0.75rem', textAlign: 'left', fontWeight: 'bold' }}>Category</th>
-                                <th style={{ padding: '0.75rem', textAlign: 'left', fontWeight: 'bold' }}>Song</th>
-                                <th style={{ padding: '0.75rem', textAlign: 'left', fontWeight: 'bold' }}>Artist</th>
-                                <th style={{ padding: '0.75rem', textAlign: 'center', fontWeight: 'bold' }}>Actions</th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            {dailyPuzzles.map(puzzle => (
-                                <tr key={puzzle.id} style={{ borderBottom: '1px solid #e5e7eb' }}>
-                                    <td style={{ padding: '0.75rem' }}>
-                                        <span style={{
-                                            background: puzzle.categoryType === 'global' ? '#dbeafe' : puzzle.categoryType === 'special' ? '#fce7f3' : '#f3f4f6',
-                                            color: puzzle.categoryType === 'global' ? '#1e40af' : puzzle.categoryType === 'special' ? '#be185d' : '#374151',
-                                            padding: '0.25rem 0.5rem',
-                                            borderRadius: '0.25rem',
-                                            fontSize: '0.875rem',
-                                            fontWeight: '500'
-                                        }}>
-                                            {puzzle.category}
-                                        </span>
-                                    </td>
-                                    <td style={{ padding: '0.75rem', fontWeight: 'bold' }}>{puzzle.song.title}</td>
-                                    <td style={{ padding: '0.75rem' }}>{puzzle.song.artist}</td>
-                                    <td style={{ padding: '0.75rem', textAlign: 'center' }}>
-                                        <div style={{ display: 'flex', gap: '0.5rem', justifyContent: 'center' }}>
-                                            <button
-                                                onClick={() => handlePlayPuzzle(puzzle)}
-                                                style={{ fontSize: '1.25rem', cursor: 'pointer', border: 'none', background: 'none' }}
-                                                title={playingPuzzleId === puzzle.id ? "Pause" : "Play"}
-                                            >
-                                                {playingPuzzleId === puzzle.id ? '⏸️' : '▶️'}
-                                            </button>
-                                            <button
-                                                onClick={() => handleDeletePuzzle(puzzle.id)}
-                                                style={{ fontSize: '1.25rem', cursor: 'pointer', border: 'none', background: 'none' }}
-                                                title="Delete"
-                                            >
-                                                🗑️
-                                            </button>
-                                        </div>
-                                    </td>
-                                </tr>
-                            ))}
-                        </tbody>
-                    </table>
-                ))}
-            </div>
-
-            {/* Song Library wurde in das Kuratoren-Dashboard verlagert */}
-
-            <div className="admin-card" style={{ marginTop: '2rem', border: '1px solid #ef4444' }}>
-                <h2 style={{ fontSize: '1.25rem', fontWeight: 'bold', marginBottom: '1rem', color: '#ef4444' }}>
-                    Danger Zone
-                </h2>
-                <p style={{ marginBottom: '1rem', color: '#666' }}>
-                    These actions are destructive and cannot be undone.
-                </p>
-                <button
-                    onClick={async () => {
-                        if (window.confirm('⚠️ WARNING: This will delete ALL data from the database (Songs, Genres, Specials, Puzzles) and re-import songs from the uploads folder.\n\nExisting genres and specials will be LOST and must be recreated manually.\n\nAre you sure you want to proceed?')) {
-                            try {
-                                setMessage('Rebuilding database... this may take a while.');
-                                const res = await fetch('/api/admin/rebuild', { method: 'POST' });
-                                if (res.ok) {
-                                    const data = await res.json();
-                                    alert(data.message + '\n\nPlease recreate your Genres and Specials now.');
-                                    window.location.reload();
-                                } else {
-                                    alert('Rebuild failed. Check server logs.');
-                                    setMessage('Rebuild failed.');
-                                }
-                            } catch (e) {
-                                console.error(e);
-                                alert('Rebuild failed due to network error.');
-                            }
-                        }
-                    }}
-                    style={{
-                        padding: '0.75rem 1.5rem',
-                        background: '#ef4444',
-                        color: 'white',
-                        border: 'none',
-                        borderRadius: '0.25rem',
-                        cursor: 'pointer',
-                        fontWeight: 'bold'
-                    }}
-                >
-                    ☢️ Rebuild Database
-                </button>
-
-
-            </div>
-        </div>
-    );
-}
diff --git a/app/admin/specials/[id]/page.tsx b/app/admin/specials/[id]/page.tsx
deleted file mode 100644
index e4d76bf..0000000
--- a/app/admin/specials/[id]/page.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-'use client';
-
-import { useEffect, useState } from 'react';
-import { useParams, useRouter, usePathname } from 'next/navigation';
-import CurateSpecialEditor, { CurateSpecial } from '@/components/CurateSpecialEditor';
-
-export default function SpecialEditorPage() {
-    const params = useParams();
-    const router = useRouter();
-    const pathname = usePathname();
-    const specialId = params.id as string;
-
-    // Locale aus dem Pfad ableiten (/en/..., /de/...)
-    const localeFromPath = pathname?.split('/')[1] as 'de' | 'en' | undefined;
-    const locale: 'de' | 'en' = localeFromPath === 'de' || localeFromPath === 'en' ? localeFromPath : 'en';
-
-    const [special, setSpecial] = useState<CurateSpecial | null>(null);
-    const [loading, setLoading] = useState(true);
-
-    const fetchSpecial = async (showLoading = true) => {
-        try {
-            if (showLoading) {
-                setLoading(true);
-            }
-            const res = await fetch(`/api/specials/${specialId}`);
-            if (res.ok) {
-                const data = await res.json();
-                setSpecial(data);
-            }
-        } catch (error) {
-            console.error('Error fetching special:', error);
-        } finally {
-            if (showLoading) {
-                setLoading(false);
-            }
-        }
-    };
-
-    useEffect(() => {
-        fetchSpecial(true);
-    }, [specialId]);
-
-    const handleSaveStartTime = async (songId: number, startTime: number) => {
-        const res = await fetch(`/api/specials/${specialId}/songs`, {
-            method: 'PUT',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ songId, startTime }),
-        });
-
-        if (!res.ok) {
-            const errorText = await res.text().catch(() => res.statusText || 'Unknown error');
-            console.error('Error updating special song (admin):', res.status, errorText);
-            throw new Error(`Failed to save start time: ${errorText}`);
-        } else {
-            // Reload special data to update the start time in the song list
-            await fetchSpecial(false);
-        }
-    };
-
-    if (loading) {
-        return (
-            <div style={{ padding: '2rem', textAlign: 'center' }}>
-                <p>Loading...</p>
-            </div>
-        );
-    }
-
-    if (!special) {
-        return (
-            <div style={{ padding: '2rem', textAlign: 'center' }}>
-                <p>Special not found</p>
-                <button onClick={() => router.push('/admin')}>Back to Admin</button>
-            </div>
-        );
-    }
-
-    return (
-        <CurateSpecialEditor
-            special={special}
-            locale={locale}
-            onBack={() => router.push('/admin')}
-            onSaveStartTime={handleSaveStartTime}
-            backLabel="← Back to Admin"
-            headerPrefix="Edit Special:"
-            noSongsSubHint="Go back to the admin dashboard to add songs to this special."
-        />
-    );
-}
-
diff --git a/app/api/admin/reset-activations/route.ts b/app/api/admin/reset-activations/route.ts
new file mode 100644
index 0000000..f3a53e9
--- /dev/null
+++ b/app/api/admin/reset-activations/route.ts
@@ -0,0 +1,23 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { PrismaClient } from '@prisma/client';
+
+const prisma = new PrismaClient();
+
+export async function POST(req: NextRequest) {
+    try {
+        // Delete all daily puzzles (activations)
+        const result = await prisma.dailyPuzzle.deleteMany({});
+
+        return NextResponse.json({
+            success: true,
+            message: `Successfully deleted ${result.count} daily puzzles (activations)`,
+            count: result.count,
+        });
+    } catch (error) {
+        console.error('Error resetting activations:', error);
+        return NextResponse.json(
+            { error: 'Failed to reset activations' },
+            { status: 500 }
+        );
+    }
+}
diff --git a/app/api/admin/reset-ratings/route.ts b/app/api/admin/reset-ratings/route.ts
new file mode 100644
index 0000000..3730e9e
--- /dev/null
+++ b/app/api/admin/reset-ratings/route.ts
@@ -0,0 +1,28 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { PrismaClient } from '@prisma/client';
+
+const prisma = new PrismaClient();
+
+export async function POST(req: NextRequest) {
+    try {
+        // Reset all song ratings to 0
+        const result = await prisma.song.updateMany({
+            data: {
+                averageRating: 0,
+                ratingCount: 0,
+            },
+        });
+
+        return NextResponse.json({
+            success: true,
+            message: `Successfully reset ratings for ${result.count} songs`,
+            count: result.count,
+        });
+    } catch (error) {
+        console.error('Error resetting ratings:', error);
+        return NextResponse.json(
+            { error: 'Failed to reset ratings' },
+            { status: 500 }
+        );
+    }
+}
diff --git a/app/curator/CuratorPageClient.tsx b/app/curator/CuratorPageClient.tsx
deleted file mode 100644
index bf829f2..0000000
--- a/app/curator/CuratorPageClient.tsx
+++ /dev/null
@@ -1,2164 +0,0 @@
-'use client';
-
-import { useEffect, useRef, useState } from 'react';
-import { useTranslations, useLocale } from 'next-intl';
-import { Link } from '@/lib/navigation';
-import HelpTooltip from '@/components/HelpTooltip';
-
-interface Genre {
-    id: number;
-    name: any;
-}
-
-interface Special {
-    id: number;
-    name: any;
-}
-
-interface Song {
-    id: number;
-    title: string;
-    artist: string;
-    filename: string;
-    createdAt: string;
-    releaseYear: number | null;
-    coverImage: string | null;
-    activations?: number;
-    puzzles?: any[];
-    genres: Genre[];
-    specials: Special[];
-    excludeFromGlobal: boolean;
-    averageRating?: number;
-    ratingCount?: number;
-}
-
-interface CuratorInfo {
-    id: number;
-    username: string;
-    isGlobalCurator: boolean;
-    genreIds: number[];
-    specialIds: number[];
-}
-
-interface CuratorComment {
-    id: number;
-    message: string;
-    createdAt: string;
-    readAt: string | null;
-    puzzle: {
-        id: number;
-        date: string;
-        puzzleNumber: number;
-        song: {
-            title: string;
-            artist: string;
-        };
-        genre: {
-            id: number;
-            name: any;
-        } | null;
-        special: {
-            id: number;
-            name: any;
-        } | null;
-    };
-}
-
-function getCuratorAuthHeaders() {
-    const authToken = localStorage.getItem('hoerdle_curator_auth');
-    const username = localStorage.getItem('hoerdle_curator_username') || '';
-    return {
-        'Content-Type': 'application/json',
-        'x-curator-auth': authToken || '',
-        'x-curator-username': username,
-    };
-}
-
-function getCuratorUploadHeaders() {
-    const authToken = localStorage.getItem('hoerdle_curator_auth');
-    const username = localStorage.getItem('hoerdle_curator_username') || '';
-    return {
-        'x-curator-auth': authToken || '',
-        'x-curator-username': username,
-    };
-}
-
-export default function CuratorPageClient() {
-    const t = useTranslations('Curator');
-    const tNav = useTranslations('Navigation');
-    const tHelp = useTranslations('CuratorHelp');
-    const locale = useLocale();
-    const [username, setUsername] = useState('');
-    const [password, setPassword] = useState('');
-    const [isAuthenticated, setIsAuthenticated] = useState(false);
-    const [curatorInfo, setCuratorInfo] = useState<CuratorInfo | null>(null);
-    const [songs, setSongs] = useState<Song[]>([]);
-    const [genres, setGenres] = useState<Genre[]>([]);
-    const [specials, setSpecials] = useState<Special[]>([]);
-    const [loading, setLoading] = useState(false);
-    const [editingId, setEditingId] = useState<number | null>(null);
-    const [editTitle, setEditTitle] = useState('');
-    const [editArtist, setEditArtist] = useState('');
-    const [editReleaseYear, setEditReleaseYear] = useState<number | ''>('');
-    const [editExcludeFromGlobal, setEditExcludeFromGlobal] = useState(false);
-    const [editGenreIds, setEditGenreIds] = useState<number[]>([]);
-    const [editSpecialIds, setEditSpecialIds] = useState<number[]>([]);
-    const [message, setMessage] = useState('');
-
-    // Upload state (analog zum Admin-Upload, aber vereinfacht)
-    const [files, setFiles] = useState<File[]>([]);
-    const [uploadGenreIds, setUploadGenreIds] = useState<number[]>([]);
-    const [uploadSpecialIds, setUploadSpecialIds] = useState<number[]>([]);
-    const [isUploading, setIsUploading] = useState(false);
-    const [isDragging, setIsDragging] = useState(false);
-    const [uploadProgress, setUploadProgress] = useState<{ current: number; total: number }>({
-        current: 0,
-        total: 0,
-    });
-    const [uploadResults, setUploadResults] = useState<any[]>([]);
-    const fileInputRef = useRef<HTMLInputElement | null>(null);
-
-    // Search / Sort / Pagination / Audio (ähnlich Admin-Song-Library)
-    type SortField = 'id' | 'title' | 'artist' | 'createdAt' | 'releaseYear' | 'activations' | 'averageRating';
-    type SortDirection = 'asc' | 'desc';
-    const [sortField, setSortField] = useState<SortField>('artist');
-    const [sortDirection, setSortDirection] = useState<SortDirection>('asc');
-    const [searchQuery, setSearchQuery] = useState('');
-    const [selectedFilter, setSelectedFilter] = useState<string>('');
-    const [currentPage, setCurrentPage] = useState(1);
-    const [itemsPerPage, setItemsPerPage] = useState(10);
-    const [playingSongId, setPlayingSongId] = useState<number | null>(null);
-    const [audioElement, setAudioElement] = useState<HTMLAudioElement | null>(null);
-    const [hoveredCoverSongId, setHoveredCoverSongId] = useState<number | null>(null);
-    
-    // Comments state
-    const [comments, setComments] = useState<CuratorComment[]>([]);
-    const [loadingComments, setLoadingComments] = useState(false);
-    const [showComments, setShowComments] = useState(false);
-
-    // Batch edit state
-    const [selectedSongIds, setSelectedSongIds] = useState<Set<number>>(new Set());
-    const [batchGenreIds, setBatchGenreIds] = useState<number[]>([]);
-    const [batchSpecialIds, setBatchSpecialIds] = useState<number[]>([]);
-    const [batchArtist, setBatchArtist] = useState('');
-    const [batchExcludeFromGlobal, setBatchExcludeFromGlobal] = useState<boolean | undefined>(undefined);
-    const [isBatchUpdating, setIsBatchUpdating] = useState(false);
-
-    useEffect(() => {
-        const authToken = localStorage.getItem('hoerdle_curator_auth');
-        const storedUsername = localStorage.getItem('hoerdle_curator_username');
-        if (authToken === 'authenticated' && storedUsername) {
-            setIsAuthenticated(true);
-            setUsername(storedUsername);
-            bootstrapCuratorData();
-        }
-    }, []);
-
-
-    const bootstrapCuratorData = async () => {
-        try {
-            setLoading(true);
-            await Promise.all([fetchCuratorInfo(), fetchSongs(), fetchGenres(), fetchSpecials(), fetchComments()]);
-        } finally {
-            setLoading(false);
-        }
-    };
-
-    const fetchComments = async () => {
-        try {
-            setLoadingComments(true);
-            const res = await fetch('/api/curator-comments', {
-                headers: getCuratorAuthHeaders(),
-            });
-            if (res.ok) {
-                const data: CuratorComment[] = await res.json();
-                setComments(data);
-            } else {
-                setMessage(t('loadCommentsError'));
-            }
-        } catch (error) {
-            setMessage(t('loadCommentsError'));
-        } finally {
-            setLoadingComments(false);
-        }
-    };
-
-    const markCommentAsRead = async (commentId: number) => {
-        try {
-            const res = await fetch(`/api/curator-comments/${commentId}/read`, {
-                method: 'POST',
-                headers: getCuratorAuthHeaders(),
-            });
-            if (res.ok) {
-                // Update local state
-                setComments(comments.map(c => 
-                    c.id === commentId ? { ...c, readAt: new Date().toISOString() } : c
-                ));
-            }
-        } catch (error) {
-            console.error('Error marking comment as read:', error);
-        }
-    };
-
-    const archiveComment = async (commentId: number) => {
-        try {
-            const res = await fetch(`/api/curator-comments/${commentId}/archive`, {
-                method: 'POST',
-                headers: getCuratorAuthHeaders(),
-            });
-            if (res.ok) {
-                // Remove comment from local state (archived comments are not shown)
-                setComments(comments.filter(c => c.id !== commentId));
-            } else {
-                setMessage(t('archiveCommentError'));
-            }
-        } catch (error) {
-            console.error('Error archiving comment:', error);
-            setMessage(t('archiveCommentError'));
-        }
-    };
-
-    const fetchCuratorInfo = async () => {
-        const res = await fetch('/api/curator/me', {
-            headers: getCuratorAuthHeaders(),
-        });
-        if (res.ok) {
-            const data: CuratorInfo = await res.json();
-            setCuratorInfo(data);
-            localStorage.setItem('hoerdle_curator_is_global', String(data.isGlobalCurator));
-        } else {
-            setMessage(t('loadCuratorError'));
-        }
-    };
-
-    const fetchSongs = async () => {
-        const res = await fetch('/api/songs', {
-            headers: getCuratorAuthHeaders(),
-        });
-        if (res.ok) {
-            const data: Song[] = await res.json();
-            setSongs(data);
-        } else {
-            setMessage(t('loadSongsError'));
-        }
-    };
-
-    const fetchGenres = async () => {
-        const res = await fetch('/api/genres');
-        if (res.ok) {
-            const data = await res.json();
-            setGenres(data);
-        }
-    };
-
-    const fetchSpecials = async () => {
-        const res = await fetch('/api/specials');
-        if (res.ok) {
-            const data = await res.json();
-            setSpecials(data);
-        }
-    };
-
-    const handleLogin = async () => {
-        setMessage('');
-        try {
-            const res = await fetch('/api/curator/login', {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ username, password }),
-            });
-
-            if (res.ok) {
-                const data = await res.json();
-                localStorage.setItem('hoerdle_curator_auth', 'authenticated');
-                localStorage.setItem('hoerdle_curator_username', data.curator.username);
-                localStorage.setItem('hoerdle_curator_is_global', String(data.curator.isGlobalCurator));
-                setIsAuthenticated(true);
-                setPassword('');
-                await bootstrapCuratorData();
-            } else {
-                const err = await res.json().catch(() => null);
-                setMessage(err?.error || t('loginFailed'));
-            }
-        } catch (e) {
-            setMessage(t('loginNetworkError'));
-        }
-    };
-
-    const handleLogout = () => {
-        localStorage.removeItem('hoerdle_curator_auth');
-        localStorage.removeItem('hoerdle_curator_username');
-        localStorage.removeItem('hoerdle_curator_is_global');
-        setIsAuthenticated(false);
-        setCuratorInfo(null);
-        setSongs([]);
-        setMessage('');
-    };
-
-    const startEditing = (song: Song) => {
-        setEditingId(song.id);
-        setEditTitle(song.title);
-        setEditArtist(song.artist);
-        setEditReleaseYear(song.releaseYear || '');
-        setEditExcludeFromGlobal(song.excludeFromGlobal || false);
-        setEditGenreIds(song.genres.map(g => g.id));
-        setEditSpecialIds(song.specials.map(s => s.id));
-    };
-
-    const cancelEditing = () => {
-        setEditingId(null);
-        setEditTitle('');
-        setEditArtist('');
-        setEditReleaseYear('');
-        setEditExcludeFromGlobal(false);
-        setEditGenreIds([]);
-        setEditSpecialIds([]);
-    };
-
-    const saveEditing = async (id: number) => {
-        if (!curatorInfo) return;
-        setMessage('');
-        const isGlobalCurator = curatorInfo.isGlobalCurator;
-
-        // Nur Genres/Specials, für die der Kurator zuständig ist, dürfen aktiv geändert werden.
-        const manageableGenreIds = editGenreIds.filter(gid => curatorInfo.genreIds.includes(gid));
-        const manageableSpecialIds = editSpecialIds.filter(sid => curatorInfo.specialIds.includes(sid));
-
-        try {
-            const res = await fetch('/api/songs', {
-                method: 'PUT',
-                headers: getCuratorAuthHeaders(),
-                body: JSON.stringify({
-                    id,
-                    title: editTitle,
-                    artist: editArtist,
-                    releaseYear: editReleaseYear === '' ? null : Number(editReleaseYear),
-                    genreIds: manageableGenreIds,
-                    specialIds: manageableSpecialIds,
-                    excludeFromGlobal: isGlobalCurator ? editExcludeFromGlobal : undefined,
-                }),
-            });
-
-            if (res.ok) {
-                setEditingId(null);
-                await fetchSongs();
-                setMessage(t('songUpdated'));
-            } else {
-                const errText = await res.text();
-                setMessage(t('saveError', { error: errText }));
-            }
-        } catch (e) {
-            setMessage(t('saveNetworkError'));
-        }
-    };
-
-    const canEditSong = (song: Song): boolean => {
-        if (!curatorInfo) return false;
-        const songGenreIds = song.genres.map(g => g.id);
-        const songSpecialIds = song.specials.map(s => s.id);
-        if (songGenreIds.length === 0 && songSpecialIds.length === 0) {
-            // Songs ohne Genres/Specials dürfen von Kuratoren generell bearbeitet werden
-            return true;
-        }
-        const hasGenre = songGenreIds.some(id => curatorInfo.genreIds.includes(id));
-        const hasSpecial = songSpecialIds.some(id => curatorInfo.specialIds.includes(id));
-        return hasGenre || hasSpecial;
-    };
-
-    const canDeleteSong = (song: Song): boolean => {
-        if (!curatorInfo) return false;
-        const songGenreIds = song.genres.map(g => g.id);
-        const songSpecialIds = song.specials.map(s => s.id);
-        const allGenresAllowed = songGenreIds.every(id => curatorInfo.genreIds.includes(id));
-        const allSpecialsAllowed = songSpecialIds.every(id => curatorInfo.specialIds.includes(id));
-        return allGenresAllowed && allSpecialsAllowed;
-    };
-
-    const handleDelete = async (song: Song) => {
-        if (!canDeleteSong(song)) {
-            setMessage(t('noDeletePermission'));
-            return;
-        }
-        if (!confirm(t('deleteConfirm', { title: song.title }))) return;
-
-        try {
-            const res = await fetch('/api/songs', {
-                method: 'DELETE',
-                headers: getCuratorAuthHeaders(),
-                body: JSON.stringify({ id: song.id }),
-            });
-            if (res.ok) {
-                await fetchSongs();
-                setMessage(t('songDeleted'));
-            } else {
-                const errText = await res.text();
-                setMessage(t('deleteError', { error: errText }));
-            }
-        } catch (e) {
-            setMessage(t('deleteNetworkError'));
-        }
-    };
-
-    // Batch edit functions
-    const toggleSongSelection = (songId: number) => {
-        setSelectedSongIds(prev => {
-            const newSet = new Set(prev);
-            if (newSet.has(songId)) {
-                newSet.delete(songId);
-            } else {
-                // Only allow selection of editable songs
-                const song = songs.find(s => s.id === songId);
-                if (song && canEditSong(song)) {
-                    newSet.add(songId);
-                }
-            }
-            return newSet;
-        });
-    };
-
-    const selectAllVisible = () => {
-        const editableVisibleIds = visibleSongs
-            .filter(song => canEditSong(song))
-            .map(song => song.id);
-        setSelectedSongIds(new Set(editableVisibleIds));
-    };
-
-    const clearSelection = () => {
-        setSelectedSongIds(new Set());
-        setBatchGenreIds([]);
-        setBatchSpecialIds([]);
-        setBatchArtist('');
-        setBatchExcludeFromGlobal(undefined);
-    };
-
-    const handleBatchUpdate = async () => {
-        if (selectedSongIds.size === 0) {
-            setMessage(t('noSongsSelected') || 'No songs selected');
-            return;
-        }
-
-        const hasGenreToggle = batchGenreIds.length > 0;
-        const hasSpecialToggle = batchSpecialIds.length > 0;
-        const hasArtistChange = batchArtist.trim() !== '';
-        const hasExcludeGlobalChange = batchExcludeFromGlobal !== undefined;
-
-        if (!hasGenreToggle && !hasSpecialToggle && !hasArtistChange && !hasExcludeGlobalChange) {
-            setMessage(t('noBatchOperations') || 'No batch operations specified');
-            return;
-        }
-
-        setIsBatchUpdating(true);
-        setMessage('');
-
-        try {
-            const res = await fetch('/api/songs/batch', {
-                method: 'POST',
-                headers: getCuratorAuthHeaders(),
-                body: JSON.stringify({
-                    songIds: Array.from(selectedSongIds),
-                    genreToggleIds: hasGenreToggle ? batchGenreIds : undefined,
-                    specialToggleIds: hasSpecialToggle ? batchSpecialIds : undefined,
-                    artist: hasArtistChange ? batchArtist.trim() : undefined,
-                    excludeFromGlobal: hasExcludeGlobalChange ? batchExcludeFromGlobal : undefined,
-                }),
-            });
-
-            if (res.ok) {
-                const result = await res.json();
-                await fetchSongs();
-                
-                let msg = t('batchUpdateSuccess') || `Successfully updated ${result.success} of ${result.processed} songs`;
-                if (result.skipped > 0) {
-                    msg += ` (${result.skipped} skipped)`;
-                }
-                if (result.errors.length > 0) {
-                    msg += `\nErrors: ${result.errors.map((e: any) => `Song ${e.songId}: ${e.error}`).join(', ')}`;
-                }
-                setMessage(msg);
-                
-                // Clear selection after successful update
-                clearSelection();
-            } else {
-                const errText = await res.text();
-                setMessage(t('batchUpdateError') || `Error: ${errText}`);
-            }
-        } catch (e) {
-            setMessage(t('batchUpdateNetworkError') || 'Network error during batch update');
-        } finally {
-            setIsBatchUpdating(false);
-        }
-    };
-
-    const handleSort = (field: SortField) => {
-        if (sortField === field) {
-            setSortDirection(sortDirection === 'asc' ? 'desc' : 'asc');
-        } else {
-            setSortField(field);
-            setSortDirection('asc');
-        }
-    };
-
-    const handlePlayPause = (song: Song) => {
-        if (playingSongId === song.id) {
-            audioElement?.pause();
-            setPlayingSongId(null);
-        } else {
-            audioElement?.pause();
-
-            const audio = new Audio(`/api/audio/${song.filename}`);
-            audio.onerror = () => {
-                setPlayingSongId(null);
-                setAudioElement(null);
-                alert(`Audio file could not be loaded: ${song.filename}`);
-            };
-
-            audio.play()
-                .then(() => {
-                    setAudioElement(audio);
-                    setPlayingSongId(song.id);
-                })
-                .catch(error => {
-                    console.error('Playback error:', error);
-                    setPlayingSongId(null);
-                    setAudioElement(null);
-                });
-
-            // Reset Zustand, wenn der Track zu Ende gespielt ist
-            audio.onended = () => {
-                setPlayingSongId(null);
-                setAudioElement(null);
-            };
-        }
-    };
-
-    const toggleUploadGenre = (genreId: number) => {
-        setUploadGenreIds(prev =>
-            prev.includes(genreId) ? prev.filter(id => id !== genreId) : [...prev, genreId]
-        );
-    };
-
-    const toggleUploadSpecial = (specialId: number) => {
-        setUploadSpecialIds(prev =>
-            prev.includes(specialId) ? prev.filter(id => id !== specialId) : [...prev, specialId]
-        );
-    };
-
-    const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-        const selected = Array.from(e.target.files || []);
-        if (selected.length === 0) return;
-        setFiles(prev => [...prev, ...selected]);
-    };
-
-    const handleDragEnter = (e: React.DragEvent<HTMLDivElement>) => {
-        e.preventDefault();
-        e.stopPropagation();
-        setIsDragging(true);
-    };
-
-    const handleDragOver = (e: React.DragEvent<HTMLDivElement>) => {
-        e.preventDefault();
-        e.stopPropagation();
-        if (!isDragging) {
-            setIsDragging(true);
-        }
-    };
-
-    const handleDragLeave = (e: React.DragEvent<HTMLDivElement>) => {
-        e.preventDefault();
-        e.stopPropagation();
-        setIsDragging(false);
-    };
-
-    const handleDrop = (e: React.DragEvent<HTMLDivElement>) => {
-        e.preventDefault();
-        e.stopPropagation();
-        setIsDragging(false);
-
-        const droppedFiles = Array.from(e.dataTransfer.files || []).filter(
-            f => f.type === 'audio/mpeg' || f.name.toLowerCase().endsWith('.mp3')
-        );
-        if (droppedFiles.length === 0) return;
-        setFiles(prev => [...prev, ...droppedFiles]);
-    };
-
-    const handleBatchUpload = async (e: React.FormEvent) => {
-        e.preventDefault();
-        if (files.length === 0) return;
-
-        setIsUploading(true);
-        setUploadResults([]);
-        setUploadProgress({ current: 0, total: files.length });
-        setMessage('');
-
-        const results: any[] = [];
-
-        for (let i = 0; i < files.length; i++) {
-            const file = files[i];
-            setUploadProgress({ current: i + 1, total: files.length });
-
-            try {
-                const formData = new FormData();
-                formData.append('file', file);
-                // excludeFromGlobal wird für Kuratoren serverseitig immer auf true gesetzt
-
-                const res = await fetch('/api/songs', {
-                    method: 'POST',
-                    headers: getCuratorUploadHeaders(),
-                    body: formData,
-                });
-
-                if (res.ok) {
-                    const data = await res.json();
-                    results.push({
-                        filename: file.name,
-                        success: true,
-                        song: data.song,
-                        validation: data.validation,
-                    });
-                } else if (res.status === 409) {
-                    const data = await res.json();
-                    results.push({
-                        filename: file.name,
-                        success: false,
-                        isDuplicate: true,
-                        duplicate: data.duplicate,
-                        error: `Duplicate: Already exists as "${data.duplicate.title}" by "${data.duplicate.artist}"`,
-                    });
-                } else {
-                    const errorText = await res.text();
-                    results.push({
-                        filename: file.name,
-                        success: false,
-                        error: `Upload failed (${res.status}): ${errorText.substring(0, 100)}`,
-                    });
-                }
-            } catch (error) {
-                results.push({
-                    filename: file.name,
-                    success: false,
-                    error: `Network error: ${error instanceof Error ? error.message : 'Unknown error'}`,
-                });
-            }
-        }
-
-        setUploadResults(results);
-        setFiles([]);
-        setIsUploading(false);
-
-        // Genres/Specials den erfolgreich hochgeladenen Songs zuweisen
-        if (uploadGenreIds.length > 0 || uploadSpecialIds.length > 0) {
-            const successfulUploads = results.filter(r => r.success && r.song);
-            for (const result of successfulUploads) {
-                try {
-                    await fetch('/api/songs', {
-                        method: 'PUT',
-                        headers: getCuratorAuthHeaders(),
-                        body: JSON.stringify({
-                            id: result.song.id,
-                            title: result.song.title,
-                            artist: result.song.artist,
-                            releaseYear: result.song.releaseYear,
-                            genreIds: uploadGenreIds.length > 0 ? uploadGenreIds : undefined,
-                            specialIds: uploadSpecialIds.length > 0 ? uploadSpecialIds : undefined,
-                        }),
-                    });
-                } catch {
-                    // Fehler beim Zuweisen werden nur geloggt, nicht abgebrochen
-                    console.error(`Failed to assign genres/specials to ${result.song.title}`);
-                }
-            }
-        }
-
-        await fetchSongs();
-
-        const successCount = results.filter(r => r.success).length;
-        const duplicateCount = results.filter(r => r.isDuplicate).length;
-        const failedCount = results.filter(r => !r.success && !r.isDuplicate).length;
-
-        let msg = t('uploadSummary', { success: successCount, total: results.length });
-        if (duplicateCount > 0) msg += `\n` + t('uploadSummaryDuplicates', { count: duplicateCount });
-        if (failedCount > 0) msg += `\n` + t('uploadSummaryFailed', { count: failedCount });
-        setMessage(msg);
-    };
-
-    if (!isAuthenticated) {
-        return (
-            <main style={{ maxWidth: '480px', margin: '2rem auto', padding: '1rem' }}>
-                <h1 style={{ fontSize: '1.5rem', marginBottom: '1rem' }}>{t('loginTitle')}</h1>
-                <div style={{ display: 'flex', flexDirection: 'column', gap: '0.75rem' }}>
-                    <label>
-                        {t('loginUsername')}
-                        <input
-                            type="text"
-                            value={username}
-                            onChange={e => setUsername(e.target.value)}
-                            style={{ width: '100%', padding: '0.5rem', marginTop: '0.25rem' }}
-                        />
-                    </label>
-                    <label>
-                        {t('loginPassword')}
-                        <input
-                            type="password"
-                            value={password}
-                            onChange={e => setPassword(e.target.value)}
-                            style={{ width: '100%', padding: '0.5rem', marginTop: '0.25rem' }}
-                        />
-                    </label>
-                    <button
-                        type="button"
-                        onClick={handleLogin}
-                        style={{
-                            padding: '0.5rem 1rem',
-                            background: '#111827',
-                            color: 'white',
-                            border: 'none',
-                            borderRadius: '0.375rem',
-                            cursor: 'pointer',
-                            marginTop: '0.5rem',
-                        }}
-                    >
-                        {t('loginButton')}
-                    </button>
-                    {message && (
-                        <p style={{ color: '#b91c1c', marginTop: '0.5rem', whiteSpace: 'pre-line' }}>{message}</p>
-                    )}
-                </div>
-            </main>
-        );
-    }
-
-    // Filter, Sort & Pagination basierend auf Admin-Logik, aber auf Kuratoren-Rechte zugeschnitten
-    const filteredSongs = songs.filter(song => {
-        // Nur Songs anzeigen, die für den Kurator relevant sind
-        if (curatorInfo && !canEditSong(song) && !canDeleteSong(song)) {
-            return false;
-        }
-
-        // Filter nach Global/Genre/Special
-        if (selectedFilter) {
-            if (selectedFilter === 'no-global') {
-                if (!song.excludeFromGlobal) return false;
-            } else if (selectedFilter.startsWith('genre:')) {
-                const genreId = Number(selectedFilter.split(':')[1]);
-                if (!song.genres.some(g => g.id === genreId)) return false;
-            } else if (selectedFilter.startsWith('special:')) {
-                const specialId = Number(selectedFilter.split(':')[1]);
-                if (!song.specials.some(s => s.id === specialId)) return false;
-            }
-        }
-
-        if (searchQuery.trim()) {
-            const q = searchQuery.toLowerCase();
-            if (
-                !song.title.toLowerCase().includes(q) &&
-                !song.artist.toLowerCase().includes(q)
-            ) {
-                return false;
-            }
-        }
-
-        return true;
-    });
-
-    const sortedSongs = [...filteredSongs].sort((a, b) => {
-        const dir = sortDirection === 'asc' ? 1 : -1;
-        switch (sortField) {
-            case 'id':
-                return (a.id - b.id) * dir;
-            case 'title':
-                return a.title.localeCompare(b.title) * dir;
-            case 'artist':
-                return a.artist.localeCompare(b.artist) * dir;
-            case 'createdAt':
-                return (new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime()) * dir;
-            case 'releaseYear':
-                return ((a.releaseYear || 0) - (b.releaseYear || 0)) * dir;
-            case 'activations': {
-                const av = a.activations ?? a.puzzles?.length ?? 0;
-                const bv = b.activations ?? b.puzzles?.length ?? 0;
-                return (av - bv) * dir;
-            }
-            case 'averageRating':
-                return ((a.averageRating || 0) - (b.averageRating || 0)) * dir;
-            default:
-                return 0;
-        }
-    });
-
-    const totalPages = Math.max(1, Math.ceil(sortedSongs.length / itemsPerPage));
-    const page = Math.min(currentPage, totalPages);
-    const startIndex = (page - 1) * itemsPerPage;
-    const visibleSongs = sortedSongs.slice(startIndex, startIndex + itemsPerPage);
-
-    return (
-        <main style={{ maxWidth: '960px', margin: '2rem auto', padding: '1rem' }}>
-            <header
-                style={{
-                    display: 'flex',
-                    justifyContent: 'space-between',
-                    alignItems: 'center',
-                    marginBottom: '1.5rem',
-                }}
-            >
-                <div>
-                    <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
-                        <h1 style={{ fontSize: '1.75rem', marginBottom: '0.25rem' }}>Kuratoren-Dashboard</h1>
-                        <HelpTooltip
-                            shortText={tHelp('tooltipDashboardShort')}
-                            longText={tHelp('tooltipDashboardLong')}
-                            position="bottom"
-                        />
-                    </div>
-                    {curatorInfo && (
-                        <p style={{ color: '#4b5563', fontSize: '0.9rem' }}>
-                            {t('loggedInAs', { username: curatorInfo.username })}
-                            {curatorInfo.isGlobalCurator && t('globalCuratorSuffix')}
-                        </p>
-                    )}
-                </div>
-                <div style={{ display: 'flex', gap: '0.5rem', alignItems: 'center' }}>
-                    <Link
-                        href="/curator/specials"
-                        style={{
-                            padding: '0.5rem 1rem',
-                            background: '#10b981',
-                            color: 'white',
-                            textDecoration: 'none',
-                            borderRadius: '0.375rem',
-                            fontSize: '0.9rem',
-                            display: 'inline-flex',
-                            alignItems: 'center',
-                            gap: '0.25rem',
-                            lineHeight: '1.5',
-                            boxSizing: 'border-box',
-                            fontFamily: 'inherit',
-                        }}
-                    >
-                        ✨ {t('curateSpecialsButton')}
-                    </Link>
-                    <Link
-                        href="/curator/help"
-                        style={{
-                            padding: '0.5rem 1rem',
-                            background: '#3b82f6',
-                            color: 'white',
-                            textDecoration: 'none',
-                            borderRadius: '0.375rem',
-                            fontSize: '0.9rem',
-                            display: 'inline-flex',
-                            alignItems: 'center',
-                            gap: '0.25rem',
-                            lineHeight: '1.5',
-                            boxSizing: 'border-box',
-                            fontFamily: 'inherit',
-                        }}
-                    >
-                        ℹ {tHelp('helpButton')}
-                    </Link>
-                    <button
-                        type="button"
-                        onClick={handleLogout}
-                        style={{
-                            padding: '0.5rem 1rem',
-                            background: '#6b7280',
-                            color: 'white',
-                            border: 'none',
-                            borderRadius: '0.375rem',
-                            cursor: 'pointer',
-                            fontSize: '0.9rem',
-                            display: 'inline-flex',
-                            alignItems: 'center',
-                            lineHeight: '1.5',
-                            boxSizing: 'border-box',
-                            fontFamily: 'inherit',
-                        }}
-                    >
-                        {t('logout')}
-                    </button>
-                </div>
-            </header>
-
-            {loading && <p>{t('loadingData')}</p>}
-            {message && (
-                <p style={{ marginBottom: '1rem', color: '#b91c1c', whiteSpace: 'pre-line' }}>{message}</p>
-            )}
-
-            {/* Comments Section */}
-            {(() => {
-                const unreadCount = comments.filter(c => !c.readAt).length;
-                const hasUnread = unreadCount > 0;
-                
-                return (
-                    <section style={{ marginBottom: '2rem' }}>
-                        <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '0.75rem' }}>
-                            <div style={{ display: 'flex', alignItems: 'baseline', gap: '0.75rem' }}>
-                                <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
-                                    <h2 style={{ fontSize: '1.25rem', marginBottom: 0 }}>
-                                        {t('commentsTitle')} ({comments.length})
-                                    </h2>
-                                    <HelpTooltip
-                                        shortText={tHelp('tooltipCommentsShort')}
-                                        longText={tHelp('tooltipCommentsLong')}
-                                        position="right"
-                                    />
-                                </div>
-                                {hasUnread && (
-                                    <span style={{
-                                        padding: '0.25rem 0.75rem',
-                                        borderRadius: '1rem',
-                                        background: '#ef4444',
-                                        color: 'white',
-                                        fontSize: '0.875rem',
-                                        fontWeight: 'bold',
-                                        display: 'inline-flex',
-                                        alignItems: 'center',
-                                        gap: '0.25rem',
-                                        verticalAlign: 'baseline',
-                                        lineHeight: '1'
-                                    }}>
-                                        {unreadCount} {t('newComments')}
-                                    </span>
-                                )}
-                            </div>
-                            <button
-                                onClick={() => {
-                                    setShowComments(!showComments);
-                                }}
-                                style={{
-                                    padding: '0.4rem 0.8rem',
-                                    borderRadius: '0.25rem',
-                                    border: '1px solid #d1d5db',
-                                    background: showComments ? '#3b82f6' : '#fff',
-                                    color: showComments ? '#fff' : '#000',
-                                    cursor: 'pointer',
-                                    fontSize: '0.9rem',
-                                }}
-                            >
-                                {showComments ? t('hideComments') : t('showComments')}
-                            </button>
-                        </div>
-
-                {showComments && (
-                    <>
-                        {loadingComments ? (
-                            <p>{t('loadingComments')}</p>
-                        ) : comments.length === 0 ? (
-                            <p>{t('noComments')}</p>
-                        ) : (
-                            <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}>
-                                {comments.map(comment => {
-                                    const genreName = comment.puzzle.genre
-                                        ? typeof comment.puzzle.genre.name === 'string'
-                                            ? comment.puzzle.genre.name
-                                            : comment.puzzle.genre.name?.de ?? comment.puzzle.genre.name?.en
-                                        : null;
-                                    const specialName = comment.puzzle.special
-                                        ? typeof comment.puzzle.special.name === 'string'
-                                            ? comment.puzzle.special.name
-                                            : comment.puzzle.special.name?.de ?? comment.puzzle.special.name?.en
-                                        : null;
-                                    const isRead = comment.readAt !== null;
-                                    
-                                    // Determine category label
-                                    let categoryLabel = '';
-                                    if (specialName) {
-                                        categoryLabel = `★ ${specialName}`;
-                                    } else if (genreName) {
-                                        categoryLabel = genreName;
-                                    } else {
-                                        categoryLabel = tNav('global');
-                                    }
-                                    
-                                    return (
-                                        <div
-                                            key={comment.id}
-                                            style={{
-                                                padding: '1rem',
-                                                borderRadius: '0.5rem',
-                                                border: `1px solid ${isRead ? '#d1d5db' : '#3b82f6'}`,
-                                                background: isRead ? '#f9fafb' : '#eff6ff',
-                                                position: 'relative',
-                                            }}
-                                            onClick={() => {
-                                                if (!isRead) {
-                                                    markCommentAsRead(comment.id);
-                                                }
-                                            }}
-                                        >
-                                            {!isRead && (
-                                                <div
-                                                    style={{
-                                                        position: 'absolute',
-                                                        top: '0.5rem',
-                                                        right: '0.5rem',
-                                                        width: '12px',
-                                                        height: '12px',
-                                                        borderRadius: '50%',
-                                                        background: '#3b82f6',
-                                                    }}
-                                                    title={t('unreadComment')}
-                                                />
-                                            )}
-                                            <div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: '0.5rem', alignItems: 'center' }}>
-                                                <div>
-                                                    <strong style={{ fontSize: '0.95rem' }}>
-                                                        Hördle #{comment.puzzle.puzzleNumber}
-                                                    </strong>
-                                                    <span style={{ marginLeft: '0.5rem', fontSize: '0.85rem', color: '#6b7280' }}>
-                                                        ({categoryLabel})
-                                                    </span>
-                                                </div>
-                                                <span style={{ fontSize: '0.8rem', color: '#6b7280' }}>
-                                                    {new Date(comment.createdAt).toLocaleDateString()} {new Date(comment.createdAt).toLocaleTimeString()}
-                                                </span>
-                                            </div>
-                                            <div style={{ marginBottom: '0.75rem', fontSize: '0.9rem', fontWeight: '500' }}>
-                                                {comment.puzzle.song.title} - {comment.puzzle.song.artist}
-                                            </div>
-                                            <div style={{ fontSize: '0.9rem', whiteSpace: 'pre-wrap', marginBottom: '0.5rem' }}>
-                                                {comment.message}
-                                            </div>
-                                            <div style={{ display: 'flex', justifyContent: 'flex-end', gap: '0.5rem', marginTop: '0.5rem' }}>
-                                                <button
-                                                    onClick={(e) => {
-                                                        e.stopPropagation();
-                                                        if (confirm(t('archiveCommentConfirm'))) {
-                                                            archiveComment(comment.id);
-                                                        }
-                                                    }}
-                                                    style={{
-                                                        padding: '0.4rem 0.8rem',
-                                                        borderRadius: '0.25rem',
-                                                        border: '1px solid #d1d5db',
-                                                        background: '#fff',
-                                                        color: '#6b7280',
-                                                        cursor: 'pointer',
-                                                        fontSize: '0.85rem',
-                                                    }}
-                                                    title={t('archiveComment')}
-                                                >
-                                                    {t('archiveComment')}
-                                                </button>
-                                            </div>
-                                        </div>
-                                    );
-                                })}
-                            </div>
-                        )}
-                    </>
-                )}
-                    </section>
-                );
-            })()}
-
-            <section style={{ marginBottom: '2rem' }}>
-                <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem', marginBottom: '0.75rem' }}>
-                    <h2 style={{ fontSize: '1.25rem', margin: 0 }}>{t('uploadSectionTitle')}</h2>
-                    <HelpTooltip
-                        shortText={tHelp('tooltipUploadShort')}
-                        longText={tHelp('tooltipUploadLong')}
-                        position="right"
-                    />
-                </div>
-                <p style={{ marginBottom: '0.75rem', color: '#4b5563', fontSize: '0.9rem' }}>
-                    {t('uploadSectionDescription')}
-                </p>
-                <form onSubmit={handleBatchUpload} style={{ display: 'flex', flexDirection: 'column', gap: '0.75rem', maxWidth: '640px' }}>
-                    <div
-                        onDragEnter={handleDragEnter}
-                        onDragOver={handleDragOver}
-                        onDragLeave={handleDragLeave}
-                        onDrop={handleDrop}
-                        style={{
-                            border: isDragging ? '2px solid #4f46e5' : '2px dashed #d1d5db',
-                            borderRadius: '0.5rem',
-                            padding: '1.75rem',
-                            textAlign: 'center',
-                            background: isDragging ? '#eef2ff' : '#f9fafb',
-                            cursor: 'pointer',
-                            transition: 'all 0.2s',
-                        }}
-                        onClick={() => fileInputRef.current?.click()}
-                    >
-                        <div style={{ fontSize: '2.5rem', marginBottom: '0.5rem' }}>📁</div>
-                        <p style={{ fontWeight: 'bold', marginBottom: '0.25rem' }}>
-                            {files.length > 0
-                                ? t('dropzoneTitleWithFiles', { count: files.length })
-                                : t('dropzoneTitleEmpty')}
-                        </p>
-                        <p style={{ fontSize: '0.875rem', color: '#666' }}>{t('dropzoneSubtitle')}</p>
-                        <input
-                            ref={fileInputRef}
-                            type="file"
-                            accept="audio/mpeg"
-                            multiple
-                            onChange={handleFileChange}
-                            style={{ display: 'none' }}
-                        />
-                    </div>
-
-                    {files.length > 0 && (
-                        <div style={{ marginBottom: '0.5rem' }}>
-                            <p style={{ fontWeight: 'bold', marginBottom: '0.25rem' }}>{t('selectedFilesTitle')}</p>
-                            <div
-                                style={{
-                                    maxHeight: '160px',
-                                    overflowY: 'auto',
-                                    background: '#f9fafb',
-                                    padding: '0.5rem',
-                                    borderRadius: '0.25rem',
-                                }}
-                            >
-                                {files.map((file, index) => (
-                                    <div key={index} style={{ padding: '0.25rem 0', fontSize: '0.875rem' }}>
-                                        📄 {file.name}
-                                    </div>
-                                ))}
-                            </div>
-                        </div>
-                    )}
-
-                    {isUploading && (
-                        <div
-                            style={{
-                                marginBottom: '0.5rem',
-                                padding: '0.75rem',
-                                background: '#eef2ff',
-                                borderRadius: '0.5rem',
-                                fontSize: '0.875rem',
-                            }}
-                        >
-                            <p style={{ fontWeight: 'bold', marginBottom: '0.25rem' }}>
-                                {t('uploadProgress', {
-                                    current: uploadProgress.current,
-                                    total: uploadProgress.total,
-                                })}
-                            </p>
-                            <div
-                                style={{
-                                    width: '100%',
-                                    height: '8px',
-                                    background: '#d1d5db',
-                                    borderRadius: '4px',
-                                    overflow: 'hidden',
-                                }}
-                            >
-                                <div
-                                    style={{
-                                        width:
-                                            uploadProgress.total > 0
-                                                ? `${(uploadProgress.current / uploadProgress.total) * 100}%`
-                                                : '0%',
-                                        height: '100%',
-                                        background: '#4f46e5',
-                                        transition: 'width 0.3s',
-                                    }}
-                                />
-                            </div>
-                        </div>
-                    )}
-
-                    <div>
-                        <div style={{ display: 'flex', flexDirection: 'column', gap: '0.5rem' }}>
-                            <div>
-                                <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem', marginBottom: '0.25rem' }}>
-                                    <div style={{ fontWeight: 500 }}>{t('assignGenresLabel')}</div>
-                                    <HelpTooltip
-                                        shortText={tHelp('tooltipGenreAssignmentShort')}
-                                        longText={tHelp('tooltipGenreAssignmentLong')}
-                                        position="right"
-                                    />
-                                </div>
-                                <div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.25rem' }}>
-                                    {genres
-                                        .filter(g => curatorInfo?.genreIds?.includes(g.id))
-                                        .map(genre => (
-                                            <label
-                                                key={genre.id}
-                                                style={{
-                                                    display: 'flex',
-                                                    alignItems: 'center',
-                                                    gap: '0.25rem',
-                                                    padding: '0.25rem 0.5rem',
-                                                    borderRadius: '999px',
-                                                    background: uploadGenreIds.includes(genre.id) ? '#e5f3ff' : '#f3f4f6',
-                                                    fontSize: '0.8rem',
-                                                    cursor: 'pointer',
-                                                }}
-                                            >
-                                                <input
-                                                    type="checkbox"
-                                                    checked={uploadGenreIds.includes(genre.id)}
-                                                    onChange={() => toggleUploadGenre(genre.id)}
-                                                />
-                                                {typeof genre.name === 'string' ? genre.name : genre.name?.de ?? genre.name?.en}
-                                            </label>
-                                        ))}
-                                    {curatorInfo && curatorInfo.genreIds.length === 0 && (
-                                        <span style={{ fontSize: '0.8rem', color: '#9ca3af' }}>
-                                            {t('noAssignedGenres')}
-                                        </span>
-                                    )}
-                                </div>
-                            </div>
-
-                            <div>
-                                <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem', marginBottom: '0.25rem', marginTop: '0.5rem' }}>
-                                    <div style={{ fontWeight: 500 }}>{t('assignSpecialsLabel')}</div>
-                                    <HelpTooltip
-                                        shortText={tHelp('tooltipSpecialAssignmentShort')}
-                                        longText={tHelp('tooltipSpecialAssignmentLong')}
-                                        position="right"
-                                    />
-                                </div>
-                                <div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.25rem' }}>
-                                    {specials
-                                        .filter(s => curatorInfo?.specialIds?.includes(s.id))
-                                        .map(special => (
-                                            <label
-                                                key={special.id}
-                                                style={{
-                                                    display: 'flex',
-                                                    alignItems: 'center',
-                                                    gap: '0.25rem',
-                                                    padding: '0.25rem 0.5rem',
-                                                    borderRadius: '999px',
-                                                    background: uploadSpecialIds.includes(special.id) ? '#fef3c7' : '#f3f4f6',
-                                                    fontSize: '0.8rem',
-                                                    cursor: 'pointer',
-                                                }}
-                                            >
-                                                <input
-                                                    type="checkbox"
-                                                    checked={uploadSpecialIds.includes(special.id)}
-                                                    onChange={() => toggleUploadSpecial(special.id)}
-                                                />
-                                                {typeof special.name === 'string'
-                                                    ? special.name
-                                                    : special.name?.de ?? special.name?.en}
-                                            </label>
-                                        ))}
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-
-                    <button
-                        type="submit"
-                        disabled={isUploading || files.length === 0}
-                        style={{
-                            padding: '0.5rem 1rem',
-                            background: isUploading || files.length === 0 ? '#9ca3af' : '#111827',
-                            color: 'white',
-                            border: 'none',
-                            borderRadius: '0.375rem',
-                            cursor: isUploading || files.length === 0 ? 'not-allowed' : 'pointer',
-                            alignSelf: 'flex-start',
-                        }}
-                    >
-                        {isUploading ? t('uploadButtonUploading') : t('uploadButtonIdle')}
-                    </button>
-
-                    {uploadResults.length > 0 && (
-                        <div
-                            style={{
-                                marginTop: '0.75rem',
-                                padding: '0.75rem',
-                                background: '#f9fafb',
-                                borderRadius: '0.5rem',
-                                fontSize: '0.85rem',
-                            }}
-                        >
-                            {uploadResults.map((r, idx) => (
-                                        <div key={idx} style={{ marginBottom: '0.25rem' }}>
-                                            <strong>{r.filename}</strong> –{' '}
-                                            {r.success
-                                                ? t('uploadResultSuccess')
-                                                : r.isDuplicate
-                                                ? t('uploadResultDuplicate', { error: r.error })
-                                                : t('uploadResultError', { error: r.error })}
-                                        </div>
-                            ))}
-                        </div>
-                    )}
-                </form>
-            </section>
-
-            <section style={{ marginBottom: '2rem' }}>
-                <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem', marginBottom: '0.75rem' }}>
-                    <h2 style={{ fontSize: '1.25rem', margin: 0 }}>
-                        {t('tracklistTitle', { count: filteredSongs.length })}
-                    </h2>
-                    <HelpTooltip
-                        shortText={tHelp('tooltipTracklistShort')}
-                        longText={tHelp('tooltipTracklistLong')}
-                        position="right"
-                    />
-                </div>
-                <p style={{ marginBottom: '0.75rem', color: '#4b5563', fontSize: '0.9rem' }}>
-                    {t('tracklistDescription')}
-                </p>
-
-                {/* Suche & Filter */}
-                <div style={{ marginBottom: '0.75rem', display: 'flex', gap: '0.5rem', flexWrap: 'wrap', alignItems: 'center' }}>
-                    <div style={{ flex: '1', minWidth: '200px', display: 'flex', alignItems: 'center', gap: '0.25rem' }}>
-                        <input
-                            type="text"
-                            placeholder={t('searchPlaceholder')}
-                            value={searchQuery}
-                            onChange={e => {
-                                setSearchQuery(e.target.value);
-                                setCurrentPage(1);
-                            }}
-                            style={{
-                                flex: '1',
-                                minWidth: '200px',
-                                padding: '0.4rem 0.6rem',
-                                borderRadius: '0.25rem',
-                                border: '1px solid #d1d5db',
-                            }}
-                        />
-                        <HelpTooltip
-                            shortText={tHelp('tooltipSearchShort')}
-                            longText={tHelp('tooltipSearchLong')}
-                            position="top"
-                        />
-                    </div>
-                    <div style={{ display: 'flex', alignItems: 'center', gap: '0.25rem' }}>
-                        <select
-                            value={selectedFilter}
-                            onChange={e => {
-                                setSelectedFilter(e.target.value);
-                                setCurrentPage(1);
-                            }}
-                            style={{
-                                minWidth: '180px',
-                                padding: '0.4rem 0.6rem',
-                                borderRadius: '0.25rem',
-                                border: '1px solid #d1d5db',
-                            }}
-                        >
-                            <option value="">{t('filterAll')}</option>
-                            <option value="no-global">{t('filterNoGlobal')}</option>
-                            <optgroup label="Genres">
-                                {genres
-                                    .filter(g => curatorInfo?.genreIds?.includes(g.id))
-                                    .map(genre => (
-                                        <option key={genre.id} value={`genre:${genre.id}`}>
-                                            {typeof genre.name === 'string'
-                                                ? genre.name
-                                                : genre.name?.de ?? genre.name?.en}
-                                        </option>
-                                    ))}
-                            </optgroup>
-                            <optgroup label="Specials">
-                                {specials
-                                    .filter(s => curatorInfo?.specialIds?.includes(s.id))
-                                    .map(special => (
-                                        <option key={special.id} value={`special:${special.id}`}>
-                                            ★{' '}
-                                            {typeof special.name === 'string'
-                                                ? special.name
-                                                : special.name?.de ?? special.name?.en}
-                                        </option>
-                                    ))}
-                            </optgroup>
-                        </select>
-                        <HelpTooltip
-                            shortText={tHelp('tooltipFilterShort')}
-                            longText={tHelp('tooltipFilterLong')}
-                            position="top"
-                        />
-                    </div>
-                    {(searchQuery || selectedFilter) && (
-                        <button
-                            type="button"
-                            onClick={() => {
-                                setSearchQuery('');
-                                setSelectedFilter('');
-                                setCurrentPage(1);
-                            }}
-                            style={{
-                                padding: '0.4rem 0.8rem',
-                                borderRadius: '0.25rem',
-                                border: '1px solid #d1d5db',
-                                background: '#f3f4f6',
-                                cursor: 'pointer',
-                                fontSize: '0.85rem',
-                            }}
-                        >
-                            {t('filterReset')}
-                        </button>
-                    )}
-                </div>
-
-                {visibleSongs.length === 0 ? (
-                    <p>{t('noSongsInScope')}</p>
-                ) : (
-                    <>
-                        {/* Batch Edit Toolbar */}
-                        {selectedSongIds.size > 0 && (
-                            <div
-                                style={{
-                                    marginBottom: '1rem',
-                                    padding: '1rem',
-                                    background: '#f0f9ff',
-                                    border: '1px solid #bae6fd',
-                                    borderRadius: '0.5rem',
-                                }}
-                            >
-                                <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '0.75rem' }}>
-                                    <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
-                                        <strong style={{ fontSize: '1rem' }}>
-                                            {t('batchEditTitle') || `Batch Edit: ${selectedSongIds.size} ${selectedSongIds.size === 1 ? 'song' : 'songs'} selected`}
-                                        </strong>
-                                        <HelpTooltip
-                                            shortText={tHelp('tooltipBatchEditShort')}
-                                            longText={tHelp('tooltipBatchEditLong')}
-                                            position="right"
-                                        />
-                                    </div>
-                                    <button
-                                        type="button"
-                                        onClick={clearSelection}
-                                        style={{
-                                            padding: '0.25rem 0.5rem',
-                                            background: '#e5e7eb',
-                                            border: 'none',
-                                            borderRadius: '0.25rem',
-                                            cursor: 'pointer',
-                                            fontSize: '0.85rem',
-                                        }}
-                                    >
-                                        {t('clearSelection') || 'Clear Selection'}
-                                    </button>
-                                </div>
-                                
-                                <div style={{ display: 'flex', flexDirection: 'column', gap: '0.75rem' }}>
-                                    {/* Genre Toggle */}
-                                    <div>
-                                        <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem', marginBottom: '0.25rem' }}>
-                                            <label style={{ display: 'block', fontWeight: 500, fontSize: '0.9rem', margin: 0 }}>
-                                                {t('batchToggleGenres') || 'Toggle Genres'}
-                                            </label>
-                                            <HelpTooltip
-                                                shortText={tHelp('tooltipBatchGenreToggleShort')}
-                                                longText={tHelp('tooltipBatchGenreToggleLong')}
-                                                position="right"
-                                            />
-                                        </div>
-                                        <div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.25rem' }}>
-                                            {genres
-                                                .filter(g => curatorInfo?.genreIds?.includes(g.id))
-                                                .map(genre => (
-                                                    <label
-                                                        key={genre.id}
-                                                        style={{
-                                                            display: 'flex',
-                                                            alignItems: 'center',
-                                                            gap: '0.25rem',
-                                                            padding: '0.25rem 0.5rem',
-                                                            borderRadius: '999px',
-                                                            background: batchGenreIds.includes(genre.id) ? '#e5f3ff' : '#f3f4f6',
-                                                            fontSize: '0.8rem',
-                                                            cursor: 'pointer',
-                                                        }}
-                                                    >
-                                                        <input
-                                                            type="checkbox"
-                                                            checked={batchGenreIds.includes(genre.id)}
-                                                            onChange={() => {
-                                                                setBatchGenreIds(prev =>
-                                                                    prev.includes(genre.id)
-                                                                        ? prev.filter(id => id !== genre.id)
-                                                                        : [...prev, genre.id]
-                                                                );
-                                                            }}
-                                                        />
-                                                        {typeof genre.name === 'string'
-                                                            ? genre.name
-                                                            : genre.name?.de ?? genre.name?.en}
-                                                    </label>
-                                                ))}
-                                        </div>
-                                    </div>
-
-                                    {/* Special Toggle */}
-                                    <div>
-                                        <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem', marginBottom: '0.25rem' }}>
-                                            <label style={{ display: 'block', fontWeight: 500, fontSize: '0.9rem', margin: 0 }}>
-                                                {t('batchToggleSpecials') || 'Toggle Specials'}
-                                            </label>
-                                            <HelpTooltip
-                                                shortText={tHelp('tooltipBatchSpecialToggleShort')}
-                                                longText={tHelp('tooltipBatchSpecialToggleLong')}
-                                                position="right"
-                                            />
-                                        </div>
-                                        <div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.25rem' }}>
-                                            {specials
-                                                .filter(s => curatorInfo?.specialIds?.includes(s.id))
-                                                .map(special => (
-                                                    <label
-                                                        key={special.id}
-                                                        style={{
-                                                            display: 'flex',
-                                                            alignItems: 'center',
-                                                            gap: '0.25rem',
-                                                            padding: '0.25rem 0.5rem',
-                                                            borderRadius: '999px',
-                                                            background: batchSpecialIds.includes(special.id) ? '#fee2e2' : '#f3f4f6',
-                                                            fontSize: '0.8rem',
-                                                            cursor: 'pointer',
-                                                        }}
-                                                    >
-                                                        <input
-                                                            type="checkbox"
-                                                            checked={batchSpecialIds.includes(special.id)}
-                                                            onChange={() => {
-                                                                setBatchSpecialIds(prev =>
-                                                                    prev.includes(special.id)
-                                                                        ? prev.filter(id => id !== special.id)
-                                                                        : [...prev, special.id]
-                                                                );
-                                                            }}
-                                                        />
-                                                        ★{' '}
-                                                        {typeof special.name === 'string'
-                                                            ? special.name
-                                                            : special.name?.de ?? special.name?.en}
-                                                    </label>
-                                                ))}
-                                        </div>
-                                    </div>
-
-                                    {/* Artist Change */}
-                                    <div>
-                                        <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem', marginBottom: '0.25rem' }}>
-                                            <label style={{ display: 'block', fontWeight: 500, fontSize: '0.9rem', margin: 0 }}>
-                                                {t('batchChangeArtist') || 'Change Artist'}
-                                            </label>
-                                            <HelpTooltip
-                                                shortText={tHelp('tooltipBatchArtistShort')}
-                                                longText={tHelp('tooltipBatchArtistLong')}
-                                                position="right"
-                                            />
-                                        </div>
-                                        <input
-                                            type="text"
-                                            value={batchArtist}
-                                            onChange={e => setBatchArtist(e.target.value)}
-                                            placeholder={t('batchArtistPlaceholder') || 'Enter new artist name'}
-                                            style={{
-                                                width: '100%',
-                                                maxWidth: '400px',
-                                                padding: '0.4rem 0.6rem',
-                                                borderRadius: '0.25rem',
-                                                border: '1px solid #d1d5db',
-                                                fontSize: '0.9rem',
-                                            }}
-                                        />
-                                    </div>
-
-                                    {/* Exclude Global Flag */}
-                                    {curatorInfo?.isGlobalCurator && (
-                                        <div>
-                                            <label style={{ display: 'block', fontWeight: 500, marginBottom: '0.25rem', fontSize: '0.9rem' }}>
-                                                {t('batchExcludeGlobal') || 'Exclude from Global'}
-                                            </label>
-                                            <select
-                                                value={batchExcludeFromGlobal === undefined ? '' : batchExcludeFromGlobal ? 'true' : 'false'}
-                                                onChange={e => {
-                                                    if (e.target.value === '') {
-                                                        setBatchExcludeFromGlobal(undefined);
-                                                    } else {
-                                                        setBatchExcludeFromGlobal(e.target.value === 'true');
-                                                    }
-                                                }}
-                                                style={{
-                                                    padding: '0.4rem 0.6rem',
-                                                    borderRadius: '0.25rem',
-                                                    border: '1px solid #d1d5db',
-                                                    fontSize: '0.9rem',
-                                                }}
-                                            >
-                                                <option value="">{t('batchNoChange') || 'No change'}</option>
-                                                <option value="true">{t('batchExclude') || 'Exclude'}</option>
-                                                <option value="false">{t('batchInclude') || 'Include'}</option>
-                                            </select>
-                                        </div>
-                                    )}
-
-                                    {/* Apply Button */}
-                                    <div>
-                                        <button
-                                            type="button"
-                                            onClick={handleBatchUpdate}
-                                            disabled={isBatchUpdating}
-                                            style={{
-                                                padding: '0.5rem 1rem',
-                                                background: isBatchUpdating ? '#9ca3af' : '#10b981',
-                                                color: 'white',
-                                                border: 'none',
-                                                borderRadius: '0.375rem',
-                                                cursor: isBatchUpdating ? 'not-allowed' : 'pointer',
-                                                fontWeight: 'bold',
-                                                fontSize: '0.9rem',
-                                            }}
-                                        >
-                                            {isBatchUpdating
-                                                ? (t('batchUpdating') || 'Updating...')
-                                                : (t('batchApply') || 'Apply Changes')}
-                                        </button>
-                                    </div>
-                                </div>
-                            </div>
-                        )}
-                        
-                        <div style={{ overflowX: 'auto' }}>
-                            <table
-                                style={{
-                                    width: '100%',
-                                    borderCollapse: 'collapse',
-                                    fontSize: '0.9rem',
-                                }}
-                            >
-                                <thead>
-                                    <tr style={{ borderBottom: '1px solid #e5e7eb' }}>
-                                        <th style={{ padding: '0.5rem', width: '40px' }}>
-                                            <input
-                                                type="checkbox"
-                                                checked={visibleSongs.length > 0 && visibleSongs.every(song => canEditSong(song) && selectedSongIds.has(song.id))}
-                                                onChange={(e) => {
-                                                    if (e.target.checked) {
-                                                        selectAllVisible();
-                                                    } else {
-                                                        clearSelection();
-                                                    }
-                                                }}
-                                                style={{ cursor: 'pointer' }}
-                                                title={t('selectAll') || 'Select all'}
-                                            />
-                                        </th>
-                                        <th
-                                            style={{ padding: '0.5rem', cursor: 'pointer' }}
-                                            onClick={() => handleSort('id')}
-                                        >
-                                            {t('columnId')} {sortField === 'id' && (sortDirection === 'asc' ? '↑' : '↓')}
-                                        </th>
-                                        <th style={{ padding: '0.5rem' }}>{t('columnPlay')}</th>
-                                        <th
-                                            style={{ padding: '0.5rem', cursor: 'pointer' }}
-                                            onClick={() => handleSort('title')}
-                                        >
-                                            {t('columnTitle')} {sortField === 'title' && (sortDirection === 'asc' ? '↑' : '↓')}
-                                        </th>
-                                        <th
-                                            style={{ padding: '0.5rem', cursor: 'pointer' }}
-                                            onClick={() => handleSort('artist')}
-                                        >
-                                            {t('columnArtist')} {sortField === 'artist' && (sortDirection === 'asc' ? '↑' : '↓')}
-                                        </th>
-                                        <th
-                                            style={{ padding: '0.5rem', cursor: 'pointer' }}
-                                            onClick={() => handleSort('releaseYear')}
-                                        >
-                                            {t('columnYear')} {sortField === 'releaseYear' && (sortDirection === 'asc' ? '↑' : '↓')}
-                                        </th>
-                                        <th style={{ padding: '0.5rem' }}>{t('columnCover')}</th>
-                                        <th style={{ padding: '0.5rem' }}>{t('columnGenresSpecials')}</th>
-                                        <th
-                                            style={{ padding: '0.5rem', cursor: 'pointer' }}
-                                            onClick={() => handleSort('createdAt')}
-                                        >
-                                            {t('columnAdded')} {sortField === 'createdAt' && (sortDirection === 'asc' ? '↑' : '↓')}
-                                        </th>
-                                        <th
-                                            style={{ padding: '0.5rem', cursor: 'pointer' }}
-                                            onClick={() => handleSort('activations')}
-                                        >
-                                            {t('columnActivations')} {sortField === 'activations' && (sortDirection === 'asc' ? '↑' : '↓')}
-                                        </th>
-                                        <th
-                                            style={{ padding: '0.5rem', cursor: 'pointer' }}
-                                            onClick={() => handleSort('averageRating')}
-                                        >
-                                            {t('columnRating')} {sortField === 'averageRating' && (sortDirection === 'asc' ? '↑' : '↓')}
-                                        </th>
-                                        <th style={{ padding: '0.5rem' }}>{t('columnExcludeGlobal')}</th>
-                                        <th style={{ padding: '0.5rem' }}>{t('columnActions')}</th>
-                                    </tr>
-                                </thead>
-                                <tbody>
-                                    {visibleSongs.map(song => {
-                                        const editable = canEditSong(song);
-                                        const deletable = canDeleteSong(song);
-                                        const isEditing = editingId === song.id;
-                                        const ratingText =
-                                            song.ratingCount && song.ratingCount > 0
-                                                ? `${(song.averageRating || 0).toFixed(1)} (${song.ratingCount})`
-                                                : '-';
-
-                                        const isSelected = selectedSongIds.has(song.id);
-                                        
-                                        return (
-                                            <tr 
-                                                key={song.id} 
-                                                style={{ 
-                                                    borderBottom: '1px solid #f3f4f6',
-                                                    backgroundColor: isSelected ? '#eff6ff' : 'transparent',
-                                                }}
-                                            >
-                                                <td style={{ padding: '0.5rem' }}>
-                                                    <input
-                                                        type="checkbox"
-                                                        checked={isSelected}
-                                                        onChange={() => toggleSongSelection(song.id)}
-                                                        disabled={!editable}
-                                                        style={{ cursor: editable ? 'pointer' : 'not-allowed' }}
-                                                        title={editable ? (t('selectSong') || 'Select song') : (t('cannotEditSong') || 'Cannot edit this song')}
-                                                    />
-                                                </td>
-                                                <td style={{ padding: '0.5rem' }}>{song.id}</td>
-                                                <td style={{ padding: '0.5rem' }}>
-                                                    <button
-                                                        type="button"
-                                                        onClick={() => handlePlayPause(song)}
-                                                        style={{
-                                                            border: 'none',
-                                                            background: 'none',
-                                                            cursor: 'pointer',
-                                                            fontSize: '1.1rem',
-                                                        }}
-                                                        title={
-                                                            playingSongId === song.id
-                                                                ? t('pause')
-                                                                : t('play')
-                                                        }
-                                                    >
-                                                        {playingSongId === song.id ? '⏸️' : '▶️'}
-                                                    </button>
-                                                </td>
-                                                <td style={{ padding: '0.5rem' }}>
-                                                    {isEditing ? (
-                                                        <input
-                                                            type="text"
-                                                            value={editTitle}
-                                                            onChange={e => setEditTitle(e.target.value)}
-                                                            style={{ width: '100%', padding: '0.25rem' }}
-                                                        />
-                                                    ) : (
-                                                        song.title
-                                                    )}
-                                                </td>
-                                                <td style={{ padding: '0.5rem' }}>
-                                                    {isEditing ? (
-                                                        <input
-                                                            type="text"
-                                                            value={editArtist}
-                                                            onChange={e => setEditArtist(e.target.value)}
-                                                            style={{ width: '100%', padding: '0.25rem' }}
-                                                        />
-                                                    ) : (
-                                                        song.artist
-                                                    )}
-                                                </td>
-                                                <td style={{ padding: '0.5rem' }}>
-                                                    {isEditing ? (
-                                                        <input
-                                                            type="number"
-                                                            value={editReleaseYear}
-                                                            onChange={e =>
-                                                                setEditReleaseYear(
-                                                                    e.target.value === '' ? '' : Number(e.target.value)
-                                                                )
-                                                            }
-                                                            style={{ width: '5rem', padding: '0.25rem' }}
-                                                        />
-                                                    ) : song.releaseYear ? (
-                                                        song.releaseYear
-                                                    ) : (
-                                                        '-'
-                                                    )}
-                                                </td>
-                                                <td 
-                                                    style={{ 
-                                                        padding: '0.5rem', 
-                                                        textAlign: 'center',
-                                                        position: 'relative',
-                                                        cursor: song.coverImage ? 'pointer' : 'default'
-                                                    }}
-                                                    onMouseEnter={() => song.coverImage && setHoveredCoverSongId(song.id)}
-                                                    onMouseLeave={() => setHoveredCoverSongId(null)}
-                                                >
-                                                    {song.coverImage ? '✓' : '-'}
-                                                    {hoveredCoverSongId === song.id && song.coverImage && (
-                                                        <div
-                                                            style={{
-                                                                position: 'absolute',
-                                                                top: '100%',
-                                                                left: '50%',
-                                                                transform: 'translateX(-50%)',
-                                                                marginTop: '0.5rem',
-                                                                zIndex: 1000,
-                                                                padding: '0.5rem',
-                                                                background: 'white',
-                                                                border: '1px solid #d1d5db',
-                                                                borderRadius: '0.5rem',
-                                                                boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1)',
-                                                                pointerEvents: 'none',
-                                                            }}
-                                                        >
-                                                            <img
-                                                                src={`/uploads/covers/${song.coverImage}`}
-                                                                alt={`Cover für ${song.title}`}
-                                                                style={{
-                                                                    width: '200px',
-                                                                    height: '200px',
-                                                                    objectFit: 'cover',
-                                                                    borderRadius: '0.25rem',
-                                                                    display: 'block',
-                                                                }}
-                                                            />
-                                                        </div>
-                                                    )}
-                                                </td>
-                                                <td style={{ padding: '0.5rem' }}>
-                                                    {isEditing ? (
-                                                        <div style={{ display: 'flex', flexDirection: 'column', gap: '0.25rem' }}>
-                                                            <div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.25rem' }}>
-                                                                {genres
-                                                                    .filter(g => curatorInfo?.genreIds?.includes(g.id))
-                                                                    .map(genre => (
-                                                                        <label
-                                                                            key={genre.id}
-                                                                            style={{
-                                                                                display: 'flex',
-                                                                                alignItems: 'center',
-                                                                                gap: '0.25rem',
-                                                                                padding: '0.15rem 0.4rem',
-                                                                                borderRadius: '999px',
-                                                                                background: editGenreIds.includes(genre.id)
-                                                                                    ? '#e5f3ff'
-                                                                                    : '#f3f4f6',
-                                                                                fontSize: '0.8rem',
-                                                                                cursor: 'pointer',
-                                                                            }}
-                                                                        >
-                                                                            <input
-                                                                                type="checkbox"
-                                                                                checked={editGenreIds.includes(genre.id)}
-                                                                                onChange={() =>
-                                                                                    setEditGenreIds(prev =>
-                                                                                        prev.includes(genre.id)
-                                                                                            ? prev.filter(id => id !== genre.id)
-                                                                                            : [...prev, genre.id]
-                                                                                    )
-                                                                                }
-                                                                            />
-                                                                            {typeof genre.name === 'string'
-                                                                                ? genre.name
-                                                                                : genre.name?.de ?? genre.name?.en}
-                                                                        </label>
-                                                                    ))}
-                                                                {specials
-                                                                    .filter(s => curatorInfo?.specialIds?.includes(s.id))
-                                                                    .map(special => (
-                                                                        <label
-                                                                            key={special.id}
-                                                                            style={{
-                                                                                display: 'flex',
-                                                                                alignItems: 'center',
-                                                                                gap: '0.25rem',
-                                                                                padding: '0.15rem 0.4rem',
-                                                                                borderRadius: '999px',
-                                                                                background: editSpecialIds.includes(special.id)
-                                                                                    ? '#fee2e2'
-                                                                                    : '#f3f4f6',
-                                                                                fontSize: '0.8rem',
-                                                                                cursor: 'pointer',
-                                                                            }}
-                                                                        >
-                                                                            <input
-                                                                                type="checkbox"
-                                                                                checked={editSpecialIds.includes(special.id)}
-                                                                                onChange={() =>
-                                                                                    setEditSpecialIds(prev =>
-                                                                                        prev.includes(special.id)
-                                                                                            ? prev.filter(id => id !== special.id)
-                                                                                            : [...prev, special.id]
-                                                                                    )
-                                                                                }
-                                                                            />
-                                                                            ★{' '}
-                                                                            {typeof special.name === 'string'
-                                                                                ? special.name
-                                                                                : special.name?.de ?? special.name?.en}
-                                                                        </label>
-                                                                    ))}
-                                                            </div>
-                                                            <div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.25rem' }}>
-                                                                {song.genres
-                                                                    .filter(
-                                                                        g => !curatorInfo?.genreIds?.includes(g.id)
-                                                                    )
-                                                                    .map(g => (
-                                                                        <span
-                                                                            key={`fixed-g-${g.id}`}
-                                                                            style={{
-                                                                                padding: '0.1rem 0.4rem',
-                                                                                borderRadius: '999px',
-                                                                                background: '#e5e7eb',
-                                                                                fontSize: '0.8rem',
-                                                                            }}
-                                                                        >
-                                                                            {typeof g.name === 'string'
-                                                                                ? g.name
-                                                                                : g.name?.de ?? g.name?.en}
-                                                                        </span>
-                                                                    ))}
-                                                                {song.specials
-                                                                    .filter(
-                                                                        s => !curatorInfo?.specialIds?.includes(s.id)
-                                                                    )
-                                                                    .map(s => (
-                                                                        <span
-                                                                            key={`fixed-s-${s.id}`}
-                                                                            style={{
-                                                                                padding: '0.1rem 0.4rem',
-                                                                                borderRadius: '999px',
-                                                                                background: '#fee2e2',
-                                                                                fontSize: '0.8rem',
-                                                                            }}
-                                                                        >
-                                                                            ★{' '}
-                                                                            {typeof s.name === 'string'
-                                                                                ? s.name
-                                                                                : s.name?.de ?? s.name?.en}
-                                                                        </span>
-                                                                    ))}
-                                                            </div>
-                                                        </div>
-                                                    ) : (
-                                                        <div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.25rem' }}>
-                                                            {song.genres.map(g => (
-                                                                <span
-                                                                    key={`g-${g.id}`}
-                                                                    style={{
-                                                                        padding: '0.1rem 0.4rem',
-                                                                        borderRadius: '999px',
-                                                                        background: '#e5e7eb',
-                                                                    }}
-                                                                >
-                                                                    {typeof g.name === 'string'
-                                                                        ? g.name
-                                                                        : g.name?.de ?? g.name?.en}
-                                                                </span>
-                                                            ))}
-                                                            {song.specials.map(s => (
-                                                                <span
-                                                                    key={`s-${s.id}`}
-                                                                    style={{
-                                                                        padding: '0.1rem 0.4rem',
-                                                                        borderRadius: '999px',
-                                                                        background: '#fee2e2',
-                                                                    }}
-                                                                >
-                                                                    {typeof s.name === 'string'
-                                                                        ? s.name
-                                                                        : s.name?.de ?? s.name?.en}
-                                                                </span>
-                                                            ))}
-                                                        </div>
-                                                    )}
-                                                </td>
-                                                <td style={{ padding: '0.5rem', whiteSpace: 'nowrap' }}>
-                                                    {new Date(song.createdAt).toLocaleDateString()}
-                                                </td>
-                                                <td style={{ padding: '0.5rem', textAlign: 'center' }}>
-                                                    {song.activations ?? song.puzzles?.length ?? 0}
-                                                </td>
-                                                <td style={{ padding: '0.5rem' }}>{ratingText}</td>
-                                                <td style={{ padding: '0.5rem' }}>
-                                                    {isEditing ? (
-                                                        <input
-                                                            type="checkbox"
-                                                            checked={editExcludeFromGlobal}
-                                                            onChange={e =>
-                                                                setEditExcludeFromGlobal(e.target.checked)
-                                                            }
-                                                            disabled={!curatorInfo?.isGlobalCurator}
-                                                        />
-                                                    ) : song.excludeFromGlobal ? (
-                                                        t('excludeGlobalYes')
-                                                    ) : (
-                                                        t('excludeGlobalNo')
-                                                    )}
-                                                    {!curatorInfo?.isGlobalCurator && (
-                                                        <span
-                                                            style={{
-                                                                display: 'block',
-                                                                fontSize: '0.75rem',
-                                                                color: '#9ca3af',
-                                                            }}
-                                                        >
-                                                            {t('excludeGlobalInfo')}
-                                                        </span>
-                                                    )}
-                                                </td>
-                                                <td
-                                                    style={{
-                                                        padding: '0.5rem',
-                                                        whiteSpace: 'nowrap',
-                                                    }}
-                                                >
-                                                    {isEditing ? (
-                                                        <>
-                                                            <button
-                                                                type="button"
-                                                                onClick={() => saveEditing(song.id)}
-                                                                style={{
-                                                                    marginRight: '0.5rem',
-                                                                    padding: '0.25rem 0.5rem',
-                                                                    background: '#10b981',
-                                                                    color: 'white',
-                                                                    border: 'none',
-                                                                    borderRadius: '0.25rem',
-                                                                    cursor: 'pointer',
-                                                                }}
-                                                            >
-                                                                💾
-                                                            </button>
-                                                            <button
-                                                                type="button"
-                                                                onClick={cancelEditing}
-                                                                style={{
-                                                                    padding: '0.25rem 0.5rem',
-                                                                    background: '#e5e7eb',
-                                                                    border: 'none',
-                                                                    borderRadius: '0.25rem',
-                                                                    cursor: 'pointer',
-                                                                }}
-                                                            >
-                                                                ✖
-                                                            </button>
-                                                        </>
-                                                    ) : (
-                                                        <>
-                                                            <button
-                                                                type="button"
-                                                                onClick={() => startEditing(song)}
-                                                                disabled={!editable}
-                                                                style={{
-                                                                    marginRight: '0.5rem',
-                                                                    padding: '0.25rem 0.5rem',
-                                                                    background: editable ? '#e5e7eb' : '#f3f4f6',
-                                                                    color: '#111827',
-                                                                    border: '1px solid #d1d5db',
-                                                                    borderRadius: '0.25rem',
-                                                                    cursor: editable ? 'pointer' : 'not-allowed',
-                                                                }}
-                                                            >
-                                                                ✏️
-                                                            </button>
-                                                            <button
-                                                                type="button"
-                                                                onClick={() => handleDelete(song)}
-                                                                disabled={!deletable}
-                                                                style={{
-                                                                    padding: '0.25rem 0.5rem',
-                                                                    background: deletable ? '#b91c1c' : '#fca5a5',
-                                                                    color: 'white',
-                                                                    border: 'none',
-                                                                    borderRadius: '0.25rem',
-                                                                    cursor: deletable ? 'pointer' : 'not-allowed',
-                                                                }}
-                                                            >
-                                                                🗑️
-                                                            </button>
-                                                        </>
-                                                    )}
-                                                </td>
-                                            </tr>
-                                        );
-                                    })}
-                                </tbody>
-                            </table>
-                        </div>
-
-                        {/* Pagination & Page Size */}
-                        <div
-                            style={{
-                                display: 'flex',
-                                justifyContent: 'space-between',
-                                alignItems: 'center',
-                                marginTop: '0.75rem',
-                                fontSize: '0.875rem',
-                                gap: '0.75rem',
-                                flexWrap: 'wrap',
-                            }}
-                        >
-                            <button
-                                type="button"
-                                onClick={() => setCurrentPage(p => Math.max(1, p - 1))}
-                                disabled={page === 1}
-                                style={{
-                                    padding: '0.3rem 0.6rem',
-                                    borderRadius: '0.25rem',
-                                    border: '1px solid #d1d5db',
-                                    background: page === 1 ? '#f3f4f6' : '#fff',
-                                    cursor: page === 1 ? 'not-allowed' : 'pointer',
-                                }}
-                            >
-                                {t('paginationPrev')}
-                            </button>
-                            <span style={{ color: '#666' }}>
-                                {t('paginationLabel', { page, total: totalPages })}
-                            </span>
-                            <div style={{ display: 'flex', alignItems: 'center', gap: '0.25rem' }}>
-                                <span>{t('pageSizeLabel')}</span>
-                                <select
-                                    value={itemsPerPage}
-                                    onChange={e => {
-                                        const value = parseInt(e.target.value, 10) || 10;
-                                        const safeValue = Math.min(100, Math.max(1, value));
-                                        setItemsPerPage(safeValue);
-                                        setCurrentPage(1);
-                                    }}
-                                    style={{
-                                        padding: '0.25rem 0.5rem',
-                                        borderRadius: '0.25rem',
-                                        border: '1px solid #d1d5db',
-                                    }}
-                                >
-                                    {[10, 25, 50, 100].map(size => (
-                                        <option key={size} value={size}>
-                                            {size}
-                                        </option>
-                                    ))}
-                                </select>
-                            </div>
-                            <button
-                                type="button"
-                                onClick={() => setCurrentPage(p => Math.min(totalPages, p + 1))}
-                                disabled={page === totalPages}
-                                style={{
-                                    padding: '0.3rem 0.6rem',
-                                    borderRadius: '0.25rem',
-                                    border: '1px solid #d1d5db',
-                                    background: page === totalPages ? '#f3f4f6' : '#fff',
-                                    cursor: page === totalPages ? 'not-allowed' : 'pointer',
-                                }}
-                            >
-                                {t('paginationNext')}
-                            </button>
-                        </div>
-                    </>
-                )}
-            </section>
-        </main>
-    );
-}
-
-
-
diff --git a/app/curator/help/CuratorHelpClient.tsx b/app/curator/help/CuratorHelpClient.tsx
deleted file mode 100644
index 3b14c68..0000000
--- a/app/curator/help/CuratorHelpClient.tsx
+++ /dev/null
@@ -1,171 +0,0 @@
-'use client';
-
-import { useTranslations, useLocale } from 'next-intl';
-import { Link } from '@/lib/navigation';
-
-export default function CuratorHelpClient() {
-    const t = useTranslations('CuratorHelp');
-    const locale = useLocale();
-
-    return (
-        <main style={{ maxWidth: '960px', margin: '2rem auto', padding: '1rem' }}>
-            <header style={{ marginBottom: '2rem' }}>
-                <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
-                    <h1 style={{ fontSize: '1.75rem', marginBottom: '0.25rem' }}>{t('title')}</h1>
-                    <Link
-                        href="/curator"
-                        style={{
-                            padding: '0.5rem 1rem',
-                            background: '#6b7280',
-                            color: 'white',
-                            textDecoration: 'none',
-                            borderRadius: '0.375rem',
-                            fontSize: '0.9rem',
-                        }}
-                    >
-                        {t('backToDashboard')}
-                    </Link>
-                </div>
-            </header>
-
-            <div style={{ display: 'flex', flexDirection: 'column', gap: '2rem' }}>
-                {/* Einführung */}
-                <section>
-                    <h2 style={{ fontSize: '1.5rem', marginBottom: '1rem', borderBottom: '2px solid #e5e7eb', paddingBottom: '0.5rem' }}>
-                        {t('introductionTitle')}
-                    </h2>
-                    <div style={{ fontSize: '0.95rem', lineHeight: '1.7' }}>
-                        <p style={{ marginBottom: '1rem' }}>{t('introductionText')}</p>
-                        <h3 style={{ fontSize: '1.1rem', marginTop: '1.5rem', marginBottom: '0.75rem' }}>{t('permissionsTitle')}</h3>
-                        <ul style={{ marginLeft: '1.5rem', marginBottom: '1rem' }}>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('permission1')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('permission2')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('permission3')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('permission4')}</li>
-                        </ul>
-                        <p style={{ marginTop: '1rem', padding: '0.75rem', background: '#fef3c7', borderRadius: '0.375rem', border: '1px solid #fbbf24' }}>
-                            <strong>{t('note')}:</strong> {t('permissionNote')}
-                        </p>
-                    </div>
-                </section>
-
-                {/* Song-Upload */}
-                <section>
-                    <h2 style={{ fontSize: '1.5rem', marginBottom: '1rem', borderBottom: '2px solid #e5e7eb', paddingBottom: '0.5rem' }}>
-                        {t('uploadTitle')}
-                    </h2>
-                    <div style={{ fontSize: '0.95rem', lineHeight: '1.7' }}>
-                        <h3 style={{ fontSize: '1.1rem', marginTop: '1rem', marginBottom: '0.75rem' }}>{t('uploadStepsTitle')}</h3>
-                        <ol style={{ marginLeft: '1.5rem', marginBottom: '1rem' }}>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('uploadStep1')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('uploadStep2')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('uploadStep3')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('uploadStep4')}</li>
-                        </ol>
-                        <h3 style={{ fontSize: '1.1rem', marginTop: '1.5rem', marginBottom: '0.75rem' }}>{t('uploadBestPracticesTitle')}</h3>
-                        <ul style={{ marginLeft: '1.5rem', marginBottom: '1rem' }}>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('uploadBestPractice1')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('uploadBestPractice2')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('uploadBestPractice3')}</li>
-                        </ul>
-                        <p style={{ marginTop: '1rem', padding: '0.75rem', background: '#dbeafe', borderRadius: '0.375rem', border: '1px solid #3b82f6' }}>
-                            <strong>{t('tip')}:</strong> {t('uploadTip')}
-                        </p>
-                    </div>
-                </section>
-
-                {/* Song-Bearbeitung */}
-                <section>
-                    <h2 style={{ fontSize: '1.5rem', marginBottom: '1rem', borderBottom: '2px solid #e5e7eb', paddingBottom: '0.5rem' }}>
-                        {t('editingTitle')}
-                    </h2>
-                    <div style={{ fontSize: '0.95rem', lineHeight: '1.7' }}>
-                        <h3 style={{ fontSize: '1.1rem', marginTop: '1rem', marginBottom: '0.75rem' }}>{t('singleEditTitle')}</h3>
-                        <p style={{ marginBottom: '1rem' }}>{t('singleEditText')}</p>
-                        <h3 style={{ fontSize: '1.1rem', marginTop: '1.5rem', marginBottom: '0.75rem' }}>{t('batchEditTitle')}</h3>
-                        <p style={{ marginBottom: '1rem' }}>{t('batchEditText')}</p>
-                        <ul style={{ marginLeft: '1.5rem', marginBottom: '1rem' }}>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('batchEditFeature1')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('batchEditFeature2')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('batchEditFeature3')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('batchEditFeature4')}</li>
-                        </ul>
-                        <h3 style={{ fontSize: '1.1rem', marginTop: '1.5rem', marginBottom: '0.75rem' }}>{t('genreSpecialAssignmentTitle')}</h3>
-                        <p style={{ marginBottom: '1rem' }}>{t('genreSpecialAssignmentText')}</p>
-                    </div>
-                </section>
-
-                {/* Specials kuratieren */}
-                <section>
-                    <h2 style={{ fontSize: '1.5rem', marginBottom: '1rem', borderBottom: '2px solid #e5e7eb', paddingBottom: '0.5rem' }}>
-                        {t('curateSpecialsHelpTitle')}
-                    </h2>
-                    <div style={{ fontSize: '0.95rem', lineHeight: '1.7' }}>
-                        <p style={{ marginBottom: '1rem' }}>{t('curateSpecialsHelpIntro')}</p>
-                        <h3 style={{ fontSize: '1.1rem', marginTop: '1rem', marginBottom: '0.75rem' }}>
-                            {t('curateSpecialsHelpStepsTitle')}
-                        </h3>
-                        <ol style={{ marginLeft: '1.5rem', marginBottom: '1rem' }}>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('curateSpecialsHelpStep1')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('curateSpecialsHelpStep2')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('curateSpecialsHelpStep3')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}>{t('curateSpecialsHelpStep4')}</li>
-                        </ol>
-                        <p style={{ marginTop: '1rem', padding: '0.75rem', background: '#fef3c7', borderRadius: '0.375rem', border: '1px solid #fbbf24' }}>
-                            <strong>{t('note')}:</strong> {t('curateSpecialsPermissionsNote')}
-                        </p>
-                    </div>
-                </section>
-
-                {/* Kommentar-Verwaltung */}
-                <section>
-                    <h2 style={{ fontSize: '1.5rem', marginBottom: '1rem', borderBottom: '2px solid #e5e7eb', paddingBottom: '0.5rem' }}>
-                        {t('commentsTitle')}
-                    </h2>
-                    <div style={{ fontSize: '0.95rem', lineHeight: '1.7' }}>
-                        <p style={{ marginBottom: '1rem' }}>{t('commentsText')}</p>
-                        <h3 style={{ fontSize: '1.1rem', marginTop: '1rem', marginBottom: '0.75rem' }}>{t('commentsActionsTitle')}</h3>
-                        <ul style={{ marginLeft: '1.5rem', marginBottom: '1rem' }}>
-                            <li style={{ marginBottom: '0.5rem' }}><strong>{t('markAsRead')}:</strong> {t('markAsReadText')}</li>
-                            <li style={{ marginBottom: '0.5rem' }}><strong>{t('archive')}:</strong> {t('archiveText')}</li>
-                        </ul>
-                    </div>
-                </section>
-
-                {/* Best Practices */}
-                <section>
-                    <h2 style={{ fontSize: '1.5rem', marginBottom: '1rem', borderBottom: '2px solid #e5e7eb', paddingBottom: '0.5rem' }}>
-                        {t('bestPracticesTitle')}
-                    </h2>
-                    <div style={{ fontSize: '0.95rem', lineHeight: '1.7' }}>
-                        <ul style={{ marginLeft: '1.5rem', marginBottom: '1rem' }}>
-                            <li style={{ marginBottom: '0.75rem' }}>{t('bestPractice1')}</li>
-                            <li style={{ marginBottom: '0.75rem' }}>{t('bestPractice2')}</li>
-                            <li style={{ marginBottom: '0.75rem' }}>{t('bestPractice3')}</li>
-                            <li style={{ marginBottom: '0.75rem' }}>{t('bestPractice4')}</li>
-                            <li style={{ marginBottom: '0.75rem' }}>{t('bestPractice5')}</li>
-                        </ul>
-                    </div>
-                </section>
-
-                {/* Troubleshooting */}
-                <section>
-                    <h2 style={{ fontSize: '1.5rem', marginBottom: '1rem', borderBottom: '2px solid #e5e7eb', paddingBottom: '0.5rem' }}>
-                        {t('troubleshootingTitle')}
-                    </h2>
-                    <div style={{ fontSize: '0.95rem', lineHeight: '1.7' }}>
-                        <h3 style={{ fontSize: '1.1rem', marginTop: '1rem', marginBottom: '0.75rem' }}>{t('troubleshootingQ1')}</h3>
-                        <p style={{ marginBottom: '1rem', marginLeft: '1rem' }}>{t('troubleshootingA1')}</p>
-                        <h3 style={{ fontSize: '1.1rem', marginTop: '1rem', marginBottom: '0.75rem' }}>{t('troubleshootingQ2')}</h3>
-                        <p style={{ marginBottom: '1rem', marginLeft: '1rem' }}>{t('troubleshootingA2')}</p>
-                        <h3 style={{ fontSize: '1.1rem', marginTop: '1rem', marginBottom: '0.75rem' }}>{t('troubleshootingQ3')}</h3>
-                        <p style={{ marginBottom: '1rem', marginLeft: '1rem' }}>{t('troubleshootingA3')}</p>
-                        <h3 style={{ fontSize: '1.1rem', marginTop: '1rem', marginBottom: '0.75rem' }}>{t('troubleshootingQ4')}</h3>
-                        <p style={{ marginBottom: '1rem', marginLeft: '1rem' }}>{t('troubleshootingA4')}</p>
-                    </div>
-                </section>
-            </div>
-        </main>
-    );
-}
-
diff --git a/app/curator/help/page.tsx b/app/curator/help/page.tsx
deleted file mode 100644
index 2759fd6..0000000
--- a/app/curator/help/page.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export const dynamic = 'force-dynamic';
-
-import CuratorHelpClient from './CuratorHelpClient';
-
-export default function CuratorHelpPage() {
-    return <CuratorHelpClient />;
-}
-
diff --git a/app/curator/page.tsx b/app/curator/page.tsx
deleted file mode 100644
index a72ec91..0000000
--- a/app/curator/page.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-// Server-Wrapper für die Kuratoren-Seite.
-// Markiert die Route als dynamisch und rendert die eigentliche Client-Komponente.
-export const dynamic = 'force-dynamic';
-
-import CuratorPageClient from './CuratorPageClient';
-
-export default function CuratorPage() {
-    return <CuratorPageClient />;
-}
-
-
diff --git a/app/curator/specials/CuratorSpecialsClient.tsx b/app/curator/specials/CuratorSpecialsClient.tsx
deleted file mode 100644
index c5ce683..0000000
--- a/app/curator/specials/CuratorSpecialsClient.tsx
+++ /dev/null
@@ -1,156 +0,0 @@
-'use client';
-
-import { useEffect, useState } from 'react';
-import { useRouter, usePathname } from 'next/navigation';
-import { useLocale, useTranslations } from 'next-intl';
-import { Link } from '@/lib/navigation';
-import { getCuratorAuthHeaders } from '@/lib/curatorAuth';
-import { getLocalizedValue } from '@/lib/i18n';
-
-interface CuratorSpecial {
-    id: number;
-    name: string | { de?: string; en?: string };
-    songCount: number;
-}
-
-export default function CuratorSpecialsClient() {
-    const router = useRouter();
-    const pathname = usePathname();
-    const urlLocale = pathname?.split('/')[1] as 'de' | 'en' | undefined;
-    const intlLocale = useLocale() as 'de' | 'en';
-    const locale: 'de' | 'en' = urlLocale === 'de' || urlLocale === 'en' ? urlLocale : intlLocale;
-    const t = useTranslations('Curator');
-
-    const [specials, setSpecials] = useState<CuratorSpecial[]>([]);
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState<string | null>(null);
-
-    useEffect(() => {
-        const fetchSpecials = async () => {
-            try {
-                setLoading(true);
-                const res = await fetch('/api/curator/specials', {
-                    headers: getCuratorAuthHeaders(),
-                });
-                if (!res.ok) {
-                    if (res.status === 403) {
-                        setError(t('specialForbidden'));
-                    } else {
-                        setError('Failed to load specials');
-                    }
-                    return;
-                }
-                const data = await res.json();
-                setSpecials(data);
-            } catch (e) {
-                setError('Failed to load specials');
-            } finally {
-                setLoading(false);
-            }
-        };
-
-        fetchSpecials();
-    }, [t]);
-
-    if (loading) {
-        return (
-            <div style={{ maxWidth: '960px', margin: '2rem auto', padding: '1rem' }}>
-                <p>{t('loading')}</p>
-            </div>
-        );
-    }
-
-    if (error) {
-        return (
-            <div style={{ maxWidth: '960px', margin: '2rem auto', padding: '1rem' }}>
-                <p style={{ color: 'red' }}>{error}</p>
-                <Link
-                    href="/curator"
-                    style={{
-                        display: 'inline-block',
-                        marginTop: '1rem',
-                        padding: '0.5rem 1rem',
-                        background: '#6b7280',
-                        color: 'white',
-                        textDecoration: 'none',
-                        borderRadius: '0.375rem',
-                        fontSize: '0.9rem',
-                    }}
-                >
-                    {t('backToDashboard') || 'Back to Dashboard'}
-                </Link>
-            </div>
-        );
-    }
-
-    return (
-        <div style={{ maxWidth: '960px', margin: '2rem auto', padding: '1rem' }}>
-            <header style={{ marginBottom: '2rem' }}>
-                <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
-                    <h1 style={{ fontSize: '1.75rem', marginBottom: '0.25rem' }}>
-                        {t('curateSpecialsTitle') || 'Curate Specials'}
-                    </h1>
-                    <Link
-                        href="/curator"
-                        style={{
-                            padding: '0.5rem 1rem',
-                            background: '#6b7280',
-                            color: 'white',
-                            textDecoration: 'none',
-                            borderRadius: '0.375rem',
-                            fontSize: '0.9rem',
-                        }}
-                    >
-                        {t('backToDashboard') || 'Back to Dashboard'}
-                    </Link>
-                </div>
-            </header>
-
-            {specials.length === 0 ? (
-                <div style={{ padding: '2rem', textAlign: 'center', color: '#666' }}>
-                    <p>{t('noSpecialsAssigned') || 'No specials assigned to you.'}</p>
-                </div>
-            ) : (
-                <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}>
-                    {specials.map((special) => (
-                        <Link
-                            key={special.id}
-                            href={`/curator/specials/${special.id}`}
-                            style={{
-                                display: 'block',
-                                padding: '1.5rem',
-                                background: '#f9fafb',
-                                border: '1px solid #e5e7eb',
-                                borderRadius: '0.5rem',
-                                textDecoration: 'none',
-                                color: 'inherit',
-                                transition: 'all 0.2s',
-                            }}
-                            onMouseEnter={(e) => {
-                                e.currentTarget.style.background = '#f3f4f6';
-                                e.currentTarget.style.borderColor = '#d1d5db';
-                            }}
-                            onMouseLeave={(e) => {
-                                e.currentTarget.style.background = '#f9fafb';
-                                e.currentTarget.style.borderColor = '#e5e7eb';
-                            }}
-                        >
-                            <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
-                                <div>
-                                    <h2 style={{ fontSize: '1.25rem', marginBottom: '0.5rem', color: '#111827' }}>
-                                        {getLocalizedValue(special.name, locale)}
-                                    </h2>
-                                    <p style={{ fontSize: '0.875rem', color: '#6b7280' }}>
-                                        {special.songCount} {special.songCount === 1 ? 'song' : 'songs'}
-                                    </p>
-                                </div>
-                                <div style={{ fontSize: '1.5rem', color: '#10b981' }}>→</div>
-                            </div>
-                        </Link>
-                    ))}
-                </div>
-            )}
-        </div>
-    );
-}
-
diff --git a/app/curator/specials/[id]/page.tsx b/app/curator/specials/[id]/page.tsx
deleted file mode 100644
index 686ed7d..0000000
--- a/app/curator/specials/[id]/page.tsx
+++ /dev/null
@@ -1,177 +0,0 @@
-'use client';
-
-export const dynamic = 'force-dynamic';
-
-import { useEffect, useState } from 'react';
-import { useParams, useRouter, usePathname } from 'next/navigation';
-import { useLocale, useTranslations } from 'next-intl';
-import CurateSpecialEditor, { CurateSpecial } from '@/components/CurateSpecialEditor';
-import { getCuratorAuthHeaders } from '@/lib/curatorAuth';
-import HelpTooltip from '@/components/HelpTooltip';
-
-export default function CuratorSpecialEditorPage() {
-    const params = useParams();
-    const router = useRouter();
-    const pathname = usePathname();
-    const urlLocale = pathname?.split('/')[1] as 'de' | 'en' | undefined;
-    const intlLocale = useLocale() as 'de' | 'en';
-    const locale: 'de' | 'en' = urlLocale === 'de' || urlLocale === 'en' ? urlLocale : intlLocale;
-    const t = useTranslations('Curator');
-    const tHelp = useTranslations('CuratorHelp');
-
-    const specialId = params?.id as string;
-
-    const [special, setSpecial] = useState<CurateSpecial | null>(null);
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState<string | null>(null);
-
-    const fetchSpecial = async (showLoading = true) => {
-        try {
-            if (showLoading) {
-                setLoading(true);
-            }
-            const res = await fetch(`/api/curator/specials/${specialId}`, {
-                headers: getCuratorAuthHeaders(),
-            });
-            if (res.status === 403) {
-                setError(t('specialForbidden'));
-                return;
-            }
-            if (!res.ok) {
-                setError('Failed to load special');
-                return;
-            }
-            const data = await res.json();
-            setSpecial(data);
-        } catch (e) {
-            setError('Failed to load special');
-        } finally {
-            if (showLoading) {
-                setLoading(false);
-            }
-        }
-    };
-
-    useEffect(() => {
-        if (specialId) {
-            fetchSpecial(true);
-        }
-    }, [specialId, t]);
-
-    const handleSaveStartTime = async (songId: number, startTime: number) => {
-        const res = await fetch(`/api/curator/specials/${specialId}/songs`, {
-            method: 'PUT',
-            headers: {
-                ...getCuratorAuthHeaders(),
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({ songId, startTime }),
-        });
-        if (res.status === 403) {
-            setError(t('specialForbidden'));
-        } else if (!res.ok) {
-            setError('Failed to save changes');
-        } else {
-            // Reload special data to update the start time in the song list
-            await fetchSpecial(false);
-        }
-    };
-
-    if (loading) {
-        return (
-            <div style={{ padding: '2rem', textAlign: 'center' }}>
-                <p>{t('loadingData')}</p>
-            </div>
-        );
-    }
-
-    if (error) {
-        return (
-            <div style={{ padding: '2rem', textAlign: 'center' }}>
-                <p>{error}</p>
-                <button
-                    onClick={() => router.push(`/${locale}/curator`)}
-                    style={{
-                        marginTop: '1rem',
-                        padding: '0.5rem 1rem',
-                        borderRadius: '0.5rem',
-                        border: 'none',
-                        background: '#e5e7eb',
-                        cursor: 'pointer',
-                    }}
-                >
-                    {t('backToDashboard')}
-                </button>
-            </div>
-        );
-    }
-
-    if (!special) {
-        return (
-            <div style={{ padding: '2rem', textAlign: 'center' }}>
-                <p>{t('specialNotFound')}</p>
-                <button
-                    onClick={() => router.push(`/${locale}/curator`)}
-                    style={{
-                        marginTop: '1rem',
-                        padding: '0.5rem 1rem',
-                        borderRadius: '0.5rem',
-                        border: 'none',
-                        background: '#e5e7eb',
-                        cursor: 'pointer',
-                    }}
-                >
-                    {t('backToDashboard')}
-                </button>
-            </div>
-        );
-    }
-
-    return (
-        <div style={{ padding: '2rem', maxWidth: '1200px', margin: '0 auto' }}>
-            <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '1rem' }}>
-                <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
-                    <h1 style={{ fontSize: '1.75rem', fontWeight: 'bold' }}>
-                        {t('curateSpecialHeaderPrefix')}
-                    </h1>
-                    <HelpTooltip
-                        shortText={tHelp('tooltipCurateSpecialEditorShort')}
-                        longText={tHelp('tooltipCurateSpecialEditorLong')}
-                        position="bottom"
-                    />
-                </div>
-                <button
-                    type="button"
-                    onClick={() => router.push(`/${locale}/curator/specials`)}
-                    style={{
-                        padding: '0.5rem 1rem',
-                        background: '#e5e7eb',
-                        borderRadius: '0.5rem',
-                        border: 'none',
-                        cursor: 'pointer',
-                        fontSize: '0.9rem',
-                    }}
-                >
-                    {t('backToCuratorSpecials')}
-                </button>
-            </div>
-
-            <CurateSpecialEditor
-                special={special}
-                locale={locale}
-                onBack={() => router.push(`/${locale}/curator/specials`)}
-                onSaveStartTime={handleSaveStartTime}
-                backLabel={t('backToCuratorSpecials')}
-                headerPrefix={t('curateSpecialHeaderPrefix')}
-                noSongsHint={t('curateSpecialNoSongs')}
-                noSongsSubHint={t('curateSpecialNoSongsSub')}
-                instructionsText={t('curateSpecialInstructions')}
-                savingLabel={t('saving')}
-                saveChangesLabel={t('saveChanges')}
-                savedLabel={t('saved')}
-            />
-        </div>
-    );
-}
-
-
diff --git a/app/curator/specials/page.tsx b/app/curator/specials/page.tsx
deleted file mode 100644
index eded37e..0000000
--- a/app/curator/specials/page.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-'use client';
-
-// Root /curator/specials route without locale:
-// redirect users to the default English locale version.
-
-import { redirect } from 'next/navigation';
-
-export default function CuratorSpecialsPage() {
-    redirect('/en/curator/specials');
-}
-
-
-
diff --git a/app/page.module.css b/app/page.module.css
deleted file mode 100644
index 59dea42..0000000
--- a/app/page.module.css
+++ /dev/null
@@ -1,141 +0,0 @@
-.page {
-  --background: #fafafa;
-  --foreground: #fff;
-
-  --text-primary: #000;
-  --text-secondary: #666;
-
-  --button-primary-hover: #383838;
-  --button-secondary-hover: #f2f2f2;
-  --button-secondary-border: #ebebeb;
-
-  display: flex;
-  min-height: 100vh;
-  align-items: center;
-  justify-content: center;
-  font-family: var(--font-geist-sans);
-  background-color: var(--background);
-}
-
-.main {
-  display: flex;
-  min-height: 100vh;
-  width: 100%;
-  max-width: 800px;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: space-between;
-  background-color: var(--foreground);
-  padding: 120px 60px;
-}
-
-.intro {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  text-align: left;
-  gap: 24px;
-}
-
-.intro h1 {
-  max-width: 320px;
-  font-size: 40px;
-  font-weight: 600;
-  line-height: 48px;
-  letter-spacing: -2.4px;
-  text-wrap: balance;
-  color: var(--text-primary);
-}
-
-.intro p {
-  max-width: 440px;
-  font-size: 18px;
-  line-height: 32px;
-  text-wrap: balance;
-  color: var(--text-secondary);
-}
-
-.intro a {
-  font-weight: 500;
-  color: var(--text-primary);
-}
-
-.ctas {
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-  max-width: 440px;
-  gap: 16px;
-  font-size: 14px;
-}
-
-.ctas a {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 40px;
-  padding: 0 16px;
-  border-radius: 128px;
-  border: 1px solid transparent;
-  transition: 0.2s;
-  cursor: pointer;
-  width: fit-content;
-  font-weight: 500;
-}
-
-a.primary {
-  background: var(--text-primary);
-  color: var(--background);
-  gap: 8px;
-}
-
-a.secondary {
-  border-color: var(--button-secondary-border);
-}
-
-/* Enable hover only on non-touch devices */
-@media (hover: hover) and (pointer: fine) {
-  a.primary:hover {
-    background: var(--button-primary-hover);
-    border-color: transparent;
-  }
-
-  a.secondary:hover {
-    background: var(--button-secondary-hover);
-    border-color: transparent;
-  }
-}
-
-@media (max-width: 600px) {
-  .main {
-    padding: 48px 24px;
-  }
-
-  .intro {
-    gap: 16px;
-  }
-
-  .intro h1 {
-    font-size: 32px;
-    line-height: 40px;
-    letter-spacing: -1.92px;
-  }
-}
-
-@media (prefers-color-scheme: dark) {
-  .logo {
-    filter: invert();
-  }
-
-  .page {
-    --background: #000;
-    --foreground: #000;
-
-    --text-primary: #ededed;
-    --text-secondary: #999;
-
-    --button-primary-hover: #ccc;
-    --button-secondary-hover: #1a1a1a;
-    --button-secondary-border: #1a1a1a;
-  }
-}