body{
  font-family:sans-serif;
  max-width:420px;
  margin:auto;
  background:#f3f4f6;
}

.card{
  background:#fff;
  padding:12px;
  border-radius:16px;
  box-shadow:0 3px 10px rgba(0,0,0,.05);
  margin-bottom:12px;
}

.img{
  width:100%;
  height:140px;
  object-fit:cover;
  border-radius:12px;
}

.title{font-weight:700;margin-top:8px}
.small{font-size:12px;color:#666}

.bar{
  height:6px;background:#e5e7eb;border-radius:10px;margin:6px 0
}
.bar div{
  height:100%;background:#22c55e;border-radius:10px
}

.badge{
  font-size:11px;background:#2563eb;color:#fff;padding:3px 8px;border-radius:10px
}

.input{
  width:100%;padding:10px;border:1px solid #ddd;border-radius:10px;margin-bottom:10px
}

.btn{
  width:100%;padding:10px;background:#2563eb;color:#fff;border-radius:10px
}

.row{
  display:flex;justify-content:space-between;background:#fff;padding:10px;border-radius:10px;margin-bottom:8px
}