.loading {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: rgba(0, 0, 0, 0.7);
        color: #fff;
        padding: 15px;
        border-radius: 5px;
        font-size: 16px;
        z-index: 9999;
    }    
        .avatar-container {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background: rgba(0, 0, 0, 0.7);
            color: white;
            padding: 10px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        }

        .avatar-img {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            margin-right: 10px;
        }
		
        .close-btn {
            margin-left: 10px;
            cursor: pointer;
            font-weight: bold;
            color: white;
        }
    th {
        border: 2px solid white;
        padding: 10px;
        text-align: center;
        text-shadow: 1px 1px 5px rgba(255,255,255,0.5);
        transition: 0.3s;
    }

    th:hover {
        background-color: rgba(255, 255, 255, 0.2); 
        transform: scale(1.05);
    }
.sidebar-left {
    position: -webkit-sticky; 
    position: sticky;
    top: 20px; 
    height: fit-content; 
}