body { font-family: Arial; }
.container { max-width: 600px; margin: 0 auto; }
.progress-bar { height: 10px; background: #eee; margin: 10px 0; }
.progress { height: 100%; background: #4CAF50; width: 0%; }
.task { padding: 8px; border-bottom: 1px solid #ddd; display: flex; align-items: center; }
.task.done { opacity: 0.7; }
.task input[type="checkbox"] { margin-right: 10px; }
.task button { margin-left: auto; }