Profile Header
Gradient: linear-gradient(135deg, #0B96D0 0%, #00ACE4 100%)
Avatar: 68px circle, border 3px white, bg rgba(255,255,255,.25), initials text
Edit button: outlined white, border-radius 20px, semi-transparent border
Status bar: white text to match gradient bg
Section Groups
Container: bg white, border-radius 16px, shadow 0 2px 8px rgba(0,0,0,.04)
Section label: 10px, uppercase, letter-spacing .5px, color #6B7A90
Row divider: 1px solid #F5F7FA (very subtle)
List icon: 30px, border-radius 8px, bg #F5F7FA, centered emoji
Toggle Switch
Track: 34px wide, 20px tall, border-radius 10px, bg #0B96D0 (on state)
Thumb: 16px circle, bg white, box-shadow for lift effect
Position: right side when on (right: 2px)
Logout Row
Label color: #EF4444 (red) — only destructive action
Icon bg: rgba(239,68,68,.08) — faint red tint
No arrow: logout doesn't navigate, it acts
Isolation: placed in its own section-group at bottom