body{font-family:Arial;background:#0f172a;color:#fff;padding:20px}.card{background:#1e293b;margin:8px;padding:10px;border-radius:8px}input{padding:10px;width:300px}

.filters{

display:flex;
gap:10px;
margin:20px 0;
flex-wrap:wrap;

}

.filter{

padding:12px 18px;
background:#1e293b;
color:white;
border:none;
border-radius:10px;
cursor:pointer;
transition:.3s;

}

.filter:hover{

background:#2563eb;

}

.filter.active{

background:#2563eb;

}