/**
 * Responsive styles for mobile devices
 */

@media (max-width: 360px) {
    .header h1 {
        font-size: 20px;
    }

    .user-info h2 {
        font-size: 18px;
    }

    .avatar {
        width: 80px;
        height: 80px;
        font-size: 32px;
    }

    .navbar {
        bottom: 12px;
        padding: 10px 16px;
    }

    .nav-item {
        padding: 10px 16px;
        min-width: 70px;
    }

    .nav-item span {
        font-size: 11px;
    }
}