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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin:2rem auto;max-width:500px;padding:3rem}.app-container h1{margin-bottom:1rem;text-align:center}.app-container form{display:flex;gap:.5rem;margin-bottom:1.5rem}.app-container form input{flex:1 1;padding:.5rem}.app-container form button{padding:.5rem 1rem}.app-container ul{list-style:none;padding:0}.app-container ul li{background-color:#f5f5f5;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.5rem}.app-container ul li.completed span{color:gray;text-decoration:line-through}.app-container ul li button{background:none;border:none;color:red;cursor:pointer;font-size:1rem}.app-container .todo-item{background:#f4f4f4;border-radius:5px;cursor:grab;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem;transition:box-shadow .2s ease}.app-container .todo-item:hover{box-shadow:0 0 6px #00000026}.app-container .todo-item.completed span{color:gray;text-decoration:line-through}.app-container .todo-item button{background:none;border:none;color:red;cursor:pointer;font-size:1rem}.app-container .controls{display:flex;justify-content:space-between;margin-bottom:1rem}.app-container .filters button{background:#eee;border:none;border-radius:5px;cursor:pointer;margin-right:.5rem;padding:.4rem .8rem}.app-container .filters button:hover{background:#ddd}.app-container .filters button.active{background-color:#4f46e5;color:#fff;font-weight:700}.app-container select{padding:.4rem}.app-container .clear-btn{background-color:#f87171;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.5rem 1rem;position:absolute}.app-container .clear-btn:hover{background-color:#ef4444}
/*# sourceMappingURL=main.b6e5ca9b.css.map*/