body { font-family: sans-serif; background: #f0f2f5; display: flex; justify-content: center; padding: 20px; }
.container { background: white; padding: 20px; border-radius: 15px; box-shadow: 0 10px 20px rgba(0,0,0,0.1); width: 350px; }
.progress-bar { background: #eee; border-radius: 10px; height: 15px; overflow: hidden; }
.progress { background: #4caf50; height: 100%; width: 0%; transition: 0.3s; }
.item { border-bottom: 1px solid #eee; padding: 10px 0; display: flex; justify-content: space-between; }
.btn { padding: 5px 10px; border-radius: 20px; border: none; cursor: pointer; }
.pending { background: #ffeaa7; color: #d35400; }
.completed { background: #55efc4; color: #00b894; font-weight: bold; }