.profile-header {
    background: linear-gradient(135deg, var(--profile-accent, rgba(255,0,80,0.1)), rgba(139,92,246,0.1));
    padding: 2rem; border-radius: 1rem; margin-bottom: 2rem;
    display: flex; align-items: center; gap: 2rem;
}
.profile-avatar {
    width: 120px; height: 120px; border-radius: 50%;
    background: linear-gradient(135deg, var(--color-primary), #ff4d7a);
    display: flex; align-items: center; justify-content: center;
    font-size: 3rem; flex-shrink: 0;
}
.profile-info h1 { margin-bottom: 0.5rem; }
.profile-info p { color: var(--color-text-secondary); margin-bottom: 1rem; }
.profile-stats { display: flex; gap: 2rem; margin-top: 1rem; }
.stat { text-align: center; }
.stat-value { font-size: 1.5rem; font-weight: bold; color: var(--color-primary); }
.stat-label { font-size: 0.875rem; color: var(--color-text-secondary); }
.profile-tabs {
    display: flex; gap: 1rem; margin-bottom: 2rem;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.profile-tab {
    padding: 1rem 1.5rem; background: none; border: none;
    color: var(--color-text-secondary); font-size: 1rem; cursor: pointer;
    border-bottom: 2px solid transparent; transition: all var(--transition-base);
}
.profile-tab:hover { color: var(--color-text-primary); }
.profile-tab.active { color: var(--color-primary); border-bottom-color: var(--color-primary); }
.profile-actions { display: flex; gap: 1rem; }
@media (max-width: 768px) {
    .profile-header { flex-direction: column; text-align: center; }
    .profile-stats { justify-content: center; }
    .profile-actions { justify-content: center; }
}