body{
background:#0f2233;
font-family:Arial;
color:white;
margin:15px;
}

.auth{
    height: 2rem;
    width: 90%;
    font-size: medium
}
    
.filters{
display:flex;
gap:10px;
margin-bottom:20px;
}

.filters button{
flex:1;
padding:12px;
font-size:16px;
border:none;
border-radius:6px;
}

.card{
background:#1b3a53;
padding:15px;
border-radius:10px;
margin-bottom:12px;
}

.card-id{
font-size:18px;
font-weight:bold;
}

.address{
color:#9ed0ff;
}

.actions{
margin-top:10px;
display:flex;
gap:10px;
}

.actions button{
flex:1;
padding:8px;
border:none;
border-radius:6px;
}

.start{
background:#f0ad4e;
}

.done{
background:#5cb85c;
}

.open{
background:#3a7bd5;
}

.comment_button{
flex:1;
padding:8px;
border:none;
border-radius:6px;
margin-bottom: 6px;
}