body{
  font-family: Arial;
  margin:0;
  background:#f4f4f4;
}
header{
  background:#111;
  color:#fff;
  padding:20px;
}
header h1{margin:0}
header p{margin:5px 0 0 0; opacity:0.8}

.container{
  padding:20px;
}

.grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:15px;
}

.card{
  background:#fff;
  padding:10px;
  border-radius:10px;
  box-shadow:0 2px 6px rgba(0,0,0,0.1);
}

img{
  width:100%;
  height:160px;
  object-fit:cover;
  border-radius:8px;
}

.title{font-weight:bold;margin-top:8px}
.desc{font-size:13px;color:#555}

.btns{display:flex;gap:5px;margin-top:10px}
button{flex:1;padding:8px;border:0;border-radius:6px;cursor:pointer}
.keep{background:#4CAF50;color:#fff}
.sell{background:#f44336;color:#fff}
.active{outline:3px solid #000}

.pagination{
  margin-top:20px;
  display:flex;
  justify-content:center;
  gap:10px;
}