   }
        @media (max-width: 768px) {
            .login-buttons {
                flex-direction: column;
                align-items: center;
            }
            .user-info {
                flex-direction: column;
                gap: 15px;
                text-align: center;
            }
            .data-table {
                font-size: 14px;
            }
            .data-table th,
            .data-table td {
                padding: 8px;
            }
        }
    </style>
</head>
<bod