*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


body{

    min-height:100vh;

    background:#050816;

    font-family:'Segoe UI',sans-serif;

    color:white;

}



.container{

    width:90%;

    max-width:800px;

    margin:60px auto;

}



h1{

    text-align:center;

    margin-bottom:40px;

}



#userList{

    display:flex;

    flex-direction:column;

    gap:15px;

}



.user{

    padding:20px;


    background:
    rgba(255,255,255,.12);


    border-radius:20px;


    backdrop-filter:blur(15px);


    display:flex;

    justify-content:space-between;

    align-items:center;


    border:
    1px solid rgba(255,255,255,.2);

}



.status{

    width:12px;

    height:12px;

    background:#00ff88;

    border-radius:50%;

}