body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:url(https://images.unsplash.com/photo-1506765515384-028b60a970df) no-repeat 50%/cover;font-family:Arial,sans-serif;margin:0}.container{align-items:center;display:flex;height:100vh;justify-content:center}.card{animation:fadeIn .8s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border-radius:12px;box-shadow:0 8px 25px #0003;padding:20px;width:400px}.title{margin-bottom:15px;text-align:center}.inputBox{display:flex;gap:10px;margin-bottom:20px}input{border:1px solid #ccc;border-radius:6px;flex:1 1;padding:10px;transition:.3s}input:focus{border:1px solid #4caf50;box-shadow:0 0 5px #4caf50;outline:none}.addBtn{background:linear-gradient(45deg,#4caf50,#2e7d32);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 15px;transition:.3s}.addBtn:hover{box-shadow:0 4px 10px #0003;transform:scale(1.05)}ul{list-style:none;padding:0}.item{animation:slideIn .3s ease-in-out;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px}.completed{color:gray;cursor:pointer;text-decoration:line-through}.deleteBtn{background:#e53935;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:5px 10px;transition:.3s}.deleteBtn:hover{background:#c62828;transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}.filters{display:flex;justify-content:space-around;margin-bottom:15px}.filters button{background:#ddd;border:none;border-radius:5px;cursor:pointer;padding:5px 10px}.filters button:hover{background:#bbb}.footer{align-items:center;display:flex;justify-content:space-between;margin-top:15px}.clearBtn{background:#000;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.clearBtn:hover{background:#333}}
/*# sourceMappingURL=main.b51766c9.css.map*/