body{background:#f5f5f5;font-family:Arial,sans-serif;margin:0;padding:0}.todo-container{background:#fff;border-radius:12px;box-shadow:0 3px 3px 0 #00000026;margin:40px auto;max-width:500px;padding:20px}.header{font-size:1.8rem;margin-bottom:20px;text-align:center}.input-group{display:flex;gap:10px}.input-group input{border:2px solid #007bff;border-radius:8px;flex:1 1;font-size:16px;padding:10px 15px;transition:border-color .3s ease,box-shadow .3s ease}.input-group button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:26px;padding:8px 16px}.filters{display:flex;justify-content:space-between;margin:15px 0}.filters button{background:#f3f2f2;border:none;border-radius:4px;cursor:pointer;margin-right:5px;padding:6px 10px;transition:background-color .3s ease}.filters button.active,.filters button:hover{background:#ccc}.task-list{list-style:none;padding:0}.task-item{background:#faf1f1;border-radius:6px;justify-content:space-between;margin-top:8px;padding:10px}.task-content,.task-item{align-items:center;display:flex}.task-content{flex:1 1}.task-item .done{color:gray;text-decoration:line-through}.task-item button{background:#0000;border:none;color:red;cursor:pointer;font-size:18px}.empty{color:gray;text-align:center}.task-item input[type=checkbox]{-webkit-appearance:none;appearance:none;border:2px solid #007bff;border-radius:4px;cursor:pointer;height:18px;margin-right:10px;position:relative;transition:background-color .3s,border-color .3s;width:18px}.task-item input[type=checkbox]:checked{background-color:#007bff;border-color:#007bff}.task-item input[type=checkbox]:checked:after{color:#fff;content:"✔";font-size:12px;left:3px;line-height:16px;position:absolute;top:0}
/*# sourceMappingURL=main.678c9d61.css.map*/