body{margin:0;font-family:Poppins,sans-serif;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center;min-height:100vh}.app{background-color:#fff;padding:2rem;width:500px;border-radius:1.5rem;box-shadow:0 12px 25px #0000001f}h1{text-align:center;margin-bottom:1.5rem;font-weight:700;color:#111;letter-spacing:.5px}.input-row{display:flex;gap:.7rem;margin-bottom:1rem}input[type=text]{flex:1;padding:.8rem 1rem;border-radius:1rem;border:1px solid #ddd;font-size:1rem;box-shadow:inset 0 2px 4px #0000000d;transition:all .2s ease}input[type=text]:focus{outline:none;border-color:#bfa243;box-shadow:0 0 6px #bfa24366}button{background-color:#000;color:#fff;padding:.8rem 1.2rem;border-radius:1rem;border:none;font-weight:600;cursor:pointer;transition:all .2s ease}button:hover{background-color:#333;transform:translateY(-2px);box-shadow:0 4px 10px #00000026}.filter-row{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.filter-row button{background-color:#ddd;color:#111;padding:.4rem .8rem;border-radius:.7rem;border:none;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-row button:hover{background-color:#ccc}.filter-row button.active-filter{background-color:#bfa243;color:#fff;box-shadow:0 2px 6px #bfa24380}.task-list{display:flex;flex-direction:column;gap:.8rem}.task-item{background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;border-radius:1rem;border:1px solid #eee;box-shadow:0 4px 10px #0000000d;transition:all .2s ease}.task-item:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0000001a}.task-item.completed span{text-decoration:line-through;color:#999}.edit-input{flex:1;padding:.6rem .8rem;border-radius:.8rem;border:1px solid #ddd;font-size:1rem;box-shadow:inset 0 1px 3px #0000000d;margin-right:.5rem}.task-buttons{display:flex;gap:.5rem}.edit-btn,.save-btn{background-color:#bfa243;color:#fff;padding:.4rem .8rem;border-radius:.7rem;font-size:.9rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.edit-btn:hover,.save-btn:hover{background-color:#a68e36;transform:translateY(-1px);box-shadow:0 3px 6px #bfa24366}.cancel-btn{background-color:#888;color:#fff;padding:.4rem .8rem;border-radius:.7rem;font-size:.9rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background-color:#555;transform:translateY(-1px)}.delete-btn{background-color:#000;color:#fff;padding:.4rem .8rem;border-radius:.7rem;font-size:.9rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.delete-btn:hover{background-color:#333;transform:translateY(-1px)}input[type=checkbox]{width:18px;height:18px;accent-color:#bfa243;cursor:pointer}body{margin:0;font-family:sans-serif}.app{padding:20px;max-width:600px;margin:auto}.add-task{display:flex;gap:10px}.task-list{margin-top:20px}